@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&display=swap";
:root{--bg:#050915;--bg-soft:#070d1d;--panel:#0b1428;--panel-soft:#0d1932;--ink:#e8eefc;--ink-muted:#93a2bf;--edge:#1d2b4a;--cyan:#2dd4bf;--teal:#22d3ee;--purple:#a78bfa;--danger:#fda4af;--surface-glow:radial-gradient(circle at 18% 8%, #133b52 0%, transparent 45%), radial-gradient(circle at 86% 0%, #3b275f 0%, transparent 40%), #050915}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--ink);background:var(--surface-glow);font-family:Space Grotesk,Manrope,Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}.lab-shell{max-width:1320px;min-height:100vh;margin:0 auto;padding:28px 14px 36px;position:relative}.ambient-glow{pointer-events:none;filter:blur(5px);z-index:-1;background:radial-gradient(circle at 50% -8%,#2dd4bf42,#0000 34%),radial-gradient(circle at 100% 16%,#a855f730,#0000 27%),radial-gradient(circle at 0 90%,#22d3ee29,#0000 36%);position:fixed;inset:0}.hero{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#0a1121db,#0b1429b8);border:1px solid #94a3b833;border-radius:18px;margin:0 auto 18px;padding:24px;box-shadow:0 14px 40px #0308186b,inset 0 1px #ffffff0d}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);font-size:.73rem}h1{margin:6px 0 10px;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700}.hero p{color:#c2d1ec;max-width:78ch;margin:0}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.hero-link,.toolbar button,.toolbar select,.row button,.quick-prompt-strip button,.chip{color:var(--ink);background:#090f1bbf;border:1px solid #94a3b859;border-radius:999px;padding:9px 14px}.hero-link{font-weight:600;text-decoration:none}.hero-link:hover,.toolbar button:hover,.quick-prompt-strip button:hover,.row button:hover{border-color:#2dd4bf8c}.chip{color:#dce7ff;background:#08142ee6;border-color:#2dd4bf59;align-items:center;display:inline-flex}.status-chip{font-size:.8rem}.toolbar-row{justify-content:space-between;align-items:center;gap:10px;max-width:1320px;margin:14px auto 12px;display:flex}.toolbar-label{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar button{padding:10px 12px;font-weight:600}.toolbar button[aria-pressed=true],.toolbar button.active{border-color:var(--cyan);color:#eafffb;box-shadow:0 0 0 2px #2dd4bf38,inset 0 0 14px #2dd4bf29}.command-grid{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:14px;max-width:1320px;margin:0 auto;display:grid}.panel{background:linear-gradient(160deg,#0c1831eb,#0b1326e6);border:1px solid #2dd4bf33;border-radius:16px;gap:12px;min-height:520px;padding:14px;display:grid;box-shadow:0 8px 38px #0308185c,inset 0 1px #ffffff0d}.meta-panel{min-height:520px}.panel-head{border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:8px;display:flex}.panel-title{letter-spacing:.05em;text-transform:uppercase;color:#c4d0e9;font-size:.96rem}.panel-meta{color:var(--ink-muted);font-size:.84rem}.messages{gap:12px;padding-right:2px;display:grid;overflow:auto}.bubble{background:#0a14289e;border:1px solid #94a3b833;border-radius:12px;padding:12px}.bubble.user{background:linear-gradient(100deg,#08162cbf,#0d233f80);border-color:#4882ff57}.meta{color:var(--ink-muted);letter-spacing:.04em;margin-bottom:7px;font-size:.76rem}.part-text{white-space:pre-wrap;line-height:1.4}.spec-block{background:#090f1ce6;border:1px solid #2dd4bf3d;border-radius:10px;margin-top:10px;padding:10px}.error{color:var(--danger);margin-top:8px}.composer{margin-top:auto}.row{align-items:stretch;gap:8px;display:flex}.row input{color:var(--ink);background:#060d1be0;border:1px solid #94a3b857;border-radius:12px;flex:1;padding:12px}.quick-prompt-strip{gap:8px;margin-top:8px;display:grid}.quick-prompt-strip button{text-align:left;border-radius:10px;width:100%;font-size:.86rem}.status{display:none}.meta-panel ul{color:#c6d4ea;gap:8px;margin:0;padding-left:18px;display:grid}.tiny-note{color:var(--ink-muted);margin:12px 0 0;font-size:.84rem}.preview-note{color:var(--ink-muted);margin-bottom:12px;font-size:.82rem}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #2dd4bfbf}button:disabled,input:disabled{opacity:.55;pointer-events:none}pre{white-space:pre-wrap;color:#e6edf8;background:#020a18;border:1px solid #94a3b833;border-radius:8px;margin:6px 0;padding:8px;font-size:.82rem;overflow:auto}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.jr-chart,.jr-canvas{background:#050d1ce0;border:1px solid #94a3b83d;border-radius:12px;padding:10px}.jr-panel{background:linear-gradient(#0b162cdb,#081022db);border:1px solid #2dd4bf3d;border-radius:12px;gap:8px;padding:12px;display:grid;box-shadow:0 12px 38px #03081870}.jr-title{letter-spacing:.01em;font-weight:700}.jr-caption{color:#94a3b8;font-size:.84rem}.jr-canvas{background:#020617;border:1px solid #94a3b838;border-radius:10px;padding:10px}.jr-canvas-frame{background:#020617;border:1px solid #94a3b83d;border-radius:10px;width:100%;height:clamp(200px,26vw,300px);overflow:hidden}.jr-motion{border-color:#2dd4bf59;box-shadow:0 12px 40px #2dd4bf2e}.jr-form{gap:10px;display:grid}.jr-form-row{gap:6px;display:grid}.jr-label{color:#d6e2fa;font-size:.84rem;display:block}.jr-input{color:#f8fafc;background:#020617;border:1px solid #94a3b857;border-radius:10px;width:100%;padding:10px 12px}.jr-button{color:#e2e8f0;background:linear-gradient(120deg,#1d4ed8,#2563eb);border:1px solid #475569b3;border-radius:10px;width:fit-content;padding:8px 12px}.jr-button:hover{background:linear-gradient(120deg,#1e40af,#0369a1);border-color:#2dd4bf8c}.jr-card{background:linear-gradient(160deg,#101e38db,#08172df2);border:1px solid #22d3ee33;border-radius:12px}.jr-rail{gap:10px;display:grid}.preview-shell{max-width:1320px;margin:0 auto;padding:24px 14px 40px}.preview-hero{background:linear-gradient(130deg,#0c162ceb,#091120db);border:1px solid #22d3ee3d;border-radius:18px;margin-bottom:14px;padding:18px}.preview-hero h1{margin:0 0 6px}.preview-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.preview-card{background:#08101fe0;border:1px solid #94a3b833;border-radius:14px;gap:10px;min-height:340px;padding:12px;display:grid}.preview-card h2{margin:0 0 8px;font-size:1rem}.preview-link{border:1px solid #2dd4bf66;border-radius:999px;margin-top:10px;padding:8px 12px;text-decoration:none;display:inline-block}.preview-render{background:linear-gradient(#060e1ae0,#091120bf);border:1px solid #94a3b833;border-radius:12px;min-height:220px;padding:8px}.preview-rules{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.preview-rules .chip{border:1px solid #94a3b859;border-radius:999px;padding:6px 10px;font-size:.78rem}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:980px){.command-grid{grid-template-columns:1fr}.hero,.preview-shell{padding:16px}.toolbar-row{flex-direction:column;align-items:flex-start}}