:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#0a0d12;--bg-1:#11151c;--bg-2:#181d26;--bg-3:#1f2530;--bg-4:#262d3a;--border:#232934;--border-2:#323a48;--border-strong:#404a5c;--text-0:#f1f4f8;--text-1:#a7afba;--text-2:#6b7280;--text-3:#4b5260;--amber:#f5a623;--amber-dim:#b67815;--amber-soft:#f5a62324;--cyan:#38bdf8;--cyan-dim:#0e7490;--cyan-soft:#38bdf824;--green:#10b981;--orange:#f97316;--red:#ef4444;--magenta:#d946ef;--shadow-1:0 1px 0 #ffffff05, 0 1px 2px #0006;--shadow-2:0 4px 12px #00000080;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans:"Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;overflow:hidden}body{background:var(--bg-0);min-width:320px;color:var(--text-0);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:13px;font-weight:400;line-height:1.4}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.topbar svg,.btn svg,.view-tab svg,.menu-pop svg,.icon-button svg{fill:currentColor;flex:none;width:1em;height:1em}[hidden]{display:none!important}.app{background:var(--bg-0);grid-template:"topbar topbar topbar"44px"left main right"1fr"timeline timeline timeline"56px/260px minmax(0,1fr) 312px;width:100vw;height:100vh;display:grid}.topbar{background:var(--bg-1);border-bottom:1px solid var(--border);z-index:80;grid-area:topbar;align-items:stretch;gap:4px;min-width:0;padding:0 12px;display:flex;overflow:visible}.topbar .group{border-right:1px solid var(--border);align-items:center;gap:8px;min-width:0;padding:0 10px;display:flex}.topbar .group:first-child{padding-left:0}.topbar .group:last-child,.topbar .action-group{border-right:none}.topbar .spacer{flex:auto;min-width:8px}.brand{letter-spacing:0;white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex}.brand-copy{flex-direction:column;line-height:1.1;display:flex}.brand-mark{background:linear-gradient(135deg, var(--amber) 0%, #c2741a 100%);border-radius:4px;width:22px;height:22px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 12px #f5a6234d}.brand-mark:before{content:"";background:#0a0d12;border-radius:50%;width:4px;height:4px;position:absolute;top:4px;left:4px;box-shadow:10px 0 #0a0d12,0 10px #0a0d12,10px 10px #0a0d12}.brand-name{color:var(--text-0);font-size:13px}.brand-sub{color:var(--text-2);font-family:var(--mono);white-space:nowrap;font-size:11px}.file-open-group{flex:360px;max-width:540px;position:relative}.file-tag{border:1px solid var(--border);background:var(--bg-2);min-width:0;color:var(--text-1);font-family:var(--mono);white-space:nowrap;border-radius:4px;align-items:center;gap:8px;padding:4px 10px;font-size:11px;display:flex}.file-tag>span:last-child,.file-tag b{text-overflow:ellipsis;min-width:0;overflow:hidden}.file-tag .dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 6px var(--green);border-radius:50%;flex:none}.file-tag.empty .dot{background:var(--text-3);box-shadow:none}.file-tag b{color:var(--text-0);font-weight:500}.file-tag.empty b{color:var(--text-1);font-weight:400}.status-separator[hidden]{display:none}.tabs-group{padding:0!important}.view-tabs{align-items:center;gap:2px;height:100%;display:flex}.view-tab{height:100%;color:var(--text-1);letter-spacing:0;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:0 14px;font-size:12px;font-weight:500;display:flex;position:relative}.view-tab:hover{color:var(--text-0)}.view-tab.active,.view-tab.is-active{color:var(--text-0);border-bottom-color:var(--amber)}.kbd{border:1px solid var(--border);background:var(--bg-2);color:var(--text-3);font-family:var(--mono);border-radius:3px;padding:1px 4px;font-size:10px;font-weight:400}.btn{border:1px solid var(--border-2);background:var(--bg-3);min-height:0;color:var(--text-0);white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;line-height:1.35;transition:background 80ms,border-color 80ms,color 80ms;display:inline-flex}.btn:hover{background:var(--bg-4);border-color:var(--border-strong)}.btn:active{transform:translateY(.5px)}.btn.sm{padding:3px 8px;font-size:11px}.btn.ghost{border-color:var(--border);color:var(--text-1);background:0 0}.btn.ghost:hover{color:var(--text-0);border-color:var(--border-2)}.btn.primary{background:var(--amber);border-color:var(--amber);color:#1a1206;font-weight:600}.btn.primary:hover{background:#f7b13c}.btn.cyan{background:var(--cyan-soft);border-color:var(--cyan-dim);color:#7dd3fc}.btn.cyan:hover{border-color:var(--cyan);background:#38bdf838}.btn.magic{color:#fde68a;background:#facc151f;border-color:#facc156b}.btn.magic:hover{background:#facc1533;border-color:#facc15b8}.btn.icon,.icon-button{width:30px;height:28px;padding:5px 6px}.full-btn{width:100%}.menu-pop{z-index:100;border:1px solid var(--border-2);background:var(--bg-2);min-width:200px;box-shadow:var(--shadow-2);border-radius:5px;padding:4px;position:absolute;top:calc(100% + 4px);left:10px}.menu-pop .item{width:100%;min-height:0;color:var(--text-1);text-align:left;background:0 0;border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;font-size:12px;line-height:1.35;display:flex}.menu-pop .item span:first-child{align-items:center;gap:6px;display:flex}.menu-pop .item:hover{background:var(--bg-3);color:var(--text-0)}.menu-pop .sample-item{border-top:1px solid var(--border);margin-top:4px;padding-top:8px}.panel{background:var(--bg-1);flex-direction:column;min-height:0;display:flex}.panel.left,.left-panel{border-right:1px solid var(--border);grid-area:left}.panel.right,.right-panel{border-left:1px solid var(--border);grid-area:right}.panel.scroll-region{overflow:hidden}.right-view-panel{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}#right-panel-map{overflow-y:auto}.panel-section{border-bottom:1px solid var(--border)}.panel-section:last-child{border-bottom:0}.panel-header{color:var(--text-2);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:9px 14px 7px;font-size:10.5px;font-weight:600;display:flex}.panel-body{padding:4px 14px 14px}.panel-body.tight{padding:4px 14px 10px}.scroll-y{min-height:0;overflow-y:auto}.drone-selector,.map-yaw-section,#right-panel-charts .panel-section:first-child{flex:1 1 0;min-height:0;overflow-y:auto}#right-panel-map .map-yaw-section{flex:none;overflow:visible}.scroll-region ::-webkit-scrollbar{width:8px}.scroll-y::-webkit-scrollbar{width:8px}.scroll-region ::-webkit-scrollbar-track{background:0 0}.scroll-y::-webkit-scrollbar-track{background:0 0}.scroll-region ::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}.scroll-y::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}.hidden-plumbing{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.hidden-plumbing input,.hidden-plumbing button{pointer-events:none!important}.stats{border:1px solid var(--border);background:var(--border);border-radius:5px;grid-template-columns:1fr 1fr;gap:1px;margin:0 14px 12px;display:grid;overflow:hidden}.stat{background:var(--bg-2);flex-direction:column;gap:2px;min-width:0;padding:8px 10px;display:flex}.stat-label,.stats dt{color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.stat-value,.stats dd{color:var(--text-0);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:500;overflow:hidden}.stat-value.muted{color:var(--text-1)}.segments{flex-direction:column;gap:4px;margin:0 14px 12px;display:flex}.segment{border:1px solid var(--border);background:var(--bg-2);min-height:0;color:var(--text-1);text-align:left;border-radius:4px;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;padding:6px 8px;font-size:12px;line-height:1.35;transition:border-color 80ms,background 80ms;display:grid}.segment:hover{border-color:var(--border-2)}.segment.active{background:var(--amber-soft);border-color:var(--amber-dim)}.segment .t,.segment .dur{color:var(--text-2);font-family:var(--mono);font-size:11px}.segment .name{color:var(--text-0);text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;font-weight:500;overflow:hidden}.segment.active .t,.segment.active .dur{color:var(--amber)}.parameters{margin:0;padding:0 14px 12px}.parameters summary{color:var(--text-1);cursor:pointer;align-items:center;margin:0 0 8px;font-size:12px;font-weight:600;display:flex}.parameter-list{grid-template-columns:1fr 1fr;gap:4px;margin:0;display:grid}.parameter-list div{border:1px solid var(--border);background:var(--bg-2);border-radius:4px;gap:2px;min-width:0;padding:6px 7px;display:grid}.parameter-list dt{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.parameter-list dd{color:var(--text-0);font-family:var(--mono);margin:0;font-size:11px}.all-drones-wrap{padding:0 14px 8px}.toggle-row{color:var(--text-1);align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.toggle-row:hover{color:var(--text-0)}.all-drones-row{color:var(--text-0);font-weight:500}.all-drones-row .count,.drone-layer-heading small,.layer-row .count{color:var(--text-2);font-family:var(--mono);margin-left:auto;font-size:10px}.layers,.drone-list,.chart-drone-list{flex-direction:column;margin:0 6px 12px;display:flex}.drone-layer-heading,.layer-row{color:var(--text-1);border-radius:3px;grid-template-columns:18px 1fr auto;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:grid}.drone-layer-heading:hover,.layer-row:hover,.drone-row:hover{background:var(--bg-2);color:var(--text-0)}.layer-collapse{width:18px;height:18px;min-height:0;color:var(--text-3);font-family:var(--mono);background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:13px;display:inline-flex}.drone-layer-heading label,.drone-row{align-items:center;gap:8px;min-width:0;display:flex}.drone-layer-heading span,.drone-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drone-layer-body{flex-direction:column;display:flex}.drone-layer.collapsed .drone-layer-body{display:none}.drone-row{color:var(--text-1);cursor:pointer;border-radius:3px;padding:4px 8px 4px 34px;font-size:12px}.cb,input[type=checkbox]{appearance:none;border:1px solid var(--border-strong);background:var(--bg-2);cursor:pointer;border-radius:2px;flex:none;justify-content:center;align-items:center;width:13px;height:13px;margin:0;display:inline-flex;position:relative}.cb:checked,input[type=checkbox]:checked{border-color:var(--cyan);background:var(--cyan)}.cb:checked:after,input[type=checkbox]:checked:after{content:"";border-bottom:1.5px solid #052033;border-left:1.5px solid #052033;width:7px;height:4px;transform:rotate(-45deg)translateY(-1px)}.cb:indeterminate,input[type=checkbox]:indeterminate{border-color:var(--cyan);background:var(--cyan-soft)}.cb:indeterminate:after,input[type=checkbox]:indeterminate:after{content:"";background:var(--cyan);width:7px;height:1.5px}.field,.slider-block{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.field-label,.field label,.slider-block>span{color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10.5px;font-weight:500;display:flex}.input,.select,input[type=number]{border:1px solid var(--border);background:var(--bg-2);width:100%;min-height:0;color:var(--text-0);font-family:var(--mono);border-radius:4px;outline:none;padding:5px 8px;font-size:12px}.input:focus,.select:focus,input[type=number]:focus,#time-input:focus{border-color:var(--cyan-dim);box-shadow:0 0 0 2px #38bdf826}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-2) 50%), linear-gradient(135deg, var(--text-2) 50%, transparent 50%);background-position:calc(100% - 12px),calc(100% - 8px);background-repeat:no-repeat;background-size:4px 4px,4px 4px;padding-right:22px}.map-grid,.coord-pair{grid-template-columns:1fr 1fr;gap:6px;display:grid}.field-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.yaw-buttons{margin-bottom:8px}.yaw-buttons .btn,#map-calculate-yaw{min-height:32px}.slider{appearance:none;background:var(--bg-3);border:0;border-radius:2px;outline:none;width:100%;height:4px}.slider::-webkit-slider-thumb{appearance:none;border:1px solid var(--bg-0);background:var(--text-0);width:12px;height:12px;box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;border-radius:50%}.slider::-moz-range-thumb{border:1px solid var(--bg-0);background:var(--text-0);width:12px;height:12px;box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;border-radius:50%}.toggle-grid{grid-template-columns:1fr 1fr;gap:4px 16px;padding:4px 0;display:grid}.camera-presets{grid-template-columns:1fr 1fr;gap:6px;display:grid}.camera-presets .btn{text-transform:capitalize}.camera-presets .btn.is-active,.camera-presets .btn.active{background:var(--cyan-soft);border-color:var(--cyan-dim);color:#7dd3fc}.seg-control{border:1px solid var(--border);background:var(--bg-2);border-radius:4px;gap:1px;padding:2px;display:flex}.seg-control button{min-height:0;color:var(--text-1);background:0 0;border:0;border-radius:3px;flex:1;padding:5px 8px;font-size:11px;font-weight:500}.seg-control button.active{background:var(--bg-4);color:var(--text-0);box-shadow:inset 0 0 0 1px var(--border-2)}.active-point-seg{margin-bottom:10px}.heading-dial{aspect-ratio:1;width:100%;max-width:160px;color:var(--amber);margin:4px auto 8px;position:relative}.heading-dial svg{width:100%;height:100%;display:block;overflow:visible}.heading-dial .dial-ring{fill:var(--bg-2);stroke:var(--border-2);stroke-width:1.5px}.heading-dial .dial-arrow-line,.heading-dial .dial-arrow-head{transform:rotate(var(--heading,0deg));transform-origin:80px 80px}.heading-dial .dial-arrow-line{stroke:var(--amber);stroke-width:4px;stroke-linecap:round}.heading-dial .dial-arrow-head{fill:var(--amber);filter:drop-shadow(0 0 7px #f5a62359)}.heading-dial text{fill:var(--text-1);font-family:var(--mono);text-anchor:middle;font-size:12px}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.section-title-row h4{color:var(--text-2);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.map-readout,.yaw-status-readout{color:var(--text-1);font-family:var(--mono);margin:8px 0 0;font-size:11px}.yaw-status-readout,.tool-readout{border:1px solid var(--border);background:var(--bg-2);border-radius:5px;margin:0 0 12px;padding:8px 10px;line-height:1.35}.tool-readout{color:var(--text-1);margin:8px 0 0}.map-area-toggle{margin-top:10px}.buffer-zone-field{margin-top:8px}#map-ruler.is-active{background:var(--cyan-soft);border-color:var(--cyan-dim);color:#7dd3fc}.tools-body{border-top:1px solid var(--border)}.context-footer{border-top:1px solid var(--border);background:var(--bg-1);z-index:2;gap:8px;margin-top:auto;padding:12px 14px;display:grid;position:sticky;bottom:0}.viewport,#viewport,.analysis-view,.map-view{background:var(--bg-0);grid-area:main;min-width:0;min-height:0;position:relative;overflow:hidden}#viewport canvas{touch-action:none;-webkit-user-select:none;user-select:none;display:block}.map-view{background:#1a1f1a}.map-surface{position:absolute;inset:0}.leaflet-container{font-family:var(--sans);background:#1a1f1a}.leaflet-control-container,.leaflet-pane{font-family:var(--sans)}.leaflet-control-zoom a{background:var(--bg-2)!important;border-color:var(--border)!important;color:var(--text-0)!important}.direction-marker{background:0 0;border:0}.direction-arrow{transform-origin:50%;width:48px;height:48px;position:relative}.direction-arrow:after{content:"";filter:drop-shadow(0 0 8px #ffeb5c5c);border-bottom:34px solid #ffeb5c;border-left:17px solid #0000;border-right:17px solid #0000;width:0;height:0;position:absolute;top:1px;left:7px}.direction-arrow span{display:none}.ruler-label{background:0 0;border:0}.ruler-label span{color:#ffeb5c;font:800 13px var(--mono);white-space:nowrap;background:#080c10d1;border:1px solid #ffeb5cf2;border-radius:999px;padding:4px 9px;line-height:1.1;display:inline-block;box-shadow:0 3px 12px #00000073}.map-context-menu{z-index:1400;border:1px solid var(--border-2);background:#11151cf5;border-radius:8px;min-width:190px;padding:6px;position:absolute;transform:translate(8px,8px);box-shadow:0 12px 28px #0000006b}.map-context-menu button{width:100%;color:var(--text-0);font:700 13px var(--sans);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:9px 10px;display:block}.map-context-menu button:hover{background:var(--bg-3)}.antenna-marker{background:0 0;border:0}.antenna-marker>div{color:#11151c;width:42px;height:28px;font-family:var(--mono);background:#ffeb5c;border:2px solid #0a0d12;border-radius:5px;place-items:center;font-size:11px;font-weight:700;display:grid;box-shadow:0 0 0 1px #ffeb5ce6,0 4px 12px #00000061}.analysis-view{flex-direction:column;padding:16px 20px;display:flex}.chart-main{flex-direction:column;flex:auto;min-height:0;display:flex}.chart-tabs,.charts-tabs{flex-wrap:wrap;gap:2px;margin-bottom:14px;display:flex}.chart-tab,.charts-tab{min-height:0;color:var(--text-1);background:0 0;border:1px solid #0000;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:500}.chart-tab:hover,.charts-tab:hover{background:var(--bg-1);color:var(--text-0)}.chart-tab.active,.charts-tab.active{background:var(--amber-soft);border-color:var(--amber-dim);color:var(--amber)}.chart-surface,.chart-box{border:1px solid var(--border);background:var(--bg-1);border-radius:6px;flex:auto;min-height:0;position:relative;overflow:hidden}.chart-heading,.charts-head{z-index:1;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:12px;left:14px;right:14px}.chart-heading strong{color:var(--text-2);letter-spacing:.08em;font-size:10.5px}.chart-heading span{color:var(--text-2);font-family:var(--mono);font-size:11px}#chart-canvas{width:100%;height:100%}.chart-all-row{color:var(--text-0);font-weight:500}.cam-nav{z-index:40;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11151cd9;border-radius:6px;grid-template-rows:repeat(3,28px);grid-template-columns:repeat(3,28px);gap:2px;padding:4px;display:grid;position:absolute;bottom:72px;right:328px}.cam-nav button{border:1px solid var(--border);background:var(--bg-3);min-height:0;color:var(--text-1);border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:600;display:flex}.cam-nav button:hover{background:var(--bg-4);color:var(--text-0)}.cam-nav button.center{background:var(--bg-2);grid-area:2/2}.cam-nav button[data-nav=forward]{grid-area:1/2}.cam-nav button[data-nav=left]{grid-area:2/1}.cam-nav button[data-nav=backward]{grid-area:3/2}.cam-nav button[data-nav=right]{grid-area:2/3}.cam-nav button[data-nav=up]{grid-area:1/1}.cam-nav button[data-nav=down]{grid-area:3/3}.timeline{border-top:1px solid var(--border);background:var(--bg-1);z-index:70;grid-area:timeline;grid-template-columns:auto minmax(120px,1fr) auto 140px;align-items:center;gap:14px;padding:0 16px;display:grid}.transport{align-items:center;gap:2px;display:flex}.transport .btn{padding:5px 8px}.tl-track,.timeline-wrap{flex-direction:column;justify-content:center;min-width:0;height:28px;display:flex;position:relative}.tl-segments{background:var(--bg-3);border-radius:3px;height:6px;position:relative;overflow:hidden}.tl-segments .seg-bar{inset-block:0;position:absolute;left:0}.tl-segments .seg-bar.elapsed{z-index:2;background:linear-gradient(90deg, var(--amber) 0%, #f7b13c 100%);width:0}.tl-markers,.static-markers{pointer-events:none;position:absolute;inset:0}.tl-marker,.static-marker{border:1.5px solid var(--amber);background:var(--bg-1);pointer-events:auto;border-radius:50%;width:12px;height:12px;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.tl-marker:after,.static-marker:after{content:"";background:var(--amber);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tl-input,#timeline{z-index:4;opacity:0;cursor:pointer;width:100%;height:14px;margin:0;position:absolute;inset:-4px 0}.tl-readout{min-width:82px;color:var(--text-0);font-family:var(--mono);letter-spacing:.02em;text-align:right;justify-content:flex-end;align-items:baseline;font-size:13px;font-weight:500;display:flex}#time-input{width:45px;min-height:0;color:var(--text-0);font-family:var(--mono);text-align:right;background:0 0;border:1px solid #0000;border-radius:3px;outline:none;padding:1px 2px;font-size:13px}.tl-readout .total{color:var(--text-2);font-size:11px}.tl-speed{color:var(--text-0);font-family:var(--mono);align-items:center;gap:8px;font-size:12px;display:flex}.tl-speed span{text-align:right;min-width:28px}.tl-speed .slider{width:86px}.mobile-camera-presets{display:none}.toast{z-index:200;border:1px solid var(--border-2);max-width:min(360px,100vw - 36px);box-shadow:var(--shadow-2);color:var(--text-0);background:#181d26f5;border-radius:5px;padding:10px 12px;font-size:12px;position:fixed;bottom:72px;right:18px}@media (width<=1150px){.topbar{gap:2px;padding:0 8px}.topbar .group{gap:6px;padding:0 8px}.file-open-group{flex:0 250px}.file-open-group .file-tag{flex:auto;max-width:170px}.view-tab{padding:0 8px}.view-tab .kbd{display:none}.action-group{gap:6px;padding-right:0!important}.action-group .btn{text-overflow:ellipsis;max-width:142px;padding-inline:7px;overflow:hidden}}@media (width<=767px),(pointer:coarse) and (width<=900px){html,body,#app{width:100%;height:100%;overflow:hidden}body{background:var(--bg-0);font-size:12px}.app{grid-template:"topbar"56px"left"64px"main"minmax(0,1fr)"timeline"/minmax(0,1fr);width:100%;height:100%}.topbar{background:#0a0d12f5;border-bottom-color:#ffffff14;align-items:center;gap:8px;min-height:56px;padding:0 10px}.topbar .group{border-right:0;gap:6px;min-width:0;padding:0}.topbar .group:first-child{flex:none}.topbar .spacer,.tabs-group,.action-group{display:none!important}.brand{gap:9px}.brand-mark{border-radius:8px;width:30px;height:30px}.brand-mark:before{width:4px;height:4px;top:7px;left:7px;box-shadow:12px 0 #0a0d12,0 12px #0a0d12,12px 12px #0a0d12}.brand-name{font-size:15px}.brand-sub{display:none}.file-open-group{flex:auto;justify-content:flex-end;max-width:none;position:relative}#top-open-menu{height:38px;color:var(--text-0);background:#181d26d1;border-color:#ffffff1a;border-radius:12px;padding:0 11px;font-size:13px}#top-open-menu .chevron{width:12px;height:12px}.file-open-group .file-tag{background:#11151cc7;border-radius:15px;flex:0 148px;max-width:min(39vw,148px);height:30px;padding:4px 8px;font-size:10.5px}.menu-pop{background:#11151cfa;border-radius:12px;min-width:min(260px,100vw - 20px);padding:6px;left:auto;right:0}.menu-pop .item{border-radius:8px;min-height:40px;padding:8px 10px;font-size:13px}.right-panel,.analysis-view,.map-view,.cam-nav{display:none!important}.left-panel{background:var(--bg-0);border-right:0;grid-area:left;min-height:64px;overflow:visible}.left-panel .panel-section{display:none}.left-panel .panel-section:first-child{border-bottom:1px solid #ffffff14;display:block}.left-panel .panel-section:first-child .panel-header,.left-panel .panel-section:first-child .panel-body{display:none}.stats{background:#ffffff0f;border:0;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));height:64px;margin:0}.stat{background:var(--bg-1);justify-content:center;padding:8px 9px}.stat-label,.stats dt{letter-spacing:.08em;font-size:9px}.stat-value,.stats dd{font-size:14px}.viewport,#viewport{background:#0a0d12;grid-area:main}#viewport canvas{width:100%!important;height:100%!important}.timeline{padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:#11151cfa;border-top-color:#ffffff14;grid-template:"readout""track""transport""camera"/minmax(0,1fr);grid-area:timeline;gap:10px;display:grid;box-shadow:0 -16px 36px #00000057}.timeline-wrap,.tl-track{grid-area:track;height:28px}.tl-segments{background:var(--bg-4);border-radius:999px;height:7px}.tl-segments .seg-bar.elapsed{background:var(--amber)}.static-marker,.tl-marker{border-color:var(--amber);background:var(--bg-1);width:14px;height:14px}.tl-input,#timeline{height:24px;inset:-8px 0}.tl-readout{grid-area:readout;justify-content:center;min-width:0;font-size:14px}#time-input{text-align:right;width:54px;font-size:14px}.tl-readout .total{font-size:12px}.transport{grid-area:transport;justify-content:center;gap:14px}.transport .btn{width:44px;height:44px;color:var(--text-0);background:#181d26e6;border-color:#ffffff14;border-radius:50%;padding:0}.transport #play-pause{background:var(--amber);border-color:var(--amber);color:#191006;width:54px;height:54px}.transport .btn svg{width:18px;height:18px}.mobile-camera-presets{grid-area:camera;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.mobile-camera-presets .btn{min-width:0;height:32px;color:var(--text-1);background:#181d26db;border-color:#ffffff14;border-radius:999px;padding:0 8px;font-size:11px}.mobile-camera-presets .btn.is-active{background:var(--cyan-soft);border-color:var(--cyan-dim);color:#7dd3fc}.tl-speed{display:none}.toast{right:12px;bottom:calc(170px + env(safe-area-inset-bottom));text-align:center;max-width:none;left:12px}}@media (width<=374px){.file-open-group .file-tag,#top-open-menu span{display:none}#top-open-menu{width:42px;padding:0}}