:root{color-scheme:dark;--orbit-bg:#05090f;--orbit-ink:#e5edf6;--orbit-muted:#8698b0;--ice:#9acfff;--gold:#f5c518}*{box-sizing:border-box}body[data-mithril-design-system]{margin:0;background:var(--orbit-bg);color:var(--orbit-ink);font-family:var(--font-sans,system-ui),sans-serif;font-size:13px}a{color:inherit;text-decoration:none}a:hover{color:var(--ice)}button,select{font:inherit;cursor:pointer}button{border:0}button:focus-visible,select:focus-visible,canvas:focus-visible,a:focus-visible{outline:2px solid var(--ice);outline-offset:4px}header{display:flex;align-items:center;height:78px;gap:32px;padding:0 3%;border-bottom:1px solid var(--border-bright)}.brand{display:flex;align-items:center;gap:12px}.wordmark{display:flex;width:135px;color:#dbe7f5}.wordmark svg{width:100%;height:32px}.product-name{font-size:16px;border-left:1px solid var(--border-bright);padding-left:28px;display:flex;gap:15px;align-items:center}.replay-badge{border:1px solid #264763;border-radius:20px;color:var(--ice);padding:5px 9px;font-size:9px}.bench-link{margin-left:auto;color:var(--orbit-muted);font-size:11px}.intro{display:flex;justify-content:space-between;align-items:center;padding:23px 3% 17px;gap:25px}.eyebrow{font:9px var(--font-mono,monospace);letter-spacing:.15em;color:var(--orbit-muted);margin:0}h1{font-size:28px;font-weight:400;letter-spacing:-.035em;margin:7px 0 0}#run-status{font:10px/1.7 var(--font-mono,monospace);color:var(--orbit-muted);white-space:pre-line;text-align:right;max-width:350px}#stages{display:flex;margin:0 3%;gap:2px;border-bottom:1px solid var(--border-bright)}#stages button{flex:1;color:var(--orbit-muted);font-size:10px;background:transparent;padding:12px 6px;white-space:nowrap;position:relative}#stages button span{font:9px var(--font-mono,monospace);opacity:.5;margin-right:9px}#stages button[aria-pressed=true]{color:var(--ice);background:#0d1d2e;box-shadow:inset 0 -2px var(--ice)}.orbit-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;border-bottom:1px solid var(--border-bright);margin:0 3%}.workspace{position:relative;height:clamp(480px,59vh,760px);min-width:0;overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:none}.scene-note{position:absolute;left:20px;bottom:63px;display:grid;gap:8px;pointer-events:none}.scene-note>span:last-child{color:#70839a;font-size:10px}.canvas-caption{position:absolute;left:20px;right:20px;bottom:20px;display:flex;justify-content:space-between;align-items:center;font:9px var(--font-mono,monospace);color:var(--orbit-muted);pointer-events:none}#phase-caption{color:var(--ice)}#inspector{display:flex;flex-direction:column;border-left:1px solid var(--border-bright);background:linear-gradient(140deg,#0c1520,#070e17);padding:25px 23px;min-width:0;max-height:760px}.inspector-heading{display:flex;justify-content:space-between;align-items:center}.node-index{font:16px var(--font-mono,monospace);color:#5d7290}#inspector h2{font-size:21px;font-weight:400;margin:13px 0 20px}.inspector-tabs{display:flex;border-bottom:1px solid var(--border-bright);gap:12px}.inspector-tabs button.mithril-console-button-quiet{padding:8px 0;border:0;border-radius:0;color:var(--orbit-muted);font-size:10px}.inspector-tabs button[aria-pressed=true]{color:var(--ice);box-shadow:inset 0 -2px var(--ice)}#inspector-body{overflow:auto;flex:1;min-height:150px;padding:14px 0;scrollbar-width:thin}#inspect-content{font:11px/1.8 var(--font-mono,monospace);white-space:pre-wrap;overflow-wrap:anywhere;color:#c5d3e2;margin:0}#inspect-source{font:10px/1.8 var(--font-mono,monospace);white-space:pre-wrap;color:var(--orbit-muted);margin-top:12px;overflow-wrap:anywhere}#inspect-history{padding:0;list-style:none;font:11px/1.8 var(--font-mono,monospace);margin:0}#inspect-history li{padding:8px 0;border-bottom:1px solid #152233;color:var(--orbit-muted)}#inspect-history li[aria-current=step]{color:var(--gold)}.inspector-bottom{border-top:1px solid var(--border-bright);padding-top:12px}.inspector-bottom p{color:var(--orbit-muted);font:9px/1.7 var(--font-mono,monospace);letter-spacing:.08em;margin:0 0 15px}.inspector-bottom button{width:100%;font-size:11px!important;border-radius:4px!important;padding:11px!important}.hud{padding:20px 3%;display:grid;grid-template-columns:2fr 1.25fr repeat(4,1fr);gap:22px;border-bottom:1px solid var(--border-bright);background:#070e17}.control-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.control-row button.mithril-console-button-quiet{font-size:10px;padding:6px 11px;border-radius:4px}.control-row label{font-size:10px;color:var(--orbit-muted)}input{accent-color:var(--accent)}select{padding:5px;border-radius:4px!important;color:var(--orbit-ink)}.run-label{display:block;font-size:9px;color:var(--orbit-muted);margin-top:14px}.run-label select{display:block;width:100%;font-size:10px;margin-top:6px;max-width:340px}.metric{display:flex;flex-direction:column;gap:9px}.metric strong{font:27px var(--font-mono,monospace);font-weight:300;color:var(--ice);font-variant-numeric:tabular-nums}.metric>span:last-child{font:9px/1.5 var(--font-mono,monospace);color:var(--orbit-muted)}#coverage{margin-top:12px;display:flex;gap:4px}.coverage-row{flex:1}.coverage-track{height:4px;background:#16293b}.coverage-fill{height:100%;background:var(--ice);width:0}.coverage-row>span{display:none}.record-footer{padding:15px 3%;display:flex;gap:22px;align-items:center;justify-content:space-between;color:var(--orbit-muted);font-size:10px}.record-footer p{max-width:630px;line-height:1.7;margin:0}.record-footer>div{display:flex;gap:18px;white-space:nowrap}.film{padding:0 3% 30px}.film summary{color:var(--orbit-muted);font-size:10px;cursor:pointer}.film video{display:block;width:min(100%,1100px);margin:20px auto}.skip{position:absolute;left:12px;top:-60px;z-index:10}.skip:focus{top:10px;background:var(--accent);padding:10px}.film-mode .workspace{height:calc(100vh - 400px);min-height:480px}.film-mode .film{display:none}@media(max-width:1100px){.orbit-workspace{grid-template-columns:minmax(0,1fr) 270px}.hud{grid-template-columns:2fr 1.3fr 1fr;gap:20px}.record-footer{display:block}.record-footer>div{margin-top:10px}}@media(max-width:650px){header{height:65px;gap:13px;padding:0 4%}.brand{gap:8px}.brand img{width:28px;height:28px}.wordmark{width:105px}.product-name{padding-left:12px;font-size:11px}.replay-badge,.bench-link{display:none}.intro{padding:23px 4% 15px;display:block}h1{font-size:23px}#run-status{text-align:left;font-size:9px;margin:12px 0 0;max-width:100%}#stages{margin:0 4%;overflow:auto;scrollbar-width:none}#stages button{flex:0 0 auto;font-size:10px;padding:12px 10px}#stages button span{display:none}.orbit-workspace{margin:0;display:block}.workspace{height:470px;min-height:0}.scene-note{left:4%;bottom:56px}.canvas-caption{left:4%;right:4%;font-size:8px}#inspector{border-left:0;border-top:1px solid var(--border-bright);padding:20px 4%;max-height:410px}#inspector h2{margin:8px 0 14px;font-size:19px}#inspector-body{max-height:170px;min-height:100px}.inspector-bottom p{display:none}.inspector-bottom button{width:auto;min-width:210px}.hud{padding:20px 4%;grid-template-columns:1fr 1fr;gap:22px}.control-panel{grid-column:1/-1}.progress-panel{grid-column:1/-1}.record-footer{padding:18px 4%}.record-footer>div{flex-wrap:wrap;gap:12px}.metric strong{font-size:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}