:root{color:#e9edf2;font-synthesis:none;text-rendering:optimizelegibility;background:#090c10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0,#4a5b7429,#0000 36rem),#090c10;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}code{color:#bdd1e7}.app-shell{width:min(1680px,100%);margin:0 auto;padding:28px}.topbar{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;display:flex}h1,h2,p{margin-top:0}h1{letter-spacing:-.055em;max-width:840px;margin-bottom:0;font-size:clamp(2rem,4vw,4.1rem);font-weight:650;line-height:.98}h2{margin-bottom:0;font-size:1rem;font-weight:620}.eyebrow{color:#9ba8b7;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px;font-size:.72rem;display:block}.hero-deck{color:#9eabb8;max-width:780px;margin:12px 0 0;font-size:clamp(.88rem,1.1vw,1rem);line-height:1.5}.status-stack{text-align:right}.status-dot{margin-bottom:6px;font-size:.82rem;display:block}.status-dot:before{content:"";background:#58616c;border-radius:999px;width:7px;height:7px;margin-right:7px;display:inline-block}.status-dot.ok:before{background:#72d6a0;box-shadow:0 0 14px #72d6a066}.status-dot.bad:before{background:#ef7070}.muted{color:#8995a2;font-size:.8rem;line-height:1.55}.demo-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.demo-step{color:#778390;background:#0b1015;border:1px solid #222b34;border-radius:10px;grid-template-columns:30px 1fr;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:grid}.demo-step>span:last-child{gap:2px;min-width:0;display:grid}.demo-step strong{color:#a9b4bf;font-size:.78rem;font-weight:620}.demo-step small{color:#687582;text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;overflow:hidden}.step-number{color:#8794a1;border:1px solid #303b47;border-radius:999px;place-items:center;width:28px;height:28px;font-size:.72rem;font-weight:650;display:grid}.demo-step.active{background:#111820;border-color:#63778b;box-shadow:inset 0 0 0 1px #90a9bf14}.demo-step.active strong{color:#edf2f7}.demo-step.active .step-number{color:#111820;background:#d9e0e7;border-color:#a9bccd}.demo-step.done{background:#0d1814;border-color:#29493d}.demo-step.done strong{color:#89c8a8}.demo-step.done .step-number{color:#83c8a6;border-color:#3a7059}.as1-view-grid{grid-template-columns:minmax(260px,.72fr) minmax(390px,1.15fr) minmax(360px,1fr);gap:12px;display:grid}.viewport-card,.panel{background:#0e1319;border:1px solid #252d37;border-radius:12px;overflow:hidden;box-shadow:0 15px 45px #00000029}.viewport-label{color:#ccd4dd;border-bottom:1px solid #252d37;justify-content:space-between;align-items:center;min-height:44px;padding:0 14px;font-size:.8rem;display:flex}.viewport-label small{color:#74818e}.canvas-wrap{background:#0b0e12;height:430px}.viewfinder-wrap{position:relative}.frame-lines{pointer-events:none;border:1px solid #ffffff3d;position:absolute;inset:11%}.frame-lines:before,.frame-lines:after{content:"";background:#ffffff1f;position:absolute}.frame-lines:before{width:1px;top:0;bottom:0;left:50%}.frame-lines:after{height:1px;top:50%;left:0;right:0}.topdown-wrap{background:#0a0e13;height:430px;padding:16px}.topdown-stage{cursor:crosshair;width:100%;height:100%;display:block}.topdown-room{fill:#111820;stroke:#4e5a67;stroke-width:3px}.topdown-window{fill:#355264;stroke:#7596a9;stroke-width:2px}.topdown-door{fill:#5a4637;stroke:#96745a;stroke-width:2px}.topdown-table{fill:#604a3a;stroke:#8b6c51;stroke-width:2px}.topdown-path{fill:none;stroke:#728b9f;stroke-width:5px;stroke-linecap:round;stroke-dasharray:9 9;opacity:.8}.topdown-performer{fill:#bc675d;stroke:#f1bbb2;stroke-width:3px}.topdown-facing{stroke:#f4c3bb;stroke-width:4px;stroke-linecap:round}.topdown-prop{fill:#ede4d1;stroke:#9a8d76;stroke-width:2px}.topdown-camera{fill:#b7c8d7;stroke:#f0f6fb;stroke-width:2px}.topdown-camera-cone{fill:#80a3be29;stroke:#85a8c0;stroke-width:2px}.topdown-label,.topdown-help{fill:#a8b5c2;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.topdown-help{fill:#607080;font-size:12px}.lower-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.panel{padding:16px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.pill,.timecode{color:#9eabb9;font-variant-numeric:tabular-nums;border:1px solid #303a46;border-radius:999px;padding:5px 8px;font-size:.68rem}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.number-field{color:#7e8a98;grid-template-columns:24px 1fr;align-items:center;gap:6px;font-size:.74rem;display:grid}.number-field input{color:#e7ebf0;background:#0a0e13;border:1px solid #2b3541;border-radius:7px;outline:none;width:100%;padding:8px 9px}.number-field input:focus{border-color:#71869e}.button-row{gap:7px;display:flex}.button-row.wrap{flex-wrap:wrap}button{color:#dce3ea;background:#17202a;border:1px solid #33404d;border-radius:7px;padding:8px 11px}button:hover:not(:disabled){background:#1e2b37}button.primary{color:#10161d;background:#d9e0e7;border-color:#687f98;width:100%;font-weight:650}button.primary:hover:not(:disabled){background:#eef2f6}button.primary.compact{width:auto}button.ghost{color:#8f9ba8;background:0 0}.progress-track{background:#242c35;border-radius:99px;height:4px;margin:16px 0 11px;overflow:hidden}.progress-value{background:#a6bdcf;height:100%;transition:width 60ms linear}.version-chain{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.version-node{color:#d5dde5;background:#0a0e13;border:1px solid #303a46;border-radius:8px;gap:2px;min-width:62px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;display:inline-grid}.version-node small{color:#65717e;font-size:.62rem}.diff-status{border-radius:7px;margin:10px 0;padding:8px 10px;font-size:.74rem}.diff-status.good{color:#86d4ad;background:#10241c;border:1px solid #315e4b}.diff-status.warn{color:#e4bd6f;background:#2b2110;border:1px solid #765b2a}.continuity-proof{color:#9dcab5;background:#0f2019;border:1px solid #315e4b;border-radius:8px;gap:5px;margin-top:12px;padding:11px;font-size:.7rem;display:grid}.continuity-proof strong{color:#79d09f;font-size:.77rem}.continuity-proof code{overflow-wrap:anywhere;font-size:.64rem}.take-lineage-mini{color:#aebac5;gap:10px;margin-top:10px;font-size:.7rem;display:flex}.take-workflow-panel{margin-top:12px}.take-actions{align-items:center}.capture-message{margin-left:4px}.take-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.take-card,.take-placeholder{background:#0a0e13;border:1px solid #26313c;border-radius:9px;min-height:210px}.take-placeholder{color:#5d6874;text-align:center;place-items:center;padding:24px;font-size:.78rem;display:grid}.take-card{padding:10px}.take-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.take-card video{aspect-ratio:16/9;background:#050708;border-radius:7px;width:100%;display:block}.take-card dl{color:#788593;margin:9px 0 0;font-size:.67rem}.take-card dl div{grid-template-columns:58px 1fr;gap:8px;display:grid}.take-card dt,.take-card dd{margin:2px 0}.take-card dd{color:#aeb9c4;overflow-wrap:anywhere}.debug-strip{color:#596572;opacity:.58;flex-wrap:wrap;gap:10px 18px;margin-top:12px;padding:10px 2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.66rem;display:flex}@media (width<=1300px){.as1-view-grid{grid-template-columns:.8fr 1.2fr}.viewfinder-card{grid-column:1/-1}.viewfinder-card .canvas-wrap{height:390px}.lower-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.demo-path{grid-template-columns:1fr}.demo-step small{white-space:normal}.as1-view-grid{grid-template-columns:1fr}.viewfinder-card{grid-column:auto}.canvas-wrap,.topdown-wrap,.viewfinder-card .canvas-wrap{height:360px}.take-grid{grid-template-columns:1fr}}@media (width<=680px){.app-shell{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.status-stack{text-align:left}.lower-grid{grid-template-columns:1fr}}