:root{--bg-app: #0e1013;--bg-panel: #15181c;--bg-panel-header: #1b1e23;--bg-raised: #22262c;--bg-canvas: #0a0b0d;--border: #2a2e35;--border-strong: #3a404a;--text-primary: #d7dae0;--text-secondary: #8a9099;--text-disabled: #565c66;--accent: #4fc3f7;--accent-muted: rgba(79, 195, 247, .15);--warning: #e0a93e;--error: #e05a4e;--radius: 4px;--space: 8px;--font-ui: "Inter", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", Consolas, monospace;--shadow-floating: 0 4px 16px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-ui);font-size:13px;overflow:hidden;user-select:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#app{display:flex;flex-direction:column;height:100vh}.toolbar{flex:none;height:40px;display:flex;align-items:center;gap:var(--space);padding:0 var(--space);background:var(--bg-panel);border-bottom:1px solid var(--border);position:relative;z-index:10000}.toolbar-group{display:flex;align-items:center;gap:4px}.toolbar-sep{width:1px;height:20px;background:var(--border);margin:0 4px}.toolbar-spacer{flex:1}.workspace{flex:1;position:relative;min-height:0;background:var(--bg-app)}.statusbar{flex:none;height:24px;display:flex;align-items:center;gap:var(--space);padding:0 var(--space);background:var(--bg-panel);border-top:1px solid var(--border);font-size:12px;color:var(--text-secondary)}.statusbar-left{display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap}.statusbar-right{margin-left:auto;white-space:nowrap}.statusbar .sep:before{content:"·";color:var(--text-disabled)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:24px;min-width:24px;padding:0 5px;border-radius:var(--radius);color:var(--text-secondary);transition:background-color .1s ease,color .1s ease}.btn:hover{background:var(--bg-raised);color:var(--text-primary)}.btn.active{color:var(--accent);background:var(--accent-muted)}.btn:disabled{color:var(--text-disabled);background:none;cursor:default}.btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.segmented{display:inline-flex;height:24px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.segmented .btn{border-radius:0;height:100%}.segmented .btn+.btn{border-left:1px solid var(--border)}.segmented .btn.active{color:var(--accent);background:var(--accent-muted);box-shadow:inset 0 -2px 0 var(--accent)}.dropdown-btn{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 6px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:12px}.dropdown-btn:hover{border-color:var(--border-strong)}.dropdown-btn svg{width:12px;height:12px;stroke:var(--text-secondary);stroke-width:1.5;fill:none}.popover{position:fixed;z-index:1000;min-width:140px;padding:4px;background:var(--bg-panel-header);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-floating)}.menu-item{display:flex;align-items:center;gap:6px;width:100%;height:24px;padding:0 8px;border-radius:var(--radius);color:var(--text-primary);font-size:12px;text-align:left}.menu-item:hover{background:var(--bg-raised)}.menu-item .check{display:flex;align-items:center;justify-content:center;width:14px;flex:none;color:var(--text-primary)}.menu-item .check svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.menu-item .check.dot{position:relative}.menu-item .check.dot:before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;transform:translate(-50%,-50%);border-radius:50%;background:#fff}.menu-sep{height:1px;margin:4px 0;background:var(--border)}.menu-columns{display:flex;gap:4px}.menu-columns .menu-col{display:flex;flex-direction:column;min-width:64px}.settings-popover{min-width:240px;padding:8px}.settings-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:4px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;height:28px}.setting-label{font-size:12px;color:var(--text-primary)}.switch{width:28px;height:16px;border:1px solid var(--border);border-radius:8px;background:var(--bg-raised);position:relative;cursor:pointer;padding:0;transition:background .1s ease,border-color .1s ease}.switch-thumb{position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--text-secondary);transition:left .1s ease,background .1s ease}.switch.on{background:var(--accent-muted);border-color:var(--accent)}.switch.on .switch-thumb{left:14px;background:var(--accent)}.slider{flex:1;min-width:80px;height:24px;display:flex;align-items:center}.toolbar-group.volume{gap:6px;color:var(--text-secondary)}.toolbar-group.volume .slider{flex:none;width:90px;min-width:0}.slider-track{position:relative;width:100%;height:4px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;touch-action:none}.slider-fill{position:absolute;top:0;bottom:0;background:var(--accent-muted)}.slider-thumb{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:var(--text-primary);border:1px solid var(--border-strong);transform:translate(-50%,-50%);pointer-events:none}.slider-tip{position:absolute;bottom:12px;transform:translate(-50%);padding:1px 5px;font-size:10px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);white-space:nowrap;opacity:0;transition:opacity .1s ease;pointer-events:none;z-index:1}.slider-tip.visible{opacity:1}.slider.tip-below .slider-tip{top:12px;bottom:auto}.panel-stub{padding:var(--space);display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-secondary)}.panel-stub .row{display:flex;align-items:center;justify-content:space-between;height:24px;gap:var(--space)}.panel-stub .row .value{color:var(--text-primary)}.panel-rows{padding:var(--space);display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-secondary)}.panel-rows .row{display:flex;align-items:center;justify-content:space-between;height:24px;gap:var(--space)}.panel-rows .row .value{color:var(--text-primary)}.recompute-progress{position:absolute;top:0;left:0;height:2px;width:0;background:var(--accent);opacity:0;z-index:1}.colormap-swatch{display:inline-block;width:32px;height:10px;border-radius:2px;border:1px solid var(--border);flex:none}.dropdown-btn .colormap-swatch,.menu-item .colormap-swatch{margin-right:6px}.transport{display:flex;gap:2px}.a4-wrap{display:flex;align-items:center;gap:4px}.a4-wrap .unit{color:var(--text-secondary);font-size:11px}.num-input{width:52px;height:22px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:12px;padding:0 4px;text-align:right}.num-input:focus{outline:none;border-color:var(--accent)}.viewer-host{position:absolute;inset:0;background:var(--bg-canvas)}.viewer-empty-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:default;z-index:1}.viewer-empty{pointer-events:auto;background:var(--bg-canvas);max-width:420px;padding:32px 40px;border:1px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text-secondary);cursor:pointer;transition:border-color .1s ease}.viewer-empty:hover{border-color:var(--border-strong)}.viewer-drop-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;pointer-events:none;background:color-mix(in srgb,var(--bg-canvas) 70%,transparent);z-index:2}.viewer-drop-inner{padding:24px 40px;border:2px dashed var(--accent);border-radius:var(--radius);color:var(--text-primary);font-size:14px;background:var(--bg-canvas)}.viewer-host.drop-active .viewer-drop-overlay{display:flex}.viewer-host.drop-active{box-shadow:inset 0 0 0 1px var(--accent)}.viewer-empty .hint{margin-top:var(--space);font-size:11px;color:var(--text-disabled)}.viewer-empty-cancel{margin-top:16px;padding:5px 16px;font:inherit;font-size:12px;color:var(--text-primary);background:var(--bg-canvas);border:1px solid var(--border-strong);border-radius:var(--radius);cursor:pointer}.viewer-empty-cancel:hover{border-color:var(--accent)}.shortcuts-table{border-collapse:collapse;width:100%}.shortcuts-table td{padding:3px 8px;font-size:12px;color:var(--text-secondary)}.shortcuts-table td:first-child{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap}.dock-root{position:absolute;inset:0;display:flex;flex-direction:column}.dock-middle{flex:1;display:flex;min-height:0}.dock-zone{display:flex;flex-direction:column;min-width:0;min-height:0;flex:none}.dock-center{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.splitter{flex:none;background:var(--border);background-clip:content-box;transition:background-color .1s ease;z-index:5}.splitter.v{width:4px;padding:0 1.5px;cursor:ew-resize}.splitter.h{height:4px;padding:1.5px 0;cursor:ns-resize}.splitter:hover,.splitter.dragging{background-color:var(--border-strong)}.dock-group{display:flex;flex-direction:column;min-height:28px;min-width:0;background:var(--bg-panel);overflow:hidden}.dock-group.collapsed{flex:none!important}.dock-group.pinned{min-height:0}.dock-header{flex:none;height:28px;display:flex;align-items:center;background:var(--bg-panel-header);border-bottom:1px solid var(--border);padding:0 2px 0 8px;cursor:grab}.dock-header .dock-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);white-space:nowrap;overflow:hidden}.dock-tabs{display:flex;align-self:stretch;align-items:stretch;flex:1;min-width:0;overflow:hidden}.dock-tab{display:flex;align-items:center;padding:0 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);border-bottom:2px solid transparent;cursor:grab;white-space:nowrap}.dock-tab:hover{color:var(--text-primary)}.dock-tab.active{color:var(--text-primary);border-bottom-color:var(--accent);background:var(--accent-muted)}.dock-header-actions{margin-left:auto;display:flex;align-items:center}.dock-header-actions .btn{height:22px;min-width:22px;padding:0}.dock-header-actions .btn svg{width:14px;height:14px}.dock-body{flex:1;min-height:0;overflow:auto;position:relative}.dock-floating{position:absolute;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-floating);overflow:hidden;z-index:100;min-width:160px;min-height:28px}.dock-ghost{position:fixed;z-index:2000;pointer-events:none;height:28px;display:flex;align-items:center;padding:0 12px;background:var(--bg-panel-header);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-floating);opacity:.75;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary)}.dock-drop-preview{position:absolute;z-index:1500;pointer-events:none;background:var(--accent-muted);outline:1px solid var(--accent);outline-offset:-1px}.viewer-chrome{position:absolute;inset:0;display:grid;background:var(--bg-panel)}.viewer-freq-ruler{grid-area:freq}.viewer-time-ruler{grid-area:time}.viewer-corner{grid-area:corner}.viewer-canvas-area{grid-area:canvas}.viewer-chrome[data-freq-side=left]{grid-template-columns:44px 1fr}.viewer-chrome[data-freq-side=right]{grid-template-columns:1fr 44px}.viewer-chrome[data-time-side=top]{grid-template-rows:20px 1fr}.viewer-chrome[data-time-side=bottom]{grid-template-rows:1fr 20px}.viewer-chrome[data-freq-side=left][data-time-side=bottom]{grid-template-areas:"freq canvas" "corner time"}.viewer-chrome[data-freq-side=left][data-time-side=top]{grid-template-areas:"corner time" "freq canvas"}.viewer-chrome[data-freq-side=right][data-time-side=bottom]{grid-template-areas:"canvas freq" "time corner"}.viewer-chrome[data-freq-side=right][data-time-side=top]{grid-template-areas:"time corner" "canvas freq"}.viewer-freq-ruler,.viewer-time-ruler,.viewer-corner{background:var(--bg-panel)}.viewer-chrome[data-freq-side=left] .viewer-freq-ruler,.viewer-chrome[data-freq-side=left] .viewer-corner{border-right:1px solid var(--border)}.viewer-chrome[data-freq-side=right] .viewer-freq-ruler,.viewer-chrome[data-freq-side=right] .viewer-corner{border-left:1px solid var(--border)}.viewer-chrome[data-time-side=bottom] .viewer-time-ruler,.viewer-chrome[data-time-side=bottom] .viewer-corner{border-top:1px solid var(--border)}.viewer-chrome[data-time-side=top] .viewer-time-ruler,.viewer-chrome[data-time-side=top] .viewer-corner{border-bottom:1px solid var(--border)}.viewer-canvas-area{position:relative;overflow:hidden;background:var(--bg-canvas);cursor:crosshair;min-width:0;min-height:0}.viewer-canvas,.viewer-grid-overlay{position:absolute;inset:0;width:100%;height:100%}.viewer-grid-overlay{pointer-events:none}.viewer-freq-ruler,.viewer-time-ruler{width:100%;height:100%;min-width:0;min-height:0;display:block}.info-overlay{position:absolute;z-index:3;min-width:120px;padding:6px 8px;background:color-mix(in srgb,var(--bg-panel-header) 88%,transparent);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #00000080;font-size:11px;color:var(--text-primary);pointer-events:none;opacity:0;transition:opacity .12s ease}.info-overlay.visible{opacity:1}.info-overlay .info-row{display:flex;justify-content:space-between;gap:12px;line-height:16px}.info-overlay .info-row .right{color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){.info-overlay{transition:none}}.minimap{position:absolute;inset:0;background:var(--bg-canvas);overflow:hidden;touch-action:none}.minimap-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}