.music-controls{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 6px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.music-controls button{min-width:88px;min-height:36px;padding:6px 9px;border-radius:5px;background:transparent;color:var(--accent);font-size:14px;text-align:left;white-space:nowrap}
.music-controls button:hover{background:#ffffff0a}
.music-controls input[type=range]{width:86px;min-height:36px;margin:0;padding:0;accent-color:var(--accent);cursor:pointer;border:0;background:transparent}
.music-controls output{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);min-width:33px;text-align:right}
@media(max-width:820px){.top-right{gap:12px}.music-controls{gap:6px;padding-right:8px}.music-controls input[type=range]{width:70px}.top-right .connection{display:none}}
@media(max-width:620px){.topbar{height:auto;min-height:112px;padding:14px 18px;gap:12px;flex-wrap:wrap}.top-right{width:100%;justify-content:space-between}.music-controls{flex:1;max-width:300px}.music-controls input[type=range]{flex:1;width:80px}.music-controls button{min-width:85px}}