:root{--f-ui: "Inter", system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--row-h: 26px;--pad-panel: 12px;--gap: 8px;--radius: 6px;--accent: oklch(.78 .15 75);--accent-soft: oklch(.78 .15 75 / .16);--accent-fg: oklch(.18 0 0);--ok: oklch(.74 .17 150);--warn: oklch(.82 .17 85);--bad: oklch(.66 .22 25);--info: oklch(.72 .14 240);--gps: oklch(.7 .16 245);--glo: oklch(.7 .17 35);--gal: oklch(.72 .16 145);--bds: oklch(.68 .17 310);--qzs: oklch(.8 .17 95)}:root,[data-theme=dark]{--bg: oklch(.165 .006 250);--bg-deep: oklch(.13 .006 250);--surface: oklch(.205 .008 250);--surface-2: oklch(.23 .008 250);--surface-3: oklch(.27 .01 250);--border: oklch(.29 .008 250);--border-soft: oklch(.24 .008 250);--text: oklch(.95 .005 250);--text-dim: oklch(.72 .008 250);--text-faint: oklch(.52 .008 250);--grid: oklch(.27 .006 250 / .7);--grid-soft: oklch(.24 .006 250 / .5);--shadow: 0 1px 0 oklch(1 0 0 / .02) inset, 0 8px 24px oklch(0 0 0 / .35)}[data-theme=light]{--bg: oklch(.98 .004 85);--bg-deep: oklch(.94 .004 85);--surface: oklch(1 0 0);--surface-2: oklch(.97 .004 85);--surface-3: oklch(.93 .004 85);--border: oklch(.86 .006 85);--border-soft: oklch(.91 .006 85);--text: oklch(.22 .01 250);--text-dim: oklch(.45 .01 250);--text-faint: oklch(.62 .008 250);--grid: oklch(.88 .005 85 / .9);--grid-soft: oklch(.92 .004 85 / .8);--shadow: 0 1px 0 oklch(1 0 0 / .6) inset, 0 4px 16px oklch(0 0 0 / .08)}[data-accent=amber]{--accent: oklch(.8 .16 75);--accent-soft: oklch(.8 .16 75 / .16)}[data-accent=cyan]{--accent: oklch(.78 .14 210);--accent-soft: oklch(.78 .14 210 / .16)}[data-accent=green]{--accent: oklch(.76 .17 150);--accent-soft: oklch(.76 .17 150 / .16)}[data-accent=violet]{--accent: oklch(.72 .16 300);--accent-soft: oklch(.72 .16 300 / .16)}[data-accent=red]{--accent: oklch(.72 .2 25);--accent-soft: oklch(.72 .2 25 / .16)}[data-density=compact]{--row-h: 22px;--pad-panel: 8px;--gap: 6px}[data-density=spacious]{--row-h: 32px;--pad-panel: 16px;--gap: 12px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--f-ui);font-size:13px;color:var(--text);background:var(--bg-deep);-webkit-font-smoothing:antialiased;overflow:hidden}#root{height:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input{font:inherit;color:inherit}button:disabled,input:disabled,select:disabled{opacity:.45;cursor:not-allowed}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.app{display:grid;grid-template-rows:44px 1fr 24px;height:100vh;background:var(--bg-deep);min-height:0}.topbar{display:flex;align-items:center;gap:14px;padding:0 14px;background:var(--bg);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em}.brand-mark{width:22px;height:22px;position:relative;display:grid;place-items:center}.brand-mark:before,.brand-mark:after{content:"";position:absolute;inset:0;border:1.5px solid var(--accent);border-radius:50%}.brand-mark:after{inset:4px;border-color:var(--text);opacity:.6}.brand-mark span{width:4px;height:4px;border-radius:50%;background:var(--accent);position:relative;z-index:1}.brand-name{font-size:13px}.brand-name em{font-style:normal;color:var(--text-dim);font-weight:500}.topbar-sep{width:1px;height:20px;background:var(--border)}.topbar-nav{display:flex;gap:2px}.topbar-nav button{padding:6px 10px;font-size:12px;font-weight:500;color:var(--text-dim);border-radius:4px}.topbar-nav button:hover{color:var(--text);background:var(--surface)}.topbar-nav button[aria-current=true]{color:var(--text);background:var(--surface-2);font-weight:700}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.connection-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 8px;background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:11px;color:var(--text-dim);font-family:var(--f-mono)}.connection-chip.clickable{cursor:pointer;transition:background .15s}.connection-chip.clickable:hover{background:var(--surface-2);color:var(--text)}.connection-chip.open{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.connection-chip.disconnected{border-color:oklch(from var(--bad) l c h / .35);color:var(--bad);background:oklch(from var(--bad) l c h / .06)}.connection-chip.disconnected b{color:var(--bad)}.connection-chip.connecting{border-color:oklch(from var(--warn) l c h / .35)}.chip-caret{margin-left:2px;opacity:.6;font-size:9px}.conn-anchor{position:relative}.popover-scrim{position:fixed;inset:0;z-index:80}.conn-popover{position:absolute;top:calc(100% + 8px);right:0;width:min(360px,calc(100vw - 24px));background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 20px 40px #00000073;z-index:90;overflow:hidden;max-height:70vh;overflow-y:auto}.conn-popover:before{content:"";position:absolute;top:-6px;right:26px;width:10px;height:10px;background:var(--surface);border:1px solid var(--border);border-right:0;border-bottom:0;transform:rotate(45deg)}.connection-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px oklch(from var(--ok) l c h / .2);animation:pulse 2s infinite}.connection-chip .dot.pending{background:var(--warn);box-shadow:0 0 0 3px oklch(from var(--warn) l c h / .2)}.connection-chip .dot.off{background:var(--text-faint);box-shadow:none;animation:none}.connection-chip b{color:var(--text);font-weight:600}@keyframes pulse{0%,to{box-shadow:0 0 0 3px oklch(from var(--ok) l c h / .25)}50%{box-shadow:0 0 0 6px oklch(from var(--ok) l c h / .05)}}.main{display:grid;grid-template-columns:240px 1fr;height:100%;min-height:0;min-width:0;overflow:hidden}.main.full{grid-template-columns:1fr}.workspace{padding:var(--gap);display:grid;gap:var(--gap);grid-template-columns:repeat(12,1fr);grid-auto-rows:72px;overflow:auto;min-height:0;background:var(--bg-deep);position:relative}.panel-head button{cursor:pointer}.panel{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;overflow:hidden;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;height:32px;padding:0 10px 0 12px;border-bottom:1px solid var(--border-soft);background:var(--surface);gap:10px;flex-shrink:0}.panel-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.panel-title b{color:var(--text);font-weight:600}.panel-body{flex:1;min-height:0;overflow:hidden;position:relative}.panel-tabs{display:flex;align-items:flex-end;gap:2px;padding:6px 10px 0;border-bottom:1px solid var(--border-soft);flex-shrink:0}.panel-tab{padding:6px 10px;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--text-faint);font-size:11px;white-space:nowrap}.panel-tab:hover{color:var(--text)}.panel-tab[aria-pressed=true],.panel-tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.statusbar{display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--bg);border-top:1px solid var(--border);font-family:var(--f-mono);font-size:11px;color:var(--text-dim)}.statusbar b{color:var(--text);font-weight:500}.statusbar .sep{color:var(--text-faint)}.statusbar .right{margin-left:auto;display:flex;align-items:center;gap:8px}.status-dop{display:inline-flex;align-items:center;gap:4px}.statusbar .pill{padding:2px 8px;border-radius:3px;background:var(--surface);border:1px solid var(--border-soft)}.statusbar .pill.ok{color:var(--ok);border-color:oklch(from var(--ok) l c h / .35)}.statusbar .pill.warn{color:var(--warn);border-color:oklch(from var(--warn) l c h / .35)}.statusbar .pill.bad{color:var(--bad);border-color:oklch(from var(--bad) l c h / .35)}.rx-stat-anchor{position:relative;display:inline-flex}.rx-stat-button{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;margin:-2px 0;border:1px solid transparent;border-radius:3px;color:var(--text-dim);font-family:var(--f-mono);font-size:11px}.rx-stat-button:hover,.rx-stat-button.open{color:var(--text);background:var(--surface);border-color:var(--border-soft)}.status-replay-button{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;margin:-2px 0;border:1px solid var(--border-soft);border-radius:3px;color:var(--text-dim);background:var(--surface);font-family:var(--f-mono);font-size:11px}.status-replay-button:hover{color:var(--text);background:var(--surface-2)}.status-replay-button.playing{color:var(--ok);border-color:oklch(from var(--ok) l c h / .35)}.status-replay-button.paused,.status-replay-button.stopped{color:var(--warn);border-color:oklch(from var(--warn) l c h / .35)}.status-replay-button.ended{color:var(--info);border-color:oklch(from var(--info) l c h / .35)}.status-popover-scrim{position:fixed;inset:0;z-index:80;cursor:default}.rx-stat-popover{position:absolute;right:0;bottom:calc(100% + 8px);z-index:90;width:320px;max-height:320px;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 20px 40px #00000073;overflow:hidden}.rx-stat-popover .stats-wrap{height:auto;max-height:320px}.source-section{padding:4px 4px 12px}.source-section h4{margin:6px 6px 8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.source-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;color:var(--text-dim);cursor:pointer;font-size:12px}.source-row:hover{background:var(--surface);color:var(--text)}.source-row[aria-current=true]{background:var(--accent-soft);color:var(--text)}.src-icon-box{width:16px;height:16px;border-radius:3px;background:var(--surface-2);border:1px solid var(--border-soft);position:relative;flex-shrink:0}.src-icon-box:before,.src-icon-box:after{content:"";position:absolute}.src-serial:before{left:3px;top:3px;width:8px;height:2px;background:var(--text-dim);box-shadow:0 3px 0 var(--text-dim),0 6px 0 var(--text-dim)}.src-mqtt:before{left:7px;top:7px;width:2px;height:2px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--surface-2),0 0 0 4px var(--text-dim)}.src-file:before{left:3px;top:3px;width:8px;height:9px;border:1px solid var(--text-dim);border-top:0;background:linear-gradient(to bottom,transparent 2px,var(--text-dim) 2px 3px,transparent 3px 5px,var(--text-dim) 5px 6px,transparent 6px)}.source-row[aria-current=true] .src-icon-box{border-color:var(--accent)}.src-live-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px oklch(from var(--ok) l c h / .2);animation:pulse 2s infinite}.live-mini{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--ok)}.live-mini .live-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);animation:pulse 2s infinite}.live-mini.off{color:var(--text-faint)}.live-mini.off .live-dot{background:var(--text-faint);animation:none}.source-card.connected{border-color:oklch(from var(--ok) l c h / .4);background:oklch(from var(--ok) l c h / .06)}.source-card.disconnected{border-color:oklch(from var(--bad) l c h / .25);background:oklch(from var(--bad) l c h / .045)}.source-card.error{border-color:oklch(from var(--bad) l c h / .45);background:oklch(from var(--bad) l c h / .07)}.source-actions{margin-top:4px}.conn-error{color:var(--bad);font-family:var(--f-mono);font-size:10px;line-height:1.4}.conn-note{color:var(--text-faint);font-family:var(--f-mono);font-size:10px}.topic-preview{padding:6px 8px;margin:6px 0 8px;background:var(--bg-deep);border:1px solid var(--border-soft);border-radius:4px;color:var(--text-dim);font-size:10px;line-height:1.5}.conn-meta{font-size:11px;color:var(--text-dim)}.conn-meta .row{justify-content:space-between;padding:2px 0}.device-info-card{background:var(--bg-deep)}.device-info-head{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.device-info-headrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.device-info-refresh{min-width:28px;justify-content:center}.device-info-grid{display:flex;flex-direction:column;gap:6px}.device-info-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:11px;color:var(--text-dim)}.device-info-row b{color:var(--text);text-align:right;overflow-wrap:anywhere}.src-meta{margin-left:auto;font-size:10px;font-family:var(--f-mono);color:var(--text-faint)}.source-card{margin:6px;padding:10px;background:var(--surface);border:1px solid var(--border-soft);border-radius:5px}.source-file-card{display:grid;gap:8px;background:var(--bg-deep)}.source-file-import{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:54px;padding:9px;border:1px dashed oklch(from var(--accent) l c h / .55);border-radius:5px;background:oklch(from var(--accent) l c h / .08);cursor:pointer}.source-file-import:hover{border-style:solid;background:oklch(from var(--accent) l c h / .12)}.source-file-import.loading{cursor:wait}.source-file-import-icon{width:34px;height:34px;border-radius:5px;background:var(--surface);border:1px solid var(--border-soft);position:relative}.source-file-import-icon:before{content:"";position:absolute;left:9px;top:8px;width:14px;height:16px;border:1.5px solid var(--accent);border-top:0;background:linear-gradient(to bottom,transparent 4px,var(--text-dim) 4px 5px,transparent 5px 8px,var(--text-dim) 8px 9px,transparent 9px)}.source-file-import-copy{display:grid;gap:3px;min-width:0}.source-file-import-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.source-file-import-copy small{color:var(--text-faint);font-family:var(--f-mono);font-size:10px}.source-file-import input{display:none}.source-file-selected{display:grid;gap:7px;padding:8px;border:1px solid var(--border-soft);border-radius:5px;background:var(--surface)}.source-file-selected>div:first-child{display:grid;gap:3px;min-width:0}.source-file-selected span{color:var(--text-faint);font-size:10px}.source-file-selected b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.source-file-selected-meta{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:10px}.source-recording-list{max-height:132px;flex:initial}.source-recording-list .recording-row{min-height:28px;padding:5px 8px}.source-file-actions{display:grid;grid-template-columns:1fr auto auto;gap:6px}.source-file-actions .btn{justify-content:center;min-width:0}.source-file-empty{min-height:34px;display:flex;align-items:center;padding:0 2px}.source-file-error{white-space:pre-wrap}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;min-width:0}.field label{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.field input,.field select{width:100%;min-width:0;background:var(--bg-deep);border:1px solid var(--border);border-radius:3px;padding:5px 8px;font-size:12px;font-family:var(--f-mono);color:var(--text)}.field input:focus,.field select:focus{outline:1px solid var(--accent);border-color:var(--accent)}.field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.btn{padding:6px 10px;border:1px solid var(--border);border-radius:4px;background:var(--surface-2);color:var(--text);font-size:12px;display:inline-flex;align-items:center;gap:6px;transition:background .12s}.btn:hover{background:var(--surface-3)}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:transparent;font-weight:500}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:transparent}.btn.ghost[aria-pressed=true]{background:var(--surface-2);border-color:var(--border-soft);color:var(--text)}.btn.tiny{padding:3px 7px;font-size:11px}.btn.block{width:100%;justify-content:center}.fx{font-family:var(--f-mono);font-size:11.5px}.fx-head{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid var(--border-soft)}.fx-path{flex:1;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fx-list{padding:2px 0}.fx.compact .fx-list{max-height:320px;overflow:auto}.fx-loading{display:flex;align-items:center;justify-content:center;gap:8px}.fx-loading-row{display:flex;align-items:center;gap:8px;padding:6px 10px;color:var(--text-faint);border-top:1px solid var(--border-soft)}.fx-row{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:8px;padding:4px 8px;color:var(--text-dim);cursor:pointer;border-left:2px solid transparent}.fx-row:hover{background:var(--surface);color:var(--text)}.fx-row[aria-selected=true]{background:var(--accent-soft);border-left-color:var(--accent);color:var(--text)}.fx-size{color:var(--text-faint);font-size:10px}.fx-glyph{color:var(--text-faint)}.fx-row.dir .fx-glyph{color:var(--accent)}.fx-footer{margin:6px;padding:8px;background:var(--bg-deep);border:1px solid var(--border-soft);border-radius:4px;font-size:11px}.fx-footer .row{display:flex;justify-content:space-between;color:var(--text-dim)}.fx-footer .row+.row{margin-top:2px}.fx-actions{display:flex;gap:4px;margin-top:8px}.file-stat{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex:1 1 auto;min-width:0;max-width:none;padding:0 2px;border:0;background:transparent;color:var(--text-faint);font-family:var(--f-mono);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.file-stat-item{display:inline-flex;align-items:baseline;gap:3px;min-width:0}.file-stat-item span{color:var(--text-faint)}.file-stat-item b{color:var(--text-dim);font-weight:500}.file-stat.loading{color:var(--text);cursor:wait}.spinner{width:10px;height:10px;border:1.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{height:4px;background:var(--surface-3);border-radius:2px;overflow:hidden;margin-top:6px}.progress>span{display:block;height:100%;background:var(--accent);transition:width .3s}.skyplot-wrap{height:100%;display:flex;flex-direction:column;padding:var(--pad-panel)}.skyplot-svg{flex:1;min-height:0}.skyplot-svg text{font-family:var(--f-mono);font-size:8px;fill:var(--text-faint)}.skyplot-legend{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px;font-size:10px;font-family:var(--f-mono);color:var(--text-dim)}.legend-item{display:inline-flex;align-items:center;gap:4px}.legend-toggle{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:3px;padding:2px 7px 2px 5px;color:var(--text-dim);cursor:pointer;font-family:var(--f-mono);font-size:10px;transition:opacity .15s}.legend-toggle[aria-pressed=false]{opacity:.35}.legend-toggle[aria-pressed=true]{color:var(--text)}.legend-toggle:hover{border-color:var(--accent)}.legend-check{cursor:pointer;white-space:nowrap}.legend-check input{margin:0;accent-color:var(--accent)}.legend-swatch{width:8px;height:8px;border-radius:2px}.sat-marker{cursor:pointer}.sat-hover-ring{filter:drop-shadow(0 0 5px currentColor)}.sat-dot{transition:r .12s,stroke-width .12s,filter .12s}.sat-marker.hovered .sat-dot,.sat-dot:hover{filter:brightness(1.25) drop-shadow(0 0 5px currentColor)}.sat-label{fill:var(--text);font-size:7px;text-anchor:middle;pointer-events:none;font-weight:600}.snr-wrap{height:100%;padding:var(--pad-panel);display:flex;flex-direction:column}.snr-tabs{margin:-8px -8px 6px;padding:4px 8px 0;overflow-x:auto;scrollbar-width:thin}.snr-tabs::-webkit-scrollbar{height:4px}.snr-tab-sys{display:inline-flex;align-items:center;gap:5px;font-family:var(--f-mono);letter-spacing:.5px}.snr-tab-swatch{width:8px;height:8px;border-radius:2px;display:inline-block}.snr-tab-swatch-all{background:conic-gradient(from 45deg,var(--bds),var(--gps),var(--glo),var(--gal),var(--qzs),var(--bds))}.snr-signal-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:10px;color:var(--text-faint);margin-bottom:6px}.snr-legend-item{display:inline-flex;align-items:center;gap:5px;font-family:var(--f-mono)}.snr-legend-swatch{width:9px;height:9px;border-radius:2px;display:inline-block;vertical-align:-1px}.snr-sat-stack{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:1px}.snr-sat-stack .bar{flex:1;min-width:2px;max-width:14px;border-radius:2px 2px 0 0;transition:height .3s,filter .12s,box-shadow .12s}.snr-sat-group.hovered .snr-sat-stack .bar{filter:brightness(1.22) saturate(1.12)}.snr-head{display:flex;gap:12px;font-size:10px;color:var(--text-faint);margin-bottom:8px}.snr-head b{color:var(--text);font-family:var(--f-mono);font-weight:500}.snr-chart{--snr-y-axis-gutter: 30px;flex:1;position:relative;min-height:0}.snr-bars{position:absolute;inset:14px var(--snr-y-axis-gutter) 22px 0;display:flex;align-items:stretch;gap:2px}.snr-bar{flex:1;min-width:8px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;cursor:pointer}.snr-bar:focus{outline:none}.snr-bar.hovered{z-index:2}.snr-bar .bar{width:100%;min-height:1px;border-radius:2px 2px 0 0;transition:height .3s,filter .12s,box-shadow .12s}.snr-bar .bar.tracking{opacity:.36}.snr-bar .bar.used-fix{opacity:1}.snr-bar.hovered .bar{filter:brightness(1.22) saturate(1.12);box-shadow:inset 0 0 0 2px var(--text),0 0 0 1px var(--bg),0 0 14px #ffffff3d}.snr-bar.hovered .bar.used-fix{box-shadow:inset 0 0 0 2px var(--text),0 0 0 1px var(--bg),0 0 14px #ffffff3d}.snr-bar .cn0{position:absolute;top:-14px;font-size:9px;font-family:var(--f-mono);color:var(--text-dim)}.snr-bar:hover .cn0{color:var(--text)}.snr-bar.hovered .cn0{color:var(--text);font-weight:700}.snr-popover-layer{position:absolute;inset:14px var(--snr-y-axis-gutter) 22px 0;pointer-events:none;z-index:8}.snr-popover{position:absolute;top:5px;min-width:142px;padding:6px 7px;border:1px solid var(--border);border-radius:4px;background:oklch(from var(--surface) l c h / .96);box-shadow:0 10px 24px #00000057;color:var(--text-dim);font-size:10px;transform:translate(-50%)}.snr-popover.from-start{transform:translate(0)}.snr-popover.from-end{transform:translate(-100%)}.snr-popover.single{transform:translate(-50%)}.snr-popover-title{display:flex;align-items:center;gap:5px;margin-bottom:5px}.snr-popover-title b{color:var(--text);font-family:var(--f-mono);font-size:11px}.snr-popover-title em{margin-left:auto;color:var(--accent);font-style:normal;font-size:9px}.snr-popover-swatch{width:8px;height:8px;border-radius:2px}.snr-popover-grid{display:grid;grid-template-columns:auto auto;gap:2px 9px}.snr-popover-grid span{color:var(--text-faint)}.snr-popover-grid b{color:var(--text);font-family:var(--f-mono);font-weight:500;text-align:right}.snr-grid{position:absolute;inset:14px var(--snr-y-axis-gutter) 22px 0;pointer-events:none}.snr-grid .line{position:absolute;left:0;right:0;height:1px;background:var(--grid-soft);font-size:9px;color:var(--text-faint);font-family:var(--f-mono)}.snr-grid .line.axis{background:var(--border)}.snr-grid .line span{position:absolute;left:calc(100% + 4px);top:-6px;background:var(--surface);padding:0 4px}.snr-axis{position:absolute;left:0;right:var(--snr-y-axis-gutter);bottom:0;height:18px;display:flex;align-items:flex-end;gap:2px;pointer-events:none}.snr-axis .tag{flex:1;min-width:8px;text-align:center;font-size:8px;font-family:var(--f-mono);color:var(--text-faint);white-space:nowrap}.snr-axis .tag.hovered{color:var(--text)!important;font-weight:700;text-shadow:0 0 8px currentColor}.map-wrap{height:100%;position:relative;background:radial-gradient(circle at 50% 50%,var(--surface-2),var(--surface) 60%);overflow:hidden}[data-theme=light] .map-wrap{background:radial-gradient(circle at 50% 50%,#eff2f4,#e4e9eb 60%)}.google-map-wrap{background:var(--surface)}.google-map{position:absolute;inset:0}.tianditu-map-wrap{background:var(--surface-2);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.tianditu-map-wrap.dragging{cursor:grabbing}.tdt-tiles{position:absolute;inset:0;overflow:hidden}.tdt-tile{position:absolute;width:256px;height:256px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.tdt-label-tile{pointer-events:none}.map-grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid-soft) 1px,transparent 1px),linear-gradient(90deg,var(--grid-soft) 1px,transparent 1px);background-size:40px 40px;opacity:.7}.map-crosshair{position:absolute;inset:0;pointer-events:none}.map-crosshair:before,.map-crosshair:after{content:"";position:absolute;background:var(--text-faint);opacity:.2}.map-crosshair:before{left:50%;top:0;bottom:0;width:1px;transform:translate(-.5px)}.map-crosshair:after{top:50%;left:0;right:0;height:1px;transform:translateY(-.5px)}.map-overlay{position:absolute;inset:0}.map-track{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;filter:drop-shadow(0 0 4px oklch(from var(--accent) l c h / .4))}.map-track-shadow{fill:none;stroke:var(--accent);stroke-width:6;opacity:.15}.map-marker{fill:var(--accent);stroke:var(--bg);stroke-width:2}.map-accuracy{fill:var(--accent);opacity:.08;stroke:var(--accent);stroke-opacity:.3;stroke-width:1;stroke-dasharray:3 2}.map-corner{position:absolute;padding:6px 10px;background:oklch(from var(--bg) l c h / .85);border:1px solid var(--border);border-radius:4px;font-family:var(--f-mono);font-size:10px;color:var(--text-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.map-corner b{color:var(--text);font-weight:500}.map-corner .kv{display:flex;justify-content:space-between;gap:10px}.map-corner .kv+.kv{margin-top:3px}.map-corner.tl{top:10px;left:10px}.map-corner.tr{top:10px;right:10px;text-align:right}.map-corner.bl{bottom:10px;left:10px}.map-corner.bc{bottom:10px;left:50%;transform:translate(-50%)}.map-corner.br{bottom:10px;right:10px;display:flex;gap:4px}.map-corner.br button{width:22px;height:22px;border-radius:3px;color:var(--text-dim)}.map-corner.br button:hover{background:var(--surface-3);color:var(--text)}.map-corner.br button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:oklch(from var(--accent) l c h / .45)}.map-corner.br button:disabled:hover{background:transparent;color:var(--text-dim)}.map-provider-warning{color:var(--warn)}.map-provider-note{margin-top:10px}.map-scale{position:absolute;left:12px;bottom:60px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-family:var(--f-mono);font-size:10px;color:var(--text-dim)}.map-scale-bar{height:4px;width:80px;background:linear-gradient(90deg,var(--text) 50%,var(--text-faint) 50%)}.chart-wrap{height:100%;padding:var(--pad-panel);display:flex;flex-direction:column}.chart-meta{display:flex;gap:16px;align-items:baseline;margin-bottom:6px;font-size:11px;color:var(--text-faint)}.chart-meta .v{font-family:var(--f-mono);color:var(--text);font-size:18px;font-weight:500}.chart-meta .u{color:var(--text-faint);font-size:10px;margin-left:2px}.chart-meta .tag{font-family:var(--f-mono);font-size:10px;padding:1px 6px;border-radius:2px;background:var(--surface-2);color:var(--text-dim)}.dop-meta{display:block;margin-bottom:4px}.dop-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;min-width:0}.dop-value{display:grid;grid-template-columns:1fr;align-items:center;gap:1px;min-width:0;padding:4px;background:var(--surface-2);border-radius:3px}.dop-value span{display:inline-flex;align-items:center;gap:4px;color:var(--text-faint);font-size:8px;font-family:var(--f-mono)}.dop-value span i{width:8px;height:2px;border-radius:1px}.dop-value b{color:var(--text);font-family:var(--f-mono);font-size:16px;font-weight:500;text-align:left}.chart-svg{flex:1;min-height:0;width:100%}.chart-svg .grid-line{stroke:var(--grid-soft);stroke-width:1}.chart-svg .axis-text{fill:var(--text-faint);font-size:9px;font-family:var(--f-mono)}.chart-svg .series{fill:none;stroke-width:1.5}.chart-svg .series.fill{stroke:none;opacity:.12}.time-series-panel{height:100%;display:flex;flex-direction:column}.time-series-chart{flex:1;min-height:0}.console-wrap{height:100%;display:flex;flex-direction:column}.console-head{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--border-soft);background:var(--surface)}.console-filter{display:flex;gap:2px;flex:1;min-width:0;overflow-x:auto}.console-filter button{flex:0 0 auto;padding:3px 8px;font-size:10px;font-family:var(--f-mono);color:var(--text-faint);border-radius:3px;border:1px solid transparent}.console-filter button[aria-pressed=true]{color:var(--text);background:var(--surface-2);border-color:var(--border-soft)}.console-search{padding:4px 8px;background:var(--bg-deep);border:1px solid var(--border);border-radius:3px;font-family:var(--f-mono);font-size:11px;width:160px}.console-body{flex:1;min-height:0;overflow:auto;font-family:var(--f-mono);font-size:11.5px;line-height:1.45;padding:4px 0;background:var(--bg-deep)}.console-command{position:relative;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:end;padding:6px 10px;border-top:1px solid var(--border-soft);background:var(--surface)}.console-command>.mono{align-self:center}.console-command textarea{min-width:0;min-height:34px;max-height:96px;padding:5px 8px;background:var(--bg-deep);color:var(--text);border:1px solid var(--border);border-radius:3px;font-family:var(--f-mono);font-size:11px;line-height:1.35;resize:vertical}.console-command-actions{display:inline-flex;align-items:center;gap:4px}.console-send-mask,.command-panel-mask{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:12px;background:oklch(from var(--bg-deep) l c h / .72);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.console-send-mask{background:oklch(from var(--surface) l c h / .76)}.command-panel-mask-card{max-width:min(320px,100%);padding:8px 10px;border:1px solid var(--border-soft);border-radius:4px;background:var(--surface);text-align:center}.log-row{display:grid;grid-template-columns:80px 44px 56px 1fr;gap:10px;padding:1px 12px;min-width:0;align-items:start}.log-row:hover{background:var(--surface)}.log-row .ts,.log-row .dir{color:var(--text-faint)}.log-row .dir.rx{color:var(--info)}.log-row .dir.tx{color:var(--accent)}.log-row .type{color:var(--text-dim);font-weight:500}.log-row .body{min-width:0;color:var(--text);white-space:pre-wrap;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word}.log-row .body .k{color:var(--text-faint)}.log-row .body .ok{color:var(--ok)}.log-row .body .bad{color:var(--bad)}.rtk-wrap{height:100%;padding:var(--pad-panel);display:flex;flex-direction:column;gap:8px}.fix-card{padding:10px;border-radius:5px;background:var(--bg-deep);border:1px solid var(--border-soft)}.fix-card .label{font-size:10px;color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase}.fix-card .value{font-family:var(--f-mono);font-size:24px;font-weight:500;color:var(--ok);letter-spacing:-.02em;margin-top:2px}.fix-card .value.float{color:var(--warn)}.fix-card .value.single{color:var(--bad)}.fix-card .sub{font-family:var(--f-mono);font-size:11px;color:var(--text-dim);margin-top:4px}.rtk-kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.kv-tile{padding:7px 10px;background:var(--bg-deep);border:1px solid var(--border-soft);border-radius:4px}.kv-tile .label{font-size:9px;color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase}.kv-tile .value{font-family:var(--f-mono);font-size:14px;color:var(--text);margin-top:2px}.kv-tile .value small{color:var(--text-faint);font-size:9px;margin-left:2px}.rtk-correction-card{grid-column:span 2;padding:7px 8px;background:var(--bg-deep);border:1px solid var(--border-soft);border-radius:4px}.rtk-correction-card .label{font-size:9px;color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase}.rtk-correction-values{display:grid;grid-template-columns:minmax(32px,max-content) minmax(0,1fr);gap:4px;margin-top:5px}.rtk-correction-values div{min-width:0}.rtk-correction-values div:last-child{text-align:right}.rtk-correction-values span{display:block;color:var(--text-faint);font-size:9px}.rtk-correction-values b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-family:var(--f-mono);font-size:11px;font-weight:500}.stats-wrap{height:100%;padding:var(--pad-panel);overflow:auto}.stats-row{display:grid;grid-template-columns:1fr 44px 44px 44px;align-items:center;padding:3px 0;font-family:var(--f-mono);font-size:11px;color:var(--text-dim);border-bottom:1px dashed var(--grid-soft)}.stats-row.head{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--border);padding-bottom:4px;margin-bottom:3px}.stats-row .name{color:var(--text)}.stats-row .n{text-align:right}.stats-row .n.rate{color:var(--accent)}.settings-section{padding:8px 0;border-bottom:1px dashed var(--grid)}.settings-section:last-child{border-bottom:0}.settings-section h5{margin:0 0 6px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.seg{display:inline-flex;border:1px solid var(--border);border-radius:4px;overflow:hidden;margin-right:4px}.seg button{padding:4px 10px;font-size:11px;color:var(--text-dim)}.seg button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.swatch-row{display:flex;gap:6px;margin-top:4px}.swatch-row button{width:22px;height:22px;border-radius:50%;border:2px solid var(--border)}.swatch-row button[aria-pressed=true]{border-color:var(--text)}.settings-check{display:flex;align-items:center;justify-content:space-between;padding:3px 0;font-size:12px;color:var(--text-dim);cursor:pointer}.settings-check:hover{color:var(--text)}.switch{width:28px;height:16px;background:var(--surface-3);border-radius:999px;position:relative;transition:background .15s}.switch:after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;background:var(--text-dim);border-radius:50%;transition:transform .15s,background .15s}.settings-check[aria-checked=true] .switch{background:var(--accent)}.settings-check[aria-checked=true] .switch:after{transform:translate(12px);background:#0b0b0b}.saved-connections-section{margin-top:10px;padding-top:10px}.saved-connections-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.saved-connections-title h5{margin:0}.saved-connections-title .btn{min-width:28px;justify-content:center}.settings-empty{padding:10px;color:var(--text-faint);border:1px dashed var(--border-soft);border-radius:4px}.saved-connection-list{display:grid;gap:8px}.saved-connection-card{padding:9px;background:var(--bg-deep);border:1px solid var(--border-soft);border-radius:4px}.saved-connection-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.saved-connection-head div{min-width:0}.saved-connection-head span{display:block;color:var(--text-faint);font-size:10px;margin-bottom:2px}.saved-connection-head b{display:block;color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-connection-meta{margin-top:4px;color:var(--accent);font-size:10px}.saved-connection-details{display:grid;gap:4px;margin-top:8px;color:var(--text-dim);font-size:10px}.saved-connection-details div{display:flex;justify-content:space-between;gap:12px;min-width:0}.saved-connection-details span{color:var(--text-faint)}.saved-connection-details b{color:var(--text-dim);font-weight:400;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-conn-error{margin-top:8px}.settings-kv{margin-top:12px}.statusbar .disconnected{color:var(--bad)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:5px;border:2px solid var(--bg-deep)}::-webkit-scrollbar-thumb:hover{background:var(--border)}.row{display:flex;align-items:center;gap:8px}.page-view{height:100%;min-height:0;min-width:0;overflow:auto;padding:16px;background:var(--bg-deep)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.page-head h2{margin:0;font-size:18px;font-weight:650;color:var(--text)}.page-actions{display:flex;align-items:center;gap:8px}.page-panel{min-height:260px}.page-panel.fill{min-height:calc(100vh - 128px)}.page-view .panel-head,.config-embedded .panel-head{cursor:default}.settings-body,.config-body{padding:var(--pad-panel);overflow:auto}.kv-list{display:grid;gap:8px}.kv-list>div{display:flex;justify-content:space-between;gap:16px;padding-bottom:8px;border-bottom:1px dashed var(--grid-soft)}.kv-list span{color:var(--text-faint)}.kv-list b{color:var(--text);font-weight:500;text-align:right}.config-panels,.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--gap)}.preferences-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.monitor-route{padding:0;overflow:hidden}.device-route,.preferences-route{padding:var(--gap)}.monitor-workspace{height:100%}.monitor-workspace .panel-head{cursor:default}.map-route{padding:0;overflow:hidden}.map-page-shell{position:relative;height:100%;min-height:0;overflow:hidden}.map-page-shell .map-wrap{height:100%;min-height:0}.map-type-control{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:8;display:flex;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--border);border-radius:5px;box-shadow:var(--shadow)}.map-type-control button{padding:4px 9px;border-radius:3px;color:var(--text-dim);font-size:11px;white-space:nowrap}.map-type-control button[aria-pressed=true]{color:var(--text);background:var(--surface-2);font-weight:600}.map-empty{display:grid;place-items:center}.map-empty-content{position:relative;z-index:1;width:min(420px,calc(100% - 32px));padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}.map-empty-content span{color:var(--text-faint);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.map-empty-content h3{margin:8px 0 6px;font-size:18px;font-weight:650}.map-empty-content p{margin:0 0 14px;color:var(--text-dim);line-height:1.45}.device-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--gap);align-items:stretch;height:100%;min-height:0}.device-stream,.device-files,.device-console,.device-config{height:auto;min-height:0}.device-stream .panel-body,.device-files .panel-body,.device-console .panel-body,.device-config .panel-body{min-height:0}.device-files .fx{height:100%;min-height:0;display:flex;flex-direction:column}.device-files .fx-list{flex:1;min-height:0;overflow:auto}.command-mask-host{position:relative}.replay-overlay{position:fixed;left:50%;bottom:31px;z-index:70;width:min(840px,calc(100vw - 24px));transform:translate(-50%);pointer-events:none}.replay-overlay-card{padding:7px 8px;background:oklch(from var(--surface) l c h / .96);border:1px solid var(--border);border-radius:6px;box-shadow:0 14px 38px #0000006b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.replay-control{display:flex;flex-direction:column;gap:5px}.replay-toolbar{display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto auto auto auto auto auto auto;align-items:center;gap:6px;min-width:0}.replay-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.replay-time,.replay-count{color:var(--text-faint);font-size:11px;white-space:nowrap}.replay-status{width:fit-content;padding:1px 6px;border:1px solid var(--border-soft);border-radius:3px;color:var(--text-dim);font-family:var(--f-mono);font-size:10px}.replay-status.playing{color:var(--ok);border-color:oklch(from var(--ok) l c h / .35);background:oklch(from var(--ok) l c h / .06)}.replay-status.paused,.replay-status.stopped{color:var(--warn);border-color:oklch(from var(--warn) l c h / .35);background:oklch(from var(--warn) l c h / .06)}.replay-status.ended{color:var(--info);border-color:oklch(from var(--info) l c h / .35);background:oklch(from var(--info) l c h / .06)}.replay-range{width:100%;accent-color:var(--accent);height:12px;margin:0}.inline-field{flex-direction:row;align-items:center;gap:6px;margin:0}.inline-field span{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.inline-field select{min-width:58px;height:24px;padding:2px 5px;font-size:11px}.replay-loop{gap:0;justify-content:flex-start;padding:0}.replay-loop input{display:none}.replay-loop .switch{width:24px;height:14px}.replay-loop .switch:after{width:10px;height:10px}.replay-loop[aria-checked=true] .switch:after{transform:translate(10px)}.replay-collapse{min-width:24px;justify-content:center}.recording-list{flex:1;min-height:0;overflow:auto;border:1px solid var(--border-soft);border-radius:4px;background:var(--bg-deep)}.recording-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:30px;padding:6px 9px;border-left:2px solid transparent;color:var(--text-dim);text-align:left}.recording-row+.recording-row{border-top:1px solid var(--border-soft)}.recording-row:hover{background:var(--surface);color:var(--text)}.recording-row[aria-selected=true]{background:var(--accent-soft);border-left-color:var(--accent);color:var(--text)}.recording-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording-meta{color:var(--text-faint);font-size:10px}.config-embedded{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.config-root{position:relative;min-height:0;overflow:hidden}.embedded-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 8px}.embedded-head h3{margin:0;color:var(--text);font-size:14px;font-weight:650}.config-tabbed{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.config-tabs{align-items:flex-end;padding:6px 8px 0}.config-tab-list{flex:1;min-width:0;display:flex;align-items:flex-end;gap:2px;overflow-x:auto;overflow-y:hidden}.config-refresh{flex-shrink:0;align-self:center;min-width:28px;justify-content:center;margin-bottom:5px}.config-tab-body{flex:1;min-height:0}.config-loading-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:oklch(from var(--bg-deep) l c h / .76);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:4}.config-loading-card{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-dim)}.config-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(100px,1fr) auto auto;gap:8px;align-items:center;padding:5px 0;border-bottom:1px dashed var(--grid-soft)}.config-row small{display:block;color:var(--text-faint);font-size:10px;margin-top:2px}.config-row input,.config-row select,.settings-body input,.settings-body select{width:100%;min-width:0;padding:6px 8px;background:var(--bg-deep);border:1px solid var(--border);border-radius:3px;color:var(--text);font-family:var(--f-mono);font-size:11px}.config-value-control{width:100%}.config-switch-control{position:relative;display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--text-dim);font-family:var(--f-mono);font-size:11px;cursor:pointer}.config-switch-control input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;pointer-events:none}.config-switch-control .switch{flex:0 0 auto}.config-switch-control input:checked+.switch{background:var(--accent)}.config-switch-control input:checked+.switch:after{transform:translate(12px);background:var(--accent-fg)}.config-switch-control b{color:var(--text);font-weight:500}.empty-state{padding:16px;color:var(--text-faint);text-align:center;font-size:11px}.trajectory-wrap{height:100%;position:relative;background:radial-gradient(circle at 50% 50%,var(--surface-2),var(--surface) 62%);overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}[data-theme=light] .trajectory-wrap{background:radial-gradient(circle at 50% 50%,#f2f6f7,#e8ecee 62%)}.trajectory-wrap.dragging{cursor:grabbing}.trajectory-route{overflow:hidden;padding:0}.trajectory-plot{position:absolute;inset:0;min-height:0;overflow:hidden}.trajectory-svg{display:block;width:100%;height:100%}.trajectory-grid line{stroke:var(--grid-soft);stroke-width:1}.trajectory-crosshair line{stroke:var(--text-faint);stroke-width:1;opacity:.22}.trajectory-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;opacity:.9;filter:drop-shadow(0 0 4px oklch(from var(--accent) l c h / .35))}.trajectory-line-shadow{fill:none;stroke:var(--accent);stroke-width:7;stroke-linejoin:round;opacity:.14}.trajectory-dot{fill:var(--accent);stroke:var(--bg);stroke-width:1.5;opacity:.8}.trajectory-current{fill:var(--accent);stroke:var(--bg);stroke-width:2}.trajectory-current-ring{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-opacity:.5}.trajectory-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-faint);font-size:11px;pointer-events:none}.trajectory-readout-panel{min-width:188px;text-align:left}.trajectory-readout-panel .kv,.trajectory-grid-legend{display:flex;justify-content:space-between;gap:12px}.trajectory-readout-panel .kv+.kv{margin-top:3px}.trajectory-readout-panel span,.trajectory-sample.head,.trajectory-grid-legend span{color:var(--text-faint)}.trajectory-readout-panel b,.trajectory-grid-legend b{color:var(--text);font-weight:500}.trajectory-samples-panel{width:min(300px,calc(100% - 240px));display:grid;gap:2px;text-align:left}.trajectory-sample{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,1fr);gap:8px;color:var(--text-dim);font-size:10px}.trajectory-sample.head,.trajectory-sample.empty{color:var(--text-faint)}.trajectory-sample span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trajectory-grid-legend{align-items:center}.trajectory-grid-swatch{width:28px;height:10px;border-left:1px solid var(--grid-soft);border-right:1px solid var(--grid-soft);background:linear-gradient(90deg,transparent calc(50% - .5px),var(--grid-soft) calc(50% - .5px),var(--grid-soft) calc(50% + .5px),transparent calc(50% + .5px))}.trajectory-controls button{font-family:var(--f-mono)}@media(max-width:700px){.trajectory-readout-panel{right:10px;min-width:0}.trajectory-samples-panel{display:none}.trajectory-grid-legend{bottom:48px}}@media(max-width:1200px){.device-grid{grid-template-columns:1fr;grid-template-rows:none;height:auto}}@media(max-width:900px){.topbar{gap:8px;padding:0 8px}.brand-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-nav{display:flex;overflow-x:auto;max-width:48vw}.main,.settings-grid,.config-panels{grid-template-columns:1fr}.log-row{grid-template-columns:72px 38px 48px minmax(220px,1fr)}.statusbar{overflow:auto;white-space:nowrap}.replay-overlay{bottom:32px;width:calc(100vw - 16px)}.replay-toolbar{grid-template-columns:auto minmax(0,1fr) auto auto auto}.replay-time,.replay-count,.replay-rate{display:none}}