
body{font-size:12px}
.repo-hero{display:grid;grid-template-columns:minmax(0,1.35fr) 300px;gap:16px}
.repo-path{display:flex;gap:8px;align-items:center;font-size:18px}
.repo-path .slash{color:var(--muted)}
.side-list{display:grid;gap:10px}
.side-item{padding:12px;border:1px solid var(--line);background:var(--bg-soft);border-radius:8px}
.side-item strong{display:block;font-size:13px}
.side-item span{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.readme{min-height:140px}
.toolbar-end{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.table-action{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--line);background:var(--bg-soft);border-radius:6px;color:var(--text)}
.table-action:hover{border-color:rgba(96,218,37,.34)}
.type-badge.folder{background:rgba(96,218,37,.08);border-color:rgba(96,218,37,.26);color:#d7ffc8}
.item-card{border:1px solid var(--line);background:var(--bg-soft);border-radius:8px;padding:14px;display:grid;gap:10px}
.item-card h3{margin:0;font-size:15px}
.item-card p{margin:0;color:#c8d1db;font-size:12px}
.card-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:11px}
.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.dialog-backdrop{position:fixed;inset:0;background:rgba(1,4,9,.65);display:none;align-items:flex-start;justify-content:center;padding:80px 16px;z-index:90}
.dialog-backdrop.open{display:flex}
.dialog{width:min(900px, calc(100vw - 24px));background:var(--bg-elev);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}
.dialog-head{padding:12px 16px;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:12px;align-items:center}
.dialog pre{margin:0;padding:16px;background:#010409;max-height:70vh;overflow:auto;font-size:11px}
.dialog-title strong{display:block}
.dialog-title span{display:block;font-size:11px;color:var(--muted);margin-top:3px}
@media (max-width:980px){.repo-hero{grid-template-columns:1fr}}
