:root{color-scheme:dark;--ink:#f4f7fb;--muted:#aeb9c8;--line:#2a3748;--panel:#111a27;--accent:#77e4bd;--bg:#08101b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}main{max-width:1400px;margin:auto;padding:34px 44px 72px}.catalog-heading,.topbar,.workspace-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.topbar{align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:2rem}h2{font-size:1.65rem;margin-bottom:8px}h3{font-size:1.15rem;margin:8px 0}.eyebrow{color:var(--accent);font-size:.7rem;letter-spacing:.14em;font-weight:700}.muted{max-width:330px;line-height:1.5}.muted,.signout{color:var(--muted)}.topbar .eyebrow{margin-bottom:4px}.topbar h1{font-size:1.5rem;line-height:1.1}.catalog-heading{margin:50px 0 22px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));grid-gap:18px;gap:18px}.login-card,.tile{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.tile.disabled{opacity:.55}.preview{height:120px;display:grid;place-items:center;background:linear-gradient(135deg,#173d4a,#27336b);color:var(--accent);font-size:3rem;font-weight:700}.tile-copy{padding:18px}.tile-copy p:not(.eyebrow){color:var(--muted);min-height:44px;line-height:1.45}.button{background:var(--accent);border:0;color:#06140f;display:inline-block;font-weight:700;border-radius:6px;padding:10px 14px;cursor:pointer;text-decoration:none}button:disabled{cursor:not-allowed}.workspace{margin-top:62px;border-top:1px solid var(--line);padding-top:28px}.tabs{display:flex;gap:8px;margin:22px 0 12px}.tab-shell{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:6px;overflow:hidden}.tab{background:transparent;color:var(--muted);border:0;padding:10px 14px;cursor:pointer}.tab.active{color:var(--ink)}.tab-close{background:transparent;color:var(--muted);border:0;border-left:1px solid var(--line);padding:8px 10px;cursor:pointer;font-size:1.1rem}.tab-close:focus-visible,.tab-close:hover{color:var(--ink);background:var(--panel)}.frames{min-height:60vh;border:1px solid var(--line);background:#050a11}.demo-frame{display:block;border:0;width:100%;min-height:60vh}.login-card{max-width:480px;margin:110px auto;padding:32px}.login-card p{color:var(--muted);line-height:1.5}.empty-state{margin-top:48px;padding:32px;border:1px dashed var(--line);color:var(--muted)}.skeleton{pointer-events:none}.skeleton .preview,.skeleton-line{background:var(--line);opacity:.6}.skeleton-line{height:14px;margin:10px 0;border-radius:4px}.skeleton-line.short{width:62%}.demo-frame[hidden]{display:none}.preview img{width:100%;height:100%;object-fit:cover;display:block}.preview .letter{font-size:3rem;font-weight:700}.kind-heading{margin:46px 0 6px}.kind-heading h2{margin-bottom:4px}.kind-heading .muted{max-width:640px}.workspace{position:fixed;inset:0;z-index:50;margin:0;border-top:0;background:var(--bg);display:flex;flex-direction:column;padding:18px 24px 24px}.workspace.minimised{display:none}.workspace .workspace-head{flex:0 0 auto}.workspace .tabs{flex:0 0 auto;overflow-x:auto}.workspace .frames{flex:1 1 auto;min-height:0;margin-bottom:0}.workspace .demo-frame{height:100%;min-height:0}.minimise{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:9px 14px;cursor:pointer}.minimise:focus-visible,.minimise:hover{color:var(--ink);border-color:var(--accent)}.button.resume{white-space:nowrap}.tile-actions{display:flex;align-items:center;gap:14px}.tutorial{color:var(--muted);font-size:.85rem;text-decoration:none;white-space:nowrap}.tutorial:focus-visible,.tutorial:hover{color:var(--accent);text-decoration:underline}