.music-player{max-width:1280px;margin:26px auto 0;padding:24px;background:#111;color:var(--paper);border-top:3px solid var(--red);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 36px}
.music-player[hidden]{display:none}.music-player>*{min-width:0}.music-player .eyebrow{color:#dd8e95;margin:0 0 8px}.music-player h3{font-size:18px;line-height:1.35;letter-spacing:0;margin:0 0 12px;overflow-wrap:anywhere}.music-player button{min-height:44px;min-width:44px;border:1px solid #645c5c;background:#242020;color:var(--paper);cursor:pointer;font-size:13px;padding:9px 13px}.music-player button:hover{background:#3b282b}.music-player button:disabled{opacity:.45;cursor:default}.music-player .music-play{background:var(--red);min-width:82px;border-color:var(--red)}.music-controls{display:flex;gap:8px;align-items:center}.music-volume{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px}.music-volume input{width:72px}.music-progress{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px;font-variant-numeric:tabular-nums}.music-progress input{min-width:0;flex:1;width:100%}.music-player input[type=range]{accent-color:#e54955;height:32px;cursor:pointer}.music-player input:focus-visible{outline:3px solid #e54955;outline-offset:3px}.music-library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.music-library-heading .eyebrow{margin:0}.music-player .music-refresh{padding:5px 10px;background:transparent;font-size:12px}.music-list{list-style:none;padding:0;margin:0;max-height:190px;overflow:auto;scrollbar-color:#876266 #242020}.music-list li+li{margin-top:6px}.music-list button{width:100%;text-align:left;overflow-wrap:anywhere;border-color:#3f3737}.music-list button[aria-current=true]{border-color:#db6470;background:#381c21}.music-status{font-size:12px;line-height:1.5;color:#d3c3c5;margin:8px 0 0;min-height:18px}.music-player audio{display:none}
@media(max-width:900px){.music-player{gap:22px;padding:20px}.music-volume{display:none}}
@media(max-width:700px){.music-player{grid-template-columns:1fr;gap:18px;margin-top:23px;padding:20px}.music-list{max-height:160px}}

/* Keep the existing player inside the original Music card. */
.music-card:hover{transform:none}.music-card~.card{align-self:start}.music-card .music-player{grid-template-columns:minmax(0,1fr);margin:0;padding:18px;gap:18px}.music-card .music-controls{flex-wrap:wrap;gap:6px}.music-card .music-play{min-width:60px}.music-card .music-volume{flex-basis:100%;margin:4px 0 0}.music-card .music-status{color:#d3c3c5;margin:8px 0 0;font-size:12px}
