:root{color-scheme:dark;--bg: #080a0e;--panel: #0e1218;--panel2: #131922;--line: #1e2733;--text: #e6ecf5;--muted: #8b98ab;--accent: #7ee787;--t: #e8a13a;--ct: #5aa9e6;--font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:13px/1.45 var(--font);overflow:hidden;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;height:100vh}.mono{font-family:var(--mono);font-size:11.5px}.muted{color:var(--muted)}.spacer{flex:1}.g{color:#7ee787}.r{color:#ff6b7a}.y{color:#ffd166}.bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:7px 12px;background:var(--panel);border-bottom:1px solid var(--line);flex:none}.brand{font-weight:700;letter-spacing:.2px}.brand span{margin-left:8px;font-weight:500;color:var(--muted);font-size:11px;padding:2px 6px;background:var(--panel2);border-radius:4px}.ctl{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11.5px}.ctl.chk{gap:5px;cursor:pointer}select,button,input{font-family:inherit}select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:4px 8px;font-size:12px;max-width:260px}.seg{display:flex;background:var(--panel2);border:1px solid var(--line);border-radius:7px;overflow:hidden}.seg button{background:none;border:0;color:var(--muted);padding:5px 11px;font-size:11.5px;cursor:pointer;border-right:1px solid var(--line)}.seg button:last-child{border-right:0}.seg button:hover{color:var(--text);background:#1a2230}.seg button.on{background:#24406b;color:#fff}.seg.small button{padding:4px 8px;font-size:11px}.toggles{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.toggles label,.filters label{display:flex;align-items:center;gap:4px;cursor:pointer}.toggles input,.filters input{accent-color:#4f8cff;margin:0}.status{font-size:11px;color:var(--muted);font-family:var(--mono)}.stage{flex:1 1 0;min-height:220px;display:grid;grid-template-columns:minmax(0,1fr) 5px minmax(0,var(--sideW, 430px))}.stage.collapse-side{grid-template-columns:minmax(0,1fr) 0 0}.stage.collapse-view{grid-template-columns:0 0 minmax(0,1fr)}.view3d{grid-column:1}#splitV{grid-column:2}.side{grid-column:3}.view3d{position:relative;min-width:0;background:#05070a;overflow:hidden}#gl,#map2d{display:block;width:100%;height:100%;outline:none}#gl.hidden,#map2d.hidden,#depthCanvas.hidden{display:none}#map2d{cursor:grab}#map2d:active{cursor:grabbing}.side{display:grid;grid-template-rows:auto 5px minmax(0,1fr);min-height:0;min-width:0;background:var(--panel)}.stage.collapse-side .side,.stage.collapse-side #splitV,.stage.collapse-view .view3d,.stage.collapse-view #splitV{display:none}.videoWrap{position:relative;background:#000;min-height:0;overflow:hidden}.videoWrap.stale #pov{opacity:.3;filter:grayscale(.6)}.splitter{background:var(--line);position:relative}.splitter:after{content:"";position:absolute;background:transparent}.splitter.v{cursor:col-resize}.splitter.v:after{inset:0 -4px}.splitter.h{cursor:row-resize}.splitter.h:after{inset:-4px 0}.splitter:hover,.splitter.dragging{background:#4f8cff}body.resizing{cursor:col-resize;user-select:none}body.resizing-v{cursor:row-resize;user-select:none}body.resizing *,body.resizing-v *{pointer-events:none}body.resizing .splitter,body.resizing-v .splitter{pointer-events:auto}#pov{width:100%;height:100%;display:block;object-fit:contain;background:#000}.videoWrap{height:var(--videoH, 242px)}.noVideo{position:absolute;inset:0;display:none;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:12px;padding:20px;background:repeating-linear-gradient(45deg,#0b0e13,#0b0e13 10px,#0d1117 10px 20px)}.noVideo.on{display:flex}.noVideo b{color:var(--text)}.overlay{position:absolute;font:11px/1.4 var(--mono);color:#cfe;background:#06090db8;padding:4px 7px;border-radius:5px;pointer-events:none;white-space:pre}.overlay.tl{top:8px;left:8px}.overlay.br{bottom:8px;right:8px}.overlay.hint{color:var(--muted);font-size:10.5px}.vlabel{max-width:calc(100% - 16px);overflow:hidden}.crosshair{position:absolute;inset:0;pointer-events:none;display:none}.crosshair.on{display:block}.crosshair:before,.crosshair:after{content:"";position:absolute;left:50%;top:50%;background:#78ffa0cc}.crosshair:before{width:11px;height:1px;transform:translate(-50%,-50%)}.crosshair:after{width:1px;height:11px;transform:translate(-50%,-50%)}.inspector{min-height:0;display:flex;flex-direction:column;border-top:0}.ins-tabs{display:flex;border-bottom:1px solid var(--line);background:var(--panel2)}.ins-tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:7px 4px;font-size:11.5px;cursor:pointer}.ins-tabs button.on{color:#fff;border-bottom-color:#4f8cff}.ins-body{flex:1;overflow:auto;padding:10px 12px 20px}.ins-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:8px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px}.tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:9px}.tag{font-size:10.5px;padding:1.5px 6px;border-radius:4px;color:var(--c, #ccc);border:1px solid color-mix(in srgb,var(--c, #ccc) 40%,transparent);background:color-mix(in srgb,var(--c, #ccc) 12%,transparent)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:9px}.meter{position:relative;height:18px;background:#10151d;border-radius:4px;overflow:hidden}.meter i{position:absolute;inset:0 auto 0 0;opacity:.35}.meter span{position:absolute;inset:0;display:flex;align-items:center;padding:0 7px;font-size:11px}dl.kv{display:grid;grid-template-columns:120px 1fr;gap:2px 8px;margin:0 0 10px}dl.kv dt{color:var(--muted);font-size:11.5px}dl.kv dd{margin:0;font-size:12px}.keys{display:flex;flex-wrap:wrap;gap:3px}.key{font:10px var(--mono);padding:2px 5px;border-radius:3px;background:#10151d;color:#4a5568;border:1px solid #1a222e}.key.on{background:#24406b;color:#cfe4ff;border-color:#35618f}table.tbl{width:100%;border-collapse:collapse;font-size:11.5px}table.tbl th{text-align:left;color:var(--muted);font-weight:500;font-size:10.5px;padding:3px 5px;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.4px}table.tbl td{padding:3px 5px;border-bottom:1px solid #141a23}table.tbl tr.vis td{background:#7ee78714}table.tbl tr.sel td{background:#4f8cff24}table.tbl tr.dead td{opacity:.45}table.tbl td.r,table.tbl .r{text-align:right}table.raw td{padding:1.5px 5px;font-size:11px}ul.log{list-style:none;margin:10px 0 0;padding:0;font-size:11.5px}ul.log li{padding:2px 0;border-bottom:1px solid #141a23}.pad{padding:10px 0}.transport{background:var(--panel);border-top:1px solid var(--line);flex:none}.tRow{display:flex;align-items:center;gap:8px;padding:7px 12px;flex-wrap:wrap}.tRow button{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:4px 9px;font-size:12px;cursor:pointer;min-width:30px}.tRow button:hover{background:#1a2230}.tRow .seg button{border-radius:0}.tRow button.play{min-width:42px;font-size:13px;background:#24406b;border-color:#35618f}.tRow button.play.playing{background:#2f7a4f;border-color:#43a06a}.readout{font:11.5px var(--mono);color:var(--muted);white-space:pre}.filters{display:flex;gap:9px;font-size:11px;color:var(--muted);flex-wrap:wrap}.timeline{position:relative;width:100%}.tl-canvas{display:block;cursor:crosshair}.tl-tip{position:absolute;display:none;pointer-events:none;z-index:5;background:#080b10f5;border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:11px;max-width:340px;box-shadow:0 6px 20px #00000080}.tl-tip-h{font-family:var(--mono);color:var(--muted);margin-bottom:2px}.tl-tip-b{line-height:1.5}.fatal{position:fixed;inset:0;display:grid;place-items:center;padding:40px;background:#080a0e;z-index:99;text-align:center}.fatal code{display:block;margin-top:10px;color:var(--accent);font-family:var(--mono)}@media(max-width:1280px){.stage{grid-template-columns:minmax(0,1fr) 360px}dl.kv{grid-template-columns:108px 1fr}}.alignCanvas{position:absolute;display:none;pointer-events:none;z-index:2}.alignBar{position:absolute;left:8px;right:8px;bottom:8px;display:none;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 9px;z-index:3;background:#06090de0;border:1px solid var(--line);border-radius:8px;padding:5px 9px;font-size:11px;color:var(--muted)}.alignBar.on{display:flex}.alignBar input[type=range]{width:140px;accent-color:#7ee787}.alignBar span{font-family:var(--mono)}.toggles label.hi{color:var(--accent)}.view3d.letterbox #gl{background:#000}.map2dBar{position:absolute;left:8px;right:8px;bottom:8px;display:none;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 10px;z-index:3;background:#06090de0;border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-size:11px;color:var(--muted)}.map2dBar.on{display:flex}.map2dBar label{display:flex;align-items:center;gap:4px;cursor:pointer}.map2dBar input{accent-color:#4f8cff;margin:0}.map2dBar button{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:5px;padding:2px 7px;font-size:10.5px;cursor:pointer}.syncPill{display:flex;align-items:center;gap:5px;font:10.5px var(--mono);padding:3px 8px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);white-space:nowrap}.syncPill:before{content:"";width:7px;height:7px;border-radius:50%;background:#4a5568;flex:none}.syncPill.video{color:#9ae6b4;border-color:#2f7a4f}.syncPill.video:before{background:#54c07a}.syncPill.clock{color:#9ecbff;border-color:#35618f}.syncPill.clock:before{background:#5aa9e6}.syncPill.none{color:var(--muted)}.syncPill.drift{color:#ffc9a0;border-color:#8a5a2b}.syncPill.drift:before{background:#ff9f4a}.depthCanvas{position:absolute;z-index:2;background:#0a0d12;image-rendering:pixelated}.depthCanvas.measuring{cursor:crosshair}.depthBar{position:absolute;left:8px;right:8px;bottom:8px;display:none;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 8px;z-index:4;background:#06090de6;border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-size:11px;color:var(--muted)}.depthBar.on{display:flex}.depthBar .chk{display:flex;align-items:center;gap:4px;cursor:pointer}.depthBar input[type=checkbox]{accent-color:var(--accent);margin:0}.depthBar input[type=range]{width:90px;accent-color:#4f8cff}.depthBar select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:2px 5px;font-size:10.5px}.depthBar button,.depthBar .fileBtn{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:5px;padding:3px 8px;font-size:10.5px;cursor:pointer}.depthBar .fileBtn:hover,.depthBar button:hover{background:#1a2230}.depthBar .seg button{padding:3px 8px}.depthReadout{position:absolute;left:8px;right:8px;bottom:44px;z-index:4;display:none;font:11px/1.6 var(--mono);color:#cfe;background:#06090dd1;border:1px solid var(--line);border-radius:8px;padding:6px 9px;pointer-events:none;max-height:40%;overflow:hidden}.depthReadout.on{display:block}.depthReadout .dim{color:var(--muted)}.depthReadout .hi{color:var(--accent)}.depthReadout b{color:var(--text);font-weight:600}.audioHud{position:absolute;left:8px;bottom:8px;z-index:3;pointer-events:none;display:none}.audioHud.on{display:block}.view3d:has(.map2dBar.on) .audioHud,.view3d:has(.alignBar.on) .audioHud{bottom:44px}.view3d:has(.depthBar.on) .audioHud{display:none}.ins-audio .src{font-size:10px;padding:1px 5px;border-radius:3px;font-weight:600}.ins-audio .src.s2{background:#ff5fd22e;color:#ff8fe0}.ins-audio .src.s1{background:#a5b4c826;color:#c3cedd}.ins-audio .src.s0{background:#5a647240;color:#8b98ab}.ins-audio .src.s4{background:#ff9f1c2e;color:#ffb85c}.ins-audio .gain{display:inline-block;width:44px;height:6px;background:#10151d;border-radius:3px;vertical-align:middle;overflow:hidden}.ins-audio .gain i{display:block;height:100%;background:#ff5fd2}.ins-audio .gain.team i{background:#a5b4c8}.ins-audio .gain.own i{background:#5a6472}.ins-audio .gain.world i{background:#ff9f1c}.ins-audio table.tbl td{white-space:nowrap}.ins-audio .cats{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 8px}.ins-audio h4{margin:10px 0 4px;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600}.navCtl{display:inline-flex;align-items:center;gap:6px}.navCtl.off{opacity:.4;pointer-events:none}.navCtl select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:1px 4px;font-size:10.5px;max-width:150px}.ins-nav .place{display:inline-flex;align-items:center;gap:6px;font-weight:600}.ins-nav .swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.ins-nav .route{font-size:11.5px;line-height:1.6}.ins-nav .route b{color:var(--text)}.ins-nav .route .arrow{color:var(--muted);margin:0 3px}.ins-nav .bars{display:grid;grid-template-columns:96px 1fr 44px;gap:3px 8px;align-items:center;margin:4px 0 10px}.ins-nav .bars .lbl{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ins-nav .bars .bar{height:8px;background:#10151d;border-radius:3px;overflow:hidden}.ins-nav .bars .bar i{display:block;height:100%}.ins-nav .bars .val{font:10.5px var(--mono);color:var(--muted);text-align:right}.ins-nav .links{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:8px}.ins-nav .links span{font:10px var(--mono);padding:1.5px 5px;border-radius:3px;background:#10151d;border:1px solid #1a222e;color:#9fb0c6}.ins-nav .links span.oneway{border-style:dashed;color:#ffc9a0}.ins-nav h4{margin:10px 0 4px;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600}