.audio-toolbar{align-items:flex-start;position:relative}
.stage{min-height:calc(100svh - var(--karaoke-toolbar-height,160px))}
.vocal-mixer{width:min(340px,100%);min-width:0;color:inherit;font:14px/1.4 system-ui,sans-serif}
.vocal-mixer>label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 3px;font-size:13px;font-weight:600;color:inherit}
.vocal-mixer output{font-variant-numeric:tabular-nums;font-weight:700;color:inherit}
.vocal-level-row{display:flex;gap:10px;align-items:center;min-width:0}
.vocal-level-row input[type=range]{flex:1;min-width:0;width:100%;height:44px;margin:0;padding:0;background:transparent;border:0;accent-color:var(--gold,#edc77f);cursor:pointer}
.vocal-level-row button{flex:none;font:600 12px system-ui,sans-serif;min-height:44px;padding:8px 12px;white-space:nowrap;color:inherit}
.mix-status{font:12px/1.4 system-ui,sans-serif!important;color:inherit!important;opacity:.8;margin:4px 0 0;min-height:17px}
.vocal-mixer input:disabled,.vocal-mixer button:disabled{opacity:.4;cursor:not-allowed}
.vocal-mixer [type=range]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.mix-seek{display:flex;gap:12px;align-items:center;min-width:0}
.mix-seek input[type=range]{flex:1;min-width:0;height:44px;accent-color:var(--gold);margin:0;padding:0;border:0;background:transparent}
.mix-seek span{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:600px){
  .audio-toolbar{gap:12px;padding-top:max(12px,env(safe-area-inset-top,0px))}
  .audio-toolbar .vocal-mixer{flex-basis:100%;width:100%;max-width:none;order:1}
  .audio-toolbar .projects-link,.audio-toolbar>a{order:2;margin:0;min-height:44px}
  .audio-toolbar .audio-track-control{margin:0}
  .vocal-mixer>label{font-size:14px}
  .vocal-level-row button{min-height:44px}
  .mix-seek{flex-wrap:wrap;gap:2px}
  .mix-seek input[type=range]{flex-basis:100%}
  .mix-seek span{margin-left:auto}
}