.spectrum-panel{position:relative;border:1px solid transparent;border-radius:6px;transition:border-color .15s}.spectrum-panel.active{border-color:var(--accent)}.seek-surface{position:relative;cursor:crosshair;overflow:hidden;border-radius:5px;touch-action:manipulation}.seek-surface canvas{border:0}.seek-surface:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.playhead{position:absolute;top:0;bottom:0;left:0;width:1px;background:#ffffff70;pointer-events:none}.active .playhead{width:2px;background:#fff;box-shadow:0 0 8px #000}.playing-tag{position:absolute;z-index:2;right:7px;top:6px;pointer-events:none;font:10px Consolas,monospace;padding:3px 6px;background:#101510cf;color:#a0ad92;border-radius:3px}.active .playing-tag{color:var(--accent);background:#101510ed}.single-player{display:block!important;margin:26px 0}.single-player audio{width:100%;height:42px;display:block;margin-top:12px}.source-switch{display:flex;gap:5px;flex-wrap:wrap}.source-switch button{padding:9px 18px;background:#282f23;color:#aab69d;border:1px solid transparent}.source-switch button[aria-pressed=true]{color:#1b2311;background:var(--accent);border-color:var(--accent)}#nowplaying{font:11px Consolas,monospace;color:#b2bfa1;margin-top:12px}.comparison-note{font-size:11px;color:#8e9b80;line-height:1.7;margin:12px 0}.delta-legend{display:flex;justify-content:space-between;gap:10px;font:10px Consolas,monospace;margin-top:12px;color:#8c9980}.delta-legend .less{color:#72baff}.delta-legend .more{color:#ffb774}#playback-error{font-size:12px;color:#ffc2a5}@media(max-width:650px){.delta-legend{font-size:9px}.source-switch button{flex:1;padding:10px}.spectrum-title{font-size:9px}}
.single-player[hidden]{display:none!important}.source-switch button:disabled{opacity:.35;cursor:wait}
.loudness-readings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 10px}.loudness-readings>div{background:#10150f;border:1px solid #303927;border-radius:6px;padding:12px 15px}.loudness-readings span{display:block;font-size:11px;color:#9fab92}.loudness-readings strong{font:26px/1.6 Consolas,monospace;color:var(--accent);margin-right:7px}.loudness-readings small{font:10px Consolas,monospace;color:#8c9980}@media(max-width:650px){.loudness-readings{gap:6px}.loudness-readings>div{padding:9px}.loudness-readings strong{font-size:21px}.loudness-readings small{display:block}}