:root{--bg:#101318;--plate:#1b1f26f0;--btn:#2c323c;--btn-hover:#3b4350;--btn-press:#4a5362;--ink:#e6e8ec;--muted:#9aa3b0;--faint:#6f7886;--line:#ffffff14;--select:#1f6bd1;--select-hover:#2a74da;--accent:#1a9fff;--ok:#8bc34a;--radius:8px;--radius-sm:4px;--edge:16px;--edge-top:max(var(--edge), env(safe-area-inset-top));--edge-right:max(var(--edge), env(safe-area-inset-right));--edge-bottom:max(var(--edge), env(safe-area-inset-bottom));--edge-left:max(var(--edge), env(safe-area-inset-left));--sans:"Figtree", "Segoe UI", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;font-family:var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#app,#app canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}kbd,#hud-help li b{font:600 .8em/1.4 var(--sans);text-align:center;border-radius:var(--radius-sm);min-width:1.7em;color:var(--ink);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff29;border-bottom-width:2px;padding:.05em .4em;display:inline-block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{font:600 15px/1 var(--sans);cursor:pointer;color:var(--ink);background:var(--btn);border-radius:var(--radius-sm);white-space:nowrap;border:0;justify-content:center;align-items:center;gap:10px;padding:13px 22px;transition:background .15s,color .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--btn-hover)}.btn:active:not(:disabled){background:var(--btn-press)}.btn:disabled{cursor:default;color:var(--faint);box-shadow:inset 0 0 0 1px var(--line);background:0 0}.btn.primary,.btn.on{background:var(--select);color:#fff}.btn.primary:hover:not(:disabled),.btn.on:hover:not(:disabled){background:var(--select-hover)}.btn.primary:disabled{color:var(--faint);background:0 0}.btn.small{gap:8px;padding:8px 12px;font-size:13px}.btn.small kbd{min-width:1.6em;padding:0 .3em;font-size:10px}.btn.on kbd{color:#fff;background:#ffffff1f;border-color:#ffffff59}#overlay{z-index:10;--pad-x:clamp(20px, 6vw, 88px);padding:max(clamp(16px, 3.5vh, 32px), env(safe-area-inset-top)) max(var(--pad-x), env(safe-area-inset-right)) max(clamp(16px, 3.5vh, 32px), env(safe-area-inset-bottom)) max(var(--pad-x), env(safe-area-inset-left));background:linear-gradient(90deg, #101318f7, #101318ed calc(var(--pad-x) + 600px), #10131859 calc(var(--pad-x) + 900px), #10131826);align-items:center;transition:opacity .35s,visibility linear;display:flex;position:fixed;inset:0;overflow-y:auto}#overlay.hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility 0s linear .35s}.console{width:min(580px,100%);margin:auto 0}.wordmark{font:700 clamp(34px, min(6vw, 7.5vh), 56px)/1.05 var(--sans);letter-spacing:-.02em;margin:0 0 clamp(6px,1.4vh,10px)}.lede{color:var(--muted);margin:0 0 clamp(14px,3vh,24px);font-size:16px;line-height:1.6}.index{grid-template-columns:20px max-content 1fr;gap:2px 12px;margin:0 0 clamp(14px,3vh,24px);padding:0;list-style:none;display:grid}.index li{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.index button{all:unset;box-sizing:border-box;cursor:pointer;grid-column:1/-1;grid-template-columns:subgrid;border-radius:var(--radius-sm);align-items:baseline;gap:2px 12px;padding:clamp(5px,1vh,11px) 12px clamp(5px,1vh,11px) 10px;transition:background .15s;display:grid}.index .n{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.index b{font-size:16px;font-weight:600}.index .d{color:var(--muted);font-size:14px}.index button:hover{background:#ffffff0f}.index button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:#ffffff0f}.index button.selected{background:var(--select);color:#fff}.index button.selected .n,.index button.selected .d{color:#fff}.index button.selected:focus-visible{outline-color:#fff}.actions{flex-wrap:wrap;gap:10px;display:flex}.actions.xr #enter-vr{order:-1}.status{color:var(--muted);align-items:baseline;gap:10px;min-height:1.5em;margin:clamp(10px,2vh,16px) 0 0;font-size:14px;line-height:1.5;display:flex}.status i{background:var(--faint);border-radius:50%;flex:none;width:8px;height:8px;transform:translateY(-1px)}.status.ok i{background:var(--ok)}.status.pending i{animation:1s steps(2,end) infinite blink}.status a{color:var(--ink);white-space:nowrap}@keyframes blink{50%{opacity:.2}}.keys{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:clamp(8px,1.5vh,12px) 0 0;font-size:13px;display:flex}.keys kbd{margin-left:8px}.keys kbd:first-child{margin-left:0}.pages{flex-wrap:wrap;gap:4px 16px;margin:clamp(8px,1.5vh,12px) 0 0;font-size:13px;display:flex}.pages a{color:var(--muted)}.pages a:hover{color:var(--ink)}#hud{pointer-events:none;z-index:5;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}#hud button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#hud>*{pointer-events:auto}.hud-top{top:var(--edge-top);left:var(--edge-left);right:var(--edge-right);grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(max-content,1fr);align-items:start;gap:12px;display:grid;position:absolute;pointer-events:none!important}.hud-top>*{pointer-events:auto}#scene-tabs{background:var(--plate);border-radius:var(--radius);scrollbar-width:none;grid-column:2;gap:2px;padding:4px;display:flex;overflow-x:auto}#scene-tabs::-webkit-scrollbar{display:none}#scene-tabs.more-right{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}#scene-tabs.more-left{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px);mask-image:linear-gradient(90deg,#0000,#000 40px)}#scene-tabs.more-left.more-right{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}#scene-tabs button{all:unset;cursor:pointer;white-space:nowrap;border-radius:var(--radius-sm);font:600 14px var(--sans);color:#c9ced6;flex:none;align-items:baseline;gap:7px;padding:8px 13px;transition:background .15s,color .15s;display:inline-flex}#scene-tabs button i{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-style:normal;font-weight:500}#scene-tabs button:hover,#scene-tabs button:focus-visible{background:var(--btn-hover);color:var(--ink)}#scene-tabs button:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}#scene-tabs button.active{background:var(--select);color:#fff}#scene-tabs button.active i{color:#fff}#scene-tabs button.active:focus-visible{box-shadow:inset 0 0 0 2px #fff}.hud-tools{grid-column:3;justify-self:end;gap:6px;display:flex}.hud-tools .btn:not(.on){background:var(--plate)}.hud-tools .btn:not(.on):hover{background:var(--btn-hover)}#hud-help{left:var(--edge-left);bottom:var(--edge-bottom);width:min(360px, calc(100% - var(--edge-left) - var(--edge-right)));background:var(--plate);border-radius:var(--radius);max-height:calc(100% - 90px);padding:12px 16px 14px;transition:opacity .2s,transform .2s;position:absolute;overflow-y:auto}#hud-help.closed{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s linear .2s;transform:translateY(8px)}#hud-help h2{border-bottom:1px solid var(--line);margin:0 0 8px;padding-bottom:8px;font-size:14px;font-weight:600}#hud-help ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}#hud-help li{color:var(--muted);font-size:14px;line-height:1.45}#hud-help li b{margin-right:2px;font-size:12px}#hud-help li.note{border-top:1px solid var(--line);margin-top:3px;padding-top:8px}.hud-panel{top:var(--hud-top,67px);right:var(--edge-right);width:clamp(340px,27vw,400px);max-height:calc(100% - var(--hud-top,67px) - max(var(--hud-bottom,16px), var(--edge-bottom)));overscroll-behavior:contain;scrollbar-width:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:absolute;overflow:hidden auto}.hud-panel::-webkit-scrollbar{display:none}.hud-panel canvas{display:block}.hud-panel-controls{pointer-events:none;position:absolute;top:0;left:0}.hud-panel-controls>div{border-radius:var(--radius-sm);position:absolute}.hud-panel-controls>div:focus-within{outline:2px solid var(--accent);outline-offset:1px}.hud-panel-controls :is(h2,p,button,input){all:unset;opacity:0;position:absolute;inset:0;overflow:hidden}.hud-panel.more-below{-webkit-mask-image:linear-gradient(#000 calc(100% - 40px),#0000);mask-image:linear-gradient(#000 calc(100% - 40px),#0000)}.hud-panel.more-above{-webkit-mask-image:linear-gradient(#0000,#000 40px);mask-image:linear-gradient(#0000,#000 40px)}.hud-panel.more-above.more-below{-webkit-mask-image:linear-gradient(#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(#0000,#000 40px calc(100% - 40px),#0000)}#hud-stats{top:64px;left:var(--edge-left);background:var(--plate);border-radius:var(--radius-sm);font:500 11px var(--mono);color:var(--ok);padding:6px 10px;position:absolute;pointer-events:none!important}#hud-vr{right:var(--edge-right);bottom:var(--edge-bottom);position:absolute}@media (max-width:860px){#overlay{background:#101318e6;align-items:flex-start}.console{margin:0 auto}}@media (hover:none) and (pointer:coarse){.keys,.btn kbd,#scene-tabs button i{display:none}.btn,#scene-tabs button{align-items:center;min-height:44px}.index button{align-content:center;min-height:44px}}@media (max-width:720px){:root{--edge:12px}.hud-top{display:block}#scene-tabs button{padding:8px 11px}#scene-tabs button i{display:none}.hud-tools{right:var(--edge-right);bottom:var(--edge-bottom);position:fixed}#hud-help{bottom:calc(var(--edge-bottom) + 52px);max-height:calc(100% - 136px)}#hud-help li{font-size:13px}#hud-vr{right:auto;left:var(--edge-left)}.hud-panel{left:var(--edge-left);width:auto;max-width:440px;margin:0 auto}.index{grid-template-columns:20px 1fr}.index .d{grid-column:2}.lede{font-size:15px}.actions .btn{flex:160px}}@media (max-height:520px){#hud-help{max-height:calc(100% - 76px);padding:8px 12px 10px}#hud-help li{font-size:13px;line-height:1.35}#hud-help ul{gap:3px}#hud-stats{top:56px}}@media (max-height:520px) and (min-width:600px){#overlay{padding-inline:max(28px, env(safe-area-inset-left)) max(28px, env(safe-area-inset-right));background:#101318e6;align-items:center}.console{grid-template-rows:repeat(4,auto) 1fr;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);column-gap:28px;width:100%;max-width:920px;margin:auto;display:grid}.console>*{grid-column:1}.console>.index{grid-area:1/2/-1;align-self:center;margin:0}.wordmark{font-size:34px}.lede{font-size:14px;line-height:1.5}.index b{font-size:15px}.index .d{font-size:12.5px}}@media (prefers-reduced-motion:reduce){.status.pending i{animation:none}#overlay,#hud-help{transition:none}}