/* ── MP4 to MP3 Tool ─────────────────────────────────────────────────────── */

/* Quality selector */
.mp3q-row { display:flex; flex-direction:column; gap:8px; }
.mp3q-opt {
  display:flex; align-items:center; gap:10px;
  padding:10px 14px; border-radius:10px; cursor:pointer;
  border:2px solid rgba(3,29,54,.1); font-size:14px; font-weight:600;
  color:var(--primary-color,#031D36); transition:border-color .2s,background .2s;
  background:#fff;
}
.mp3q-opt input[type=radio] { accent-color:var(--accent-color,#0A49A6); width:16px; height:16px; }
.mp3q-opt span { font-size:11px; font-weight:500; color:#6b7a8d; margin-left:auto; }
.mp3q-opt:has(input:checked) { border-color:var(--accent-color,#0A49A6); background:rgba(10,73,166,.04); }
.mp3q-opt:has(input:checked) span { color:var(--accent-color,#0A49A6); font-weight:600; }

/* Progress bar */
.mp3-progress-bar { height:6px; background:rgba(3,29,54,.08); border-radius:6px; overflow:hidden; }
.mp3-progress-fill { height:100%; width:0%; background:var(--accent-color,#0A49A6); border-radius:6px; transition:width .1s; }

/* Result card */
.mp3-result-header { display:flex; align-items:center; gap:16px; padding:16px; background:rgba(10,73,166,.04); border-radius:12px; margin-bottom:4px; }
.mp3-file-icon { font-size:40px; }
.mp3-file-name { font-size:15px; font-weight:700; color:var(--primary-color,#031D36); word-break:break-all; }
.mp3-file-meta { font-size:13px; color:#6b7a8d; margin-top:4px; }

/* How section */
.mp3-how-section { background:#fff; border-radius:20px; padding:40px; box-shadow:0 10px 40px rgba(3,29,54,.05); }
.mp3-how-section h3 { font-size:22px; font-weight:700; color:var(--primary-color,#031D36); }
.mp3-how-section h5 { font-size:16px; font-weight:700; color:var(--primary-color,#031D36); margin:12px 0 6px; }
.mp3-how-section p  { font-size:14px; color:#6b7a8d; }
.mp3-step-icon { font-size:44px; margin-bottom:4px; }