.music-card {width:min(620px,calc(100vw - 36px));}
.music-body {padding:18px 22px 16px;display:grid;gap:18px;}
.music-drop {display:grid;justify-items:center;gap:7px;padding:17px;border:1px dashed rgba(229,168,99,.4);border-radius:12px;background:rgba(166,99,53,.055);transition:background 150ms,border-color 150ms;}
.music-drop.is-drop-target,.music-card.is-drop-target .music-drop {background:rgba(166,99,53,.22);border-color:var(--sand);}
.music-drop-icon {width:28px;height:28px;}
.music-drop strong {font-size:13px;color:var(--sand-light);font-weight:500;}
.music-drop>span {font-size:9px;color:var(--text-muted);letter-spacing:.1em;}
.music-add-actions {display:flex;gap:8px;margin-top:6px;}
.music-add-actions .secondary-action {font-size:11px;padding:7px 14px;min-height:32px;}
.audio-url-form {display:flex;width:100%;gap:8px;margin-top:9px;}
.audio-url-form input {width:100%;min-width:0;border:1px solid var(--border);padding:9px 10px;border-radius:8px;background:var(--bg-primary);color:var(--text-primary);user-select:text;}
.audio-url-form .secondary-action {padding:6px 12px;}
.url-help {color:var(--text-muted);font-size:10px;text-align:center;}
.now-playing {padding:4px 8px;}
.track-label {display:flex;justify-content:space-between;align-items:center;}
#playbackStatus {font-size:10px;color:var(--text-muted);}
#currentTrackTitle {font-size:20px;font-weight:500;letter-spacing:-.02em;margin-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#currentTrackSource {font-size:10px;color:var(--text-muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.seek-row {display:flex;align-items:center;gap:10px;margin-top:19px;}
.seek-row time {font-size:10px;color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:32px;}
.seek-row input {flex:1;min-width:0;}
.music-card input[type=range] {accent-color:var(--gold);height:5px;cursor:pointer;}
.transport {display:flex;justify-content:center;align-items:center;gap:20px;margin:18px 0 13px;}
.player-button {display:grid;place-items:center;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-family:'Segoe UI Symbol',sans-serif;font-size:22px;width:40px;height:40px;border-radius:10px;transition:all 150ms;}
.player-button:hover:not(:disabled) {border-color:var(--border-strong);color:var(--sand-light);background:rgba(166,99,53,.2);}
.player-button[aria-pressed=true] {color:var(--gold-strong);border-color:var(--border);background:rgba(166,99,53,.1);}
.player-play {width:56px;height:56px;border-radius:50%;font-size:23px;color:#25160e;background:linear-gradient(145deg,#e5b67b,#a6673e);border:1px solid #e5b67b;box-shadow:0 3px 22px rgba(220,147,77,.13);}
.player-play:hover:not(:disabled) {background:var(--sand);color:#25160e;transform:scale(1.04);}
.volume-row {display:flex;justify-content:center;align-items:center;gap:9px;}
.volume-row input {width:100px;}
.volume-row output {font-size:10px;min-width:30px;color:var(--text-muted);}
.text-button {border:0;background:transparent;color:var(--text-muted);font-size:10px;cursor:pointer;padding:5px 0;}
.text-button:hover {color:var(--sand-light);}
.text-button[aria-pressed=true] {color:var(--gold);}
.playlist-heading {display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--border);}
.playlist-heading h3 {font-size:12px;font-weight:600;}
#trackCount {display:inline-block;min-width:18px;margin-left:5px;text-align:center;border-radius:5px;background:rgba(166,99,53,.18);font-size:10px;color:var(--sand);}
.audio-playlist {list-style:none;display:grid;gap:4px;max-height:180px;overflow:auto;scrollbar-color:var(--bronze-deep) transparent;}
.track-row {display:flex;align-items:center;gap:8px;border:1px solid transparent;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.015);}
.track-row.is-current {background:rgba(166,99,53,.15);border-color:var(--border);}
.track-row.is-dragover {border-color:var(--gold);}
.track-number {font-size:10px;color:var(--text-muted);min-width:20px;font-variant-numeric:tabular-nums;cursor:grab;}
.track-title {border:0;background:transparent;color:var(--text-secondary);cursor:pointer;text-align:left;min-width:0;flex:1;padding:6px 0;}
.track-title strong {font-size:11px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.track-title small {display:block;font-size:9px;color:var(--text-muted);margin-top:1px;}
.track-action {border:0;background:transparent;color:var(--text-muted);cursor:pointer;padding:4px;font-size:14px;border-radius:4px;}
.track-action:hover {background:var(--panel-hover);color:var(--sand-light);}
.playlist-empty {text-align:center;padding:20px;color:var(--text-muted);font-size:11px;}
.music-footnote {font-size:9px;text-align:center;color:var(--text-muted);}
@media(max-width:680px){.music-card{width:calc(100vw - 16px)}.music-body{padding:12px}.transport{gap:14px}.music-drop strong{font-size:12px}.music-add-actions .secondary-action{padding:7px 11px}.audio-playlist{max-height:160px}}