:root{--bg:#0b0f17;--panel:#121826;--panel-2:#171f31;--text:#f8fafc;--muted:#94a3b8;--line:#263244;--accent:#7c3aed;--accent-2:#22c55e}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.header{border-bottom:1px solid var(--line);background:radial-gradient(circle at top left,rgba(124,58,237,.22),transparent 34rem),linear-gradient(180deg,#111827,#0b0f17)}.header-inner{padding:36px 0 28px}.eyebrow{color:var(--accent-2);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}h1{margin:0;font-size:clamp(34px,6vw,64px);line-height:.95;letter-spacing:-.06em}.subtitle{max-width:720px;color:var(--muted);font-size:17px;line-height:1.55;margin:16px 0 0}.main{padding:28px 0 48px}.toolbar{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}.button,.toolbar{align-items:center}.button{display:inline-flex;justify-content:center;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font-weight:700}.button.primary{background:var(--accent);border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.card{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),#0f1522);border-radius:20px;padding:18px;transition:.16s ease;min-height:170px;display:flex;flex-direction:column;gap:12px}.card:hover{transform:translateY(-2px);border-color:#6d7f99}.card h2{margin:0;font-size:21px;letter-spacing:-.03em}.card p{margin:0;color:var(--muted);line-height:1.45}.card-footer{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:12px}.badge,.empty{color:var(--muted)}.empty{border:1px dashed var(--line);border-radius:20px;padding:28px;background:rgba(255,255,255,.02)}.viewer-shell{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.viewer-topbar{height:58px;display:flex;align-items:center;gap:12px;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);background:var(--panel)}.viewer-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.viewer-frame{width:100%;height:calc(100vh - 58px);border:0;background:white}code{background:#020617;border:1px solid var(--line);border-radius:8px;padding:2px 6px}