.audio-track{position:relative;height:76px;margin-top:8px;border-radius:9px;background:#f1f1f1;box-shadow:inset 0 0 0 1px #dedede;overflow:hidden;color:#246bfe}
.waveform-tools{position:sticky;left:10px;z-index:1;display:inline-flex;align-items:center;gap:8px;max-width:min(600px,calc(100vw - 68px));height:28px;padding:2px 10px;color:#666;font-size:10px}
.waveform-label{min-width:0;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.waveform-offset-label{display:inline-flex;align-items:center;gap:5px;flex:none;white-space:nowrap}
.audio-track .waveform-offset{width:78px;min-height:24px;height:24px;padding:2px 5px;border:1px solid #d8d8d8;border-radius:5px;background:#fafafa;color:#171717;font:inherit;font-variant-numeric:tabular-nums}
.audio-track .waveform-reset,.audio-track .waveform-retry{flex:none;min-height:26px;height:26px;padding:2px 7px;font-size:11px}
.audio-track .waveform-reset{min-width:30px;font-size:15px}
.waveform-plot{position:absolute;top:14px;height:60px;display:block;pointer-events:none;fill:none;stroke:currentColor;stroke-width:1;shape-rendering:geometricPrecision}
.waveform-peaks{opacity:.3}.waveform-rms{opacity:.9}
.waveform-playhead{position:absolute;left:0;top:28px;bottom:0;width:1px;background:#246bfe;pointer-events:none}
.waveform-drag{position:absolute;inset:28px 0 0;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none}
.moving-audio .waveform-drag{cursor:grabbing}
.audio-track:has(.waveform-drag:focus-visible),.audio-track.moving-audio{box-shadow:inset 0 0 0 2px #246bfe}
.waveform-tools :focus-visible{outline:2px solid #246bfe;outline-offset:1px}
@media not (forced-colors:active){:root[data-theme=dark] .audio-track{background:#242424;box-shadow:inset 0 0 0 1px #414141;color:#6196ff}:root[data-theme=dark] .waveform-tools{color:#b3b3b3}:root[data-theme=dark] .audio-track .waveform-offset{background:#1b1b1b;border-color:#4a4a4a;color:#eee}:root[data-theme=dark] .waveform-playhead{background:#6196ff}:root[data-theme=dark] .audio-track:has(.waveform-drag:focus-visible),:root[data-theme=dark] .audio-track.moving-audio{box-shadow:inset 0 0 0 2px #6196ff}}
@media(pointer:coarse){.audio-track{height:94px}.waveform-tools{height:44px}.audio-track .waveform-offset,.audio-track .waveform-reset,.audio-track .waveform-retry{min-height:44px;height:44px}.audio-track .waveform-reset{min-width:44px}.audio-track .waveform-offset{font-size:16px;width:88px}.waveform-plot{top:32px}.waveform-drag{top:44px}.waveform-playhead{top:44px}}
@media(forced-colors:active){.audio-track{border:1px solid CanvasText;color:CanvasText}.waveform-peaks,.waveform-rms{opacity:1}.waveform-playhead{background:Highlight}.audio-track:has(.waveform-drag:focus-visible),.audio-track.moving-audio{outline:2px solid Highlight;outline-offset:-2px}.waveform-tools{color:CanvasText}}
/* Direct manipulation has no easing or inertia, including reduced-motion mode. */