:root{--axis-width:52px;--waveform-height:100px;--spectrogram-height:200px;--toolbar-height:40px;--statusbar-height:24px;--color-bg-primary:#1a1a2e;--color-bg-secondary:#16213e;--color-bg-tertiary:#0f3460;--color-bg-surface:#1a1a2e;--color-text-primary:#e0e0e0;--color-text-secondary:#8892a4;--color-accent:#38bdf8;--color-accent-hover:#0ea5e9;--color-border:#ffffff14;--color-playhead:#ef4444;--color-toolbar:#12121f;--color-statusbar:#0e0e1a}@media (prefers-color-scheme:light){:root{--color-bg-primary:#f0f0f4;--color-bg-secondary:#e8e8ee;--color-bg-tertiary:#d4d4dc;--color-bg-surface:#fff;--color-text-primary:#1a1a2e;--color-text-secondary:#555568;--color-accent:#0284c7;--color-accent-hover:#0369a1;--color-playhead:#dc2626;--color-border:#0000001a;--color-toolbar:#e0e0e8;--color-statusbar:#d8d8e2}}.daw-shell *,.daw-shell :before,.daw-shell :after{box-sizing:border-box;margin:0;padding:0}.daw-shell{background:var(--color-bg-primary);color:var(--color-text-primary);flex-direction:column;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;display:flex;position:relative}.daw-shell.view-mode-waveform .spectrogram-container,.daw-shell.view-mode-waveform .view-split-handle,.daw-shell.view-mode-spectrogram .waveform-container,.daw-shell.view-mode-spectrogram .view-split-handle{display:none}.toolbar{height:var(--toolbar-height);min-height:var(--toolbar-height);background:var(--color-toolbar);border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:0 8px;display:flex;position:relative;overflow:hidden}.toolbar::-webkit-scrollbar{display:none}.toolbar-primary,.toolbar-secondary{align-items:center;gap:6px;min-width:0;display:inline-flex}.toolbar-primary{flex:none}.toolbar-secondary{flex:0 auto;min-width:max-content}.compact-more-btn{display:none}.toolbar-sep{background:var(--color-border);flex-shrink:0;width:1px;height:22px}.toolbar-btn{border:1px solid var(--color-border);height:28px;color:var(--color-text-primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;flex-shrink:0;align-items:center;gap:5px;padding:0 10px;font-size:.78rem;font-weight:500;transition:background .1s,border-color .1s;display:inline-flex}.toolbar-btn:hover{border-color:var(--color-accent);background:#ffffff0f}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.file-btn{background:var(--color-accent);color:#fff;border-color:#0000;font-weight:600}.toolbar-btn.file-btn:hover{background:var(--color-accent-hover)}.toolbar-btn.toggle-btn.active{background:var(--color-accent);color:#fff;border-color:#0000}.toolbar-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:.72rem}.toolbar-select{border:1px solid var(--color-border);background:var(--color-bg-secondary);height:26px;color:var(--color-text-primary);cursor:pointer;border-radius:4px;flex-shrink:0;padding:0 6px;font-size:.78rem}.toolbar-range{width:100px;min-width:60px;max-width:140px;height:4px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:1}.toolbar-range-sm{width:64px;min-width:40px;max-width:80px}.icon-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px 4px;display:inline-flex}.icon-btn:hover{color:var(--color-text-primary)}.icon-btn.muted{color:var(--color-accent-dim,#644)}.mini-btn{background:var(--color-surface-light,#2a2a3e);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:.68rem;font-weight:600;line-height:1.3}.mini-btn:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-accent)}.mini-btn:disabled{opacity:.35;cursor:default}.toolbar-value{color:var(--color-text-secondary);flex-shrink:0;min-width:56px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:.72rem}.settings-toggle-btn.active{background:var(--color-accent);color:#fff;border-color:#0000}.settings-panel{top:var(--toolbar-height);background:var(--color-toolbar);border-left:1px solid var(--color-border);z-index:40;flex-direction:column;width:260px;max-width:80%;transition:transform .25s;display:flex;position:absolute;bottom:0;right:0;overflow:hidden auto;transform:translate(100%)}.daw-shell.settings-panel-open .settings-panel{transform:translate(0)}.settings-panel-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px 8px;display:flex}.settings-panel-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);font-size:.82rem;font-weight:600}.settings-panel-close{width:26px;height:26px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:background .1s,color .1s;display:inline-flex}.settings-panel-close:hover{color:var(--color-text-primary);background:#ffffff14}.settings-section{border-bottom:1px solid var(--color-border);padding:10px 14px}.settings-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);margin-bottom:8px;font-size:.68rem;font-weight:600}.settings-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.settings-row:last-child{margin-bottom:0}.settings-label{color:var(--color-text-secondary);flex-shrink:0;min-width:65px;font-size:.74rem}.settings-select{border:1px solid var(--color-border);background:var(--color-bg-secondary);height:28px;color:var(--color-text-primary);cursor:pointer;border-radius:4px;flex:1;padding:0 8px;font-size:.78rem}.settings-range{height:4px;accent-color:var(--color-accent);cursor:pointer;flex:1}.settings-number{border:1px solid var(--color-border);background:var(--color-bg-secondary);width:72px;height:28px;color:var(--color-text-primary);border-radius:4px;padding:0 6px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:.78rem}.preset-row{gap:6px}.preset-btn{border:1px solid var(--color-border);height:30px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:5px;flex:1;font-size:.76rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.preset-btn:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.preset-btn.active{background:var(--color-accent);color:#fff;border-color:#0000}.transport{flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.transport-btn{width:30px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:background .1s,color .1s;display:inline-flex}.transport-btn:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff14}.transport-btn:disabled{opacity:.3;cursor:not-allowed}.transport-btn.play-btn{background:var(--color-accent);color:#fff;border-radius:6px;width:34px;height:30px}.transport-btn.play-btn:hover:not(:disabled){background:var(--color-accent-hover)}.transport-btn.play-btn:disabled{opacity:.4}.daw-shell.transport-style-hero .transport-btn:not(.play-btn){display:none}.daw-shell.transport-style-hero .transport{gap:0}.daw-shell.transport-style-hero .transport-btn.play-btn{border-radius:999px;width:56px;height:56px;box-shadow:0 10px 24px #0ea5e959}.daw-shell.transport-style-hero .toolbar{height:auto;min-height:64px;padding-top:6px;padding-bottom:6px}.daw-shell.transport-overlay .toolbar{z-index:30;pointer-events:none;background:0 0;border:0;height:auto;min-height:0;padding:0;position:absolute;inset:0;overflow:visible}.daw-shell.transport-overlay .toolbar-secondary,.daw-shell.transport-overlay .toolbar-primary>:not(.transport){display:none!important}.daw-shell.transport-overlay .views-panel{position:relative}.daw-shell.transport-overlay .view-split-handle,.daw-shell.transport-overlay .spectrogram-resize-handle{display:none!important}.daw-shell.transport-overlay .waveform-container,.daw-shell.transport-overlay .spectrogram-container{flex:auto;min-height:0;height:auto!important}.daw-shell.transport-overlay .canvas-wrapper,.daw-shell.transport-overlay .waveform-wrapper{scrollbar-width:none}.daw-shell.transport-overlay .canvas-wrapper::-webkit-scrollbar{display:none}.daw-shell.transport-overlay .waveform-wrapper::-webkit-scrollbar{display:none}.daw-shell.transport-overlay .transport{pointer-events:auto;z-index:32;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.daw-shell.transport-overlay .transport-btn:not(.play-btn){display:none}.daw-shell.transport-overlay .transport-btn.play-btn{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0ea5e9d1;border:2px solid #fffffff2;border-radius:999px;width:72px;height:72px;box-shadow:0 10px 26px #0ea5e959,0 0 0 2px #0206176b}.daw-shell.transport-overlay .transport-btn.play-btn:hover:not(:disabled){background:#0284c7e6}.daw-shell.transport-overlay .transport-btn.play-btn.playing{opacity:0;transition:opacity .25s,transform .25s;transform:scale(.88)}.daw-shell.transport-overlay .transport-btn.play-btn.playing:hover{opacity:.45;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#0206178c;transform:scale(1)}.daw-shell.compact-toolbar-active .compact-more-btn{display:inline-flex}.daw-shell.compact-toolbar-active .toolbar{overflow:visible}.daw-shell.compact-toolbar-active .toolbar-secondary{z-index:35;border:1px solid var(--color-border);background:var(--color-toolbar);border-radius:8px;flex-wrap:wrap;gap:6px;padding:8px;display:none;position:absolute;top:calc(100% + 6px);left:8px;right:8px;box-shadow:0 10px 28px #00000047}.daw-shell.compact-toolbar-open.compact-toolbar-active .toolbar-secondary{display:inline-flex}.transport-btn.play-btn.playing .icon-play{display:none}.transport-btn.play-btn.playing:after{content:"";border-left:4px solid #fff;border-right:4px solid #fff;width:12px;height:14px;display:block}.daw-shell.transport-overlay .transport-btn.play-btn.playing:after{border-left:7px solid #fff;border-right:7px solid #fff;width:24px;height:28px}.time-display{color:var(--color-text-primary);border:1px solid var(--color-border);white-space:nowrap;letter-spacing:.02em;background:#00000040;border-radius:4px;flex-shrink:0;height:28px;padding:0 10px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:.88rem;font-weight:600;line-height:28px}.time-sep{color:var(--color-text-secondary);margin:0 2px}.views-panel{background:var(--color-bg-primary);flex-direction:column;flex:1;min-height:0;display:flex}.spectrogram-container{background:var(--color-bg-secondary);height:var(--spectrogram-height);border-top:1px solid var(--color-border);position:relative;overflow:hidden}.canvas-wrapper{cursor:crosshair;touch-action:pan-y;height:100%;position:relative;overflow:auto hidden}.canvas-wrapper::-webkit-scrollbar{height:6px}.canvas-wrapper::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.canvas-wrapper::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:3px}[data-aw=spectrogramCanvas]{image-rendering:pixelated;display:block}.recomputing-overlay{color:#e0e0e0;pointer-events:none;z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;gap:8px;font:12px/1.4 system-ui,sans-serif;transition:opacity .15s;display:flex;position:absolute;inset:0}.recomputing-overlay[hidden]{display:none}.recomputing-spinner{border:2px solid #ffffff40;border-top-color:#e0e0e0;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite aw-spin}@keyframes aw-spin{to{transform:rotate(360deg)}}.crosshair-overlay{pointer-events:none;z-index:5;display:block;position:absolute;top:0;left:0}.crosshair-readout{pointer-events:none;z-index:15;white-space:nowrap;color:#e0e0e0;opacity:0;background:#000000c7;border:1px solid #ffffff1f;border-radius:4px;padding:3px 7px;font:11px/1.4 monospace;transition:opacity .12s;position:absolute}.crosshair-readout.visible{opacity:1}.playhead{background:var(--color-playhead);pointer-events:auto;cursor:ew-resize;z-index:10;width:2px;box-shadow:0 0 6px var(--color-playhead);touch-action:none;will-change:transform;position:absolute;top:0;bottom:0;left:0}.playhead:before{content:"";background:var(--color-playhead);width:10px;height:10px;box-shadow:0 0 6px var(--color-playhead);border-radius:50% 50% 50% 0;position:absolute;top:-1px;left:-4px;transform:rotate(-45deg)}.waveform-container{height:var(--waveform-height);background:var(--color-bg-secondary);position:relative;overflow:hidden}.time-aligned-row{width:100%;height:100%;display:flex}.axis-spacer{width:var(--axis-width);flex:0 0 var(--axis-width);border-right:1px solid var(--color-border);background:var(--color-bg-secondary);position:relative}.time-pane{flex-direction:column;flex:1;min-width:0;display:flex}.waveform-wrapper{cursor:crosshair;background:var(--color-bg-secondary);touch-action:pan-y;height:100%;position:relative;overflow:hidden}.waveform-wrapper::-webkit-scrollbar{height:0}.waveform-wrapper::-webkit-scrollbar-track{background:0 0}.waveform-wrapper::-webkit-scrollbar-thumb{background:0 0}.waveform-content{position:relative}.annotation-layer{pointer-events:none;z-index:6;position:absolute;top:0;bottom:0;left:0}.annotation-region{--annotation-color-fill:#38bdf82e;--annotation-color-edge:#38bdf8e6;--annotation-color-soft:#38bdf873;appearance:none;border:1px solid var(--annotation-color-edge);background:linear-gradient(180deg, #ffffff0d, #0000000a), var(--annotation-color-fill);color:var(--color-text-primary);cursor:pointer;pointer-events:auto;white-space:nowrap;border-radius:2px;justify-content:space-between;align-items:flex-start;gap:4px;padding:2px 4px;font-size:10px;line-height:1.1;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.annotation-region.active{background:#ef444440;box-shadow:inset 0 0 0 1px #ffffff80}.annotation-region.editing{outline-offset:-2px;outline:2px solid #fffffff2}.annotation-region.linked-live{outline:2px solid var(--annotation-color-edge);outline-offset:-2px;box-shadow:0 0 0 1px #020617d9, 0 0 12px var(--annotation-color-soft), inset 0 0 0 1px #ffffffbf;background:var(--annotation-color-fill);animation:.9s ease-in-out infinite linkedPulse}.annotation-label{text-overflow:ellipsis;overflow:hidden}.annotation-confidence{color:var(--color-text-secondary)}.annotation-handle{width:10px;box-shadow:none;opacity:1;cursor:ew-resize;background:0 0;border:none;border-radius:0;position:absolute;top:0;bottom:0;transform:none}.annotation-region:hover .annotation-handle{background:linear-gradient(#0000 5%,#ffffff80 25% 75%,#0000 95%)}.annotation-handle.handle-l{cursor:ew-resize;left:-5px}.annotation-handle.handle-r{cursor:ew-resize;right:-5px}.spectrogram-label-layer{pointer-events:none;z-index:7;position:absolute;top:0;left:0}.spectrogram-label-region{--spectrogram-label-color:#0f766e1a;--spectrogram-label-edge:#fffffffa;--spectrogram-label-soft:#0f766e94;appearance:none;border:2px solid var(--spectrogram-label-edge);outline-offset:-3px;background:var(--spectrogram-label-color);color:#fff;cursor:pointer;pointer-events:auto;text-align:left;border-radius:3px;outline:1px solid #000000f2;padding:0;font-size:11px;line-height:1.2;position:absolute;overflow:visible;box-shadow:inset 0 0 0 1px #00000040,0 0 0 1px #fff3,0 2px 8px #0000004d}.spectrogram-label-region:hover{border-color:#fff;outline-color:#000;box-shadow:inset 0 0 0 1px #0000008c,0 0 0 1px #ffffff73,0 4px 12px #0000006b}.spectrogram-label-region:active,.spectrogram-label-region:focus,.spectrogram-label-region:focus-visible{background:var(--spectrogram-label-color);color:#fff}.spectrogram-label-region.active{border-color:#f8fafc;outline-color:#020617;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #0000008c,0 0 0 1px #ffffff8c,0 4px 14px #00000080}.spectrogram-label-region.highlighted{z-index:5;border-color:#fff;outline-color:#000;box-shadow:inset 0 0 0 1px #0000008c,0 0 0 1px #ffffff73,0 4px 12px #0000006b}.spectrogram-label-region.editing{outline-offset:-3px;border-color:#fff;outline:2px solid #020617;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #020617d9,0 0 0 2px #ffffffb3,0 0 16px #02061799}.spectrogram-label-region.linked-live{border-color:var(--spectrogram-label-edge);outline-offset:-3px;box-shadow:inset 0 0 0 2px #fffffff2, inset 0 0 0 4px var(--spectrogram-label-soft), 0 0 0 2px var(--spectrogram-label-soft), 0 0 18px var(--spectrogram-label-soft);outline:2px solid #082f49fa;animation:.9s ease-in-out infinite linkedPulse}@keyframes linkedPulse{0%{filter:saturate();transform:translateZ(0)scale(1)}50%{filter:saturate(1.2);transform:translateZ(0)scale(1.01)}to{filter:saturate();transform:translateZ(0)scale(1)}}.spectrogram-label-text{text-overflow:ellipsis;white-space:nowrap;color:#fff;pointer-events:auto;text-shadow:0 1px #000000f2,0 0 2px #000000d9;-webkit-text-stroke:.2px #000000b3;background:#000000b8;border-bottom:1px solid #ffffff4d;border-right:1px solid #ffffff4d;border-radius:0 0 3px;max-width:70%;padding:0 5px 1px;font-size:10px;font-weight:700;line-height:1.4;display:block;position:absolute;top:0;left:0;overflow:hidden}.spectrogram-label-meta{color:#e2e8f0;pointer-events:auto;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #000000f2;background:#000000a6;border-bottom:1px solid #fff3;border-left:1px solid #fff3;border-radius:0 0 0 3px;max-width:40%;padding:0 4px 1px;font-size:9px;line-height:1.4;display:block;position:absolute;top:0;right:0;overflow:hidden}.spectrogram-label-draft{outline-offset:-3px;pointer-events:none;background:linear-gradient(#0ea5e92e 0%,#0000 50%);border:2px dashed #fffffffa;border-radius:2px;outline:2px solid #020617f2;position:absolute;box-shadow:0 0 0 1px #ffffff8c,0 0 0 2px #0000006b}.label-handle{opacity:0;outline-offset:0;background:linear-gradient(135deg,#fff 0 50%,#0f172a 50% 100%);border:1.5px solid #fffffff2;border-radius:50%;outline:6px solid #0000;width:12px;height:12px;transition:opacity .15s;position:absolute;box-shadow:0 0 0 1px #000000d9,0 1px 4px #00000080}.spectrogram-label-region:hover .label-handle,.spectrogram-label-region.editing .label-handle{opacity:1}.label-handle.handle-l,.label-handle.handle-r,.label-handle.handle-t,.label-handle.handle-b{box-shadow:none;opacity:1;background:0 0;border:none;border-radius:0;outline:none}.spectrogram-label-region:hover .label-handle.handle-l,.spectrogram-label-region:hover .label-handle.handle-r{background:linear-gradient(#0000 10%,#ffffff73 30% 70%,#0000 90%)}.spectrogram-label-region:hover .label-handle.handle-t,.spectrogram-label-region:hover .label-handle.handle-b{background:linear-gradient(90deg,#0000 10%,#ffffff73 30% 70%,#0000 90%)}.label-handle.handle-l{cursor:ew-resize;width:10px;height:auto;top:10px;bottom:10px;left:-5px;transform:none}.label-handle.handle-r{cursor:ew-resize;width:10px;height:auto;top:10px;bottom:10px;right:-5px;transform:none}.label-handle.handle-t{cursor:ns-resize;width:auto;height:10px;top:-5px;left:10px;right:10px;transform:none}.label-handle.handle-b{cursor:ns-resize;width:auto;height:10px;bottom:-5px;left:10px;right:10px;transform:none}.label-handle.handle-tl{cursor:nwse-resize;top:-7px;left:-7px}.label-handle.handle-tr{cursor:nesw-resize;top:-7px;right:-7px}.label-handle.handle-bl{cursor:nesw-resize;bottom:-7px;left:-7px}.label-handle.handle-br{cursor:nwse-resize;bottom:-7px;right:-7px}[data-aw=amplitudeCanvas]{image-rendering:pixelated;display:block}[data-aw=waveformTimelineCanvas]{display:block}.view-split-handle{background:var(--color-bg-primary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);cursor:row-resize;touch-action:none;height:5px;transition:background .15s}.view-split-handle:hover{background:var(--color-accent);opacity:.5}.spectrogram-resize-handle{cursor:row-resize;touch-action:none;z-index:11;background:0 0;height:6px;transition:background .15s;position:absolute;bottom:0;left:0;right:0}.spectrogram-resize-handle:hover{background:#38bdf84d}.playhead-secondary{box-shadow:0 0 6px var(--color-playhead);top:0;bottom:0}.playhead-secondary:before{display:none}.overview-container{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);height:48px;min-height:48px;position:relative;overflow:hidden}[data-aw=overviewCanvas]{cursor:pointer;width:100%;height:100%;display:block}.overview-window{border-left:2px solid var(--color-accent);border-right:2px solid var(--color-accent);pointer-events:auto;cursor:grab;box-sizing:border-box;background:#38bdf814;position:absolute;top:0;bottom:0}.overview-window:active{cursor:grabbing}.overview-window .handle{pointer-events:auto;cursor:ew-resize;touch-action:none;background:#38bdf899;width:8px;position:absolute;top:0;bottom:0}.overview-window .handle.left{left:-4px}.overview-window .handle.right{right:-4px}.overview-label-tracks{background:var(--color-bg-secondary);flex-direction:column;display:flex;overflow:hidden}.overview-label-tracks:empty{display:none}.overview-label-row{background:var(--label-tint,#1e293b99);border-top:1px solid #00000040;height:14px;position:relative}.overview-label-row-name{z-index:2;white-space:nowrap;letter-spacing:.02em;color:#fff;pointer-events:none;text-shadow:0 0 2px #000000f2,0 0 4px #000c,0 1px 1px #000000e6;background:0 0;padding:0 2px;font-size:9.5px;font-weight:700;line-height:14px;position:absolute;top:0;left:3px}.overview-label-row-track{cursor:pointer;position:absolute;inset:0}.overview-label-segment{cursor:pointer;background:#ffffff59;border-radius:0;min-width:2px;transition:background .1s;position:absolute;top:0;bottom:0}.overview-label-segment:hover{background:#ffffff8c}.amplitude-labels{color:var(--color-text-secondary);pointer-events:none;font-size:.68rem;position:absolute;inset:0}.amplitude-labels span{white-space:nowrap;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:.65rem;line-height:1;position:absolute;right:4px;transform:translateY(-50%)}.freq-axis-spacer{align-items:stretch;display:flex}.frequency-labels{color:var(--color-text-secondary);pointer-events:none;padding:0 4px 0 2px;font-size:.68rem;position:absolute;inset:0}.frequency-labels span{text-align:right;white-space:nowrap;width:100%;padding-right:2px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:.65rem}.statusbar{height:var(--statusbar-height);min-height:var(--statusbar-height);background:var(--color-statusbar);border-top:1px solid var(--color-border);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:0 10px;font-size:.7rem;display:flex}.statusbar-section{white-space:nowrap;align-items:center;gap:4px;padding:0 8px;display:flex}.statusbar-section:not(:last-child){border-right:1px solid var(--color-border)}.statusbar-spacer{flex:1}.statusbar-label{font-family:SF Mono,Cascadia Code,Consolas,monospace}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:1.5s ease-in-out infinite pulse}@media (width<=900px){.toolbar{gap:4px;padding:0 4px}.toolbar-btn{padding:0 6px;font-size:.72rem}.transport-btn{width:26px;height:26px}}.abp-perf-overlay{z-index:20;color:#e2e8f0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#020617d1;border:1px solid #94a3b866;border-radius:8px;min-width:210px;max-width:320px;padding:8px 10px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:11px;line-height:1.35;position:absolute;top:8px;right:8px}.abp-perf-title{letter-spacing:.08em;color:#38bdf8;margin-bottom:4px;font-size:10px;font-weight:700}.label-editor-backdrop{z-index:40;background:#00000073;justify-content:center;align-items:flex-start;padding-top:12%;display:flex;position:absolute;inset:0}.label-name-editor{z-index:41;background:#020617fa;border:1px solid #94a3b859;border-radius:12px;width:92%;min-width:280px;max-width:380px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009,0 0 0 1px #ffffff0f}.label-search-row{border-bottom:1px solid #94a3b840;align-items:center;gap:8px;padding:8px 10px;display:flex}.label-search-input{color:#f8fafc;background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-size:14px}.label-search-input::placeholder{color:#64748b}.label-search-color{cursor:pointer;appearance:none;background:0 0;border:2px solid #94a3b880;border-radius:50%;width:24px;min-width:24px;height:24px;padding:0}.label-search-color::-webkit-color-swatch-wrapper{padding:0}.label-search-color::-webkit-color-swatch{border:none;border-radius:50%}.label-search-results{overscroll-behavior:contain;max-height:240px;overflow-y:auto}.label-search-results:empty:after{content:"Type to search…";color:#475569;padding:12px 14px;font-size:12px;display:block}.label-search-item{color:#e2e8f0;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #94a3b81a;align-items:center;gap:8px;width:100%;padding:7px 12px;font-size:13px;transition:background 80ms;display:flex}.label-search-item:last-child{border-bottom:none}.label-search-item:hover,.label-search-item.active{background:#38bdf824}.label-search-item.active{background:#38bdf838}.label-search-dot{border-radius:50%;width:8px;min-width:8px;height:8px}.label-search-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.label-search-sci{color:#64748b;white-space:nowrap;margin-left:auto;font-size:11px}.label-search-footer{border-top:1px solid #94a3b833;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.label-search-hints{color:#475569;letter-spacing:.01em;font-size:10px}.label-search-delete{color:#f87171;cursor:pointer;background:0 0;border:1px solid #ef444480;border-radius:4px;padding:2px 8px;font-size:10px}.label-search-delete:hover{background:#ef444433;border-color:#ef4444cc}.label-search-confirm{color:#7dd3fc;cursor:pointer;background:0 0;border:1px solid #39b5ff80;border-radius:4px;margin-left:auto;padding:2px 10px;font-size:10px}.label-search-confirm:hover{background:#39b5ff33;border-color:#39b5ffcc}.label-edit-btn{color:#e2e8f0;cursor:pointer;opacity:0;pointer-events:none;z-index:5;background:#000000b3;border:1px solid #ffffff59;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:opacity .12s,background .12s;display:flex;position:absolute;bottom:2px;right:2px}.spectrogram-label-region:hover .label-edit-btn{opacity:1;pointer-events:auto}.label-edit-btn:hover{color:#bae6fd;background:#38bdf859;border-color:#38bdf8cc}.label-delete-btn{color:#e2e8f0;cursor:pointer;opacity:0;pointer-events:none;z-index:5;background:#000000b3;border:1px solid #ffffff59;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:opacity .12s,background .12s;display:flex;position:absolute;bottom:2px;right:24px}.spectrogram-label-region:hover .label-delete-btn{opacity:1;pointer-events:auto}.label-delete-btn:hover{color:#fca5a5;background:#ef444473;border-color:#ef4444d9}