:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#f8fafc;background:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#38bdf847,#0000 34rem),radial-gradient(circle at 100% 100%,#a855f738,#0000 28rem),#0f172a;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:#082f49;background:#38bdf8;border:0;border-radius:999px;padding:.72rem 1rem;font-weight:800}button.secondary{color:#e2e8f0;background:#94a3b829;border:1px solid #e2e8f033}button.active{outline:2px solid #67e8f9}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{color:#f8fafc;background:#0f172acc;border:1px solid #e2e8f038;border-radius:.75rem;width:100%;padding:.75rem .85rem}label{color:#cbd5e1;gap:.4rem;font-weight:650;display:grid}.app-shell{width:min(1180px,100% - 2rem);margin:0 auto;padding:2rem 0}.topbar,.split,.actions,.nav{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.topbar,.split{justify-content:space-between}h1,h2,h3,p{margin-top:0}.eyebrow{color:#67e8f9;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900}.card,.status{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ac7;border:1px solid #e2e8f029;border-radius:1.4rem;margin-bottom:1rem;padding:1.25rem;box-shadow:0 24px 80px #00000052}.status{color:#bae6fd;padding:.8rem 1rem}.error{color:#fca5a5}.success{color:#86efac}.muted{color:#94a3b8}.grid{gap:1rem;display:grid}.viewer-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:1rem;display:grid}.stack-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;display:grid}.stack-tile{background:#02061759;border:1px solid #e2e8f029;border-radius:1rem;padding:1rem}.badge{color:#bae6fd;background:#38bdf829;border-radius:999px;padding:.2rem .55rem;font-size:.76rem;font-weight:800;display:inline-block}pre,code,.code-editor{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}pre{background:#020617b3;border:1px solid #94a3b83d;border-radius:1rem;max-height:24rem;padding:1rem;overflow:auto}.code-editor{tab-size:2;min-height:34rem;line-height:1.45}#hypercard-stage{place-items:center;min-height:440px;display:grid}.empty-stage{color:#64748b;background:#f8fafc;border:2px dashed #0f172a3d;border-radius:1.25rem;place-items:center;width:640px;height:420px;display:grid}.hypercard{color:#0f172a;border:1px solid #0f172a38;border-radius:1.25rem;width:640px;height:420px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff73,0 24px 60px #00000040}.hc-part{position:absolute}.hc-field{white-space:pre-wrap;color:#0f172a;background:#ffffff9e;border:1px solid #0f172a33;border-radius:.8rem;padding:.8rem;font-weight:650;overflow:auto}.hc-field.title{background:0 0;border:0;font-size:1.75rem;font-weight:950;line-height:1.1}.hc-button{color:#0f172a;background:linear-gradient(#fff,#e2e8f0);border:2px solid #0f172a47;border-radius:.8rem;box-shadow:0 4px #0f172a38}.hc-button:active{transform:translateY(2px);box-shadow:0 2px #0f172a38}@media (width<=980px){.viewer-layout{grid-template-columns:1fr}.hypercard,.empty-stage{width:min(640px,100%)}}