/* ============================================================
   LOOPIN — /vocal-remover  (in-browser vocal remover)
   Reuses the tool-shell components from /mastering/mastering.css;
   only the vocal-remover-specific bits live here.
   ============================================================ */

/* strength slider sits alone under the player */
.vr-strength { margin: 18px 0 4px; max-width: 420px; }

/* download row: instrumental + acapella side by side */
.vr-downloads { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px; }
.vr-downloads .btn--store { flex: 1 1 220px; justify-content: center; cursor: pointer; }
.vr-downloads .btn--store small { display: block; font-size: .62rem; font-weight: 400; opacity: .7; }
.vr-downloads .btn--store strong { font-size: 1.02rem; font-weight: 600; }
.vr-downloads .is-disabled { opacity: .5; pointer-events: none; }

/* three-way mode toggle wraps cleanly on small screens */
@media (max-width: 520px) {
  .ab { width: 100%; justify-content: center; }
  .ab__btn { flex: 1; padding: 8px 10px; }
}