/* Vocal Remover — tool-specific styles (loaded after /assets/base.css) */
.vr-drop{border:2px dashed var(--line);border-radius:var(--radius,14px);padding:44px 26px;text-align:center;
  cursor:pointer;background:var(--bg-soft);transition:border-color .15s}
.vr-drop:hover,.vr-drop.dragover{border-color:var(--accent)}
.vr-drop-ic{font-size:2.2rem}
.vr-drop h3{margin:8px 0 4px}
.vr-drop p{color:var(--muted);margin:0;font-size:.88rem}

.vr-file-row{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:.9rem}
.vr-spacer{flex:1}

.vr-field{margin:16px 0}
.vr-field label{display:block;font-size:.87rem;font-weight:600;color:var(--muted);margin-bottom:8px}
.vr-field label b{color:var(--text);font-variant-numeric:tabular-nums}
.vr-field input[type=range]{width:100%;accent-color:var(--accent)}
.vr-hint{font-size:.78rem;color:var(--muted-2);margin-top:6px;line-height:1.5}

.vr-checkbox{display:flex;align-items:flex-start;gap:9px;font-size:.9rem;color:var(--text);
  cursor:pointer;margin:18px 0 4px;line-height:1.4}
.vr-checkbox input{accent-color:var(--accent);margin-top:3px;flex-shrink:0}
.vr-hint-inline{color:var(--muted-2);font-size:.82rem}

.vr-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:20px}
#vrKbps{background:var(--bg-soft);border:1px solid var(--line);color:var(--text);padding:8px 10px;
  border-radius:9px;font-family:inherit;font-size:.84rem}

@media (pointer:coarse){#vrKbps{font-size:16px}}