.media-audio-controls { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:12px 16px; background:#111a25; border:1px solid #293746; color:#dce6f0; }
.media-audio-controls button { min-width:106px; min-height:40px; padding:8px 13px; border:1px solid #d4f66b66; border-radius:8px; background:#d4f66b12; color:#d4f66b; font-size:12px; font-weight:700; }
.media-audio-controls.is-muted button { color:#17200f; background:#d4f66b; }
.media-audio-controls label { display:flex; align-items:center; gap:10px; flex:1 1 130px; min-width:0; font-size:12px; }
.media-audio-controls input { width:100%; min-width:60px; max-width:240px; min-height:32px; accent-color:#d4f66b; cursor:pointer; }
.media-audio-controls output { min-width:38px; color:#a9b6c6; text-align:right; font-size:12px; font-variant-numeric:tabular-nums; }
.player-dialog > .media-audio-controls { border-left:0; border-right:0; padding-inline:25px; }
@media(max-width:420px) { .media-audio-controls { gap:8px; padding:9px 10px; }.media-audio-controls button { min-width:90px; font-size:11px; }.media-audio-controls label { flex-basis:100px; gap:7px; }.player-dialog > .media-audio-controls { padding-inline:12px; } }