/* assets/css/player.css */
body { font-family: Arial, sans-serif; }
#music-overlay.hidden { display:none; }
#music-overlay {
  position:fixed; inset:0; background: rgba(0,0,0,0.45);
  display:flex; align-items:flex-end; justify-content:center; padding:20px;
}
.player {
  width:100%; max-width:720px; background:#fff; border-radius:8px; padding:12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.header { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.controls { display:flex; gap:8px; justify-content:center; align-items:center; margin:8px 0; }
.controls button { padding:8px 12px; font-size:18px; }
.seek { display:flex; gap:8px; align-items:center; }
.seek input[type="range"] { flex:1; }
.playlist { max-height:180px; overflow:auto; margin-top:8px; border-top:1px solid #eee; padding-top:8px; }
.playlist ul { list-style:none; margin:0; padding:0; }
.playlist li { padding:6px 8px; border-radius:4px; cursor:pointer; }
.playlist li.active { background:#f0f0f0; font-weight:600; }
.volume { display:flex; gap:8px; align-items:center; margin-top:8px; }
button.active { background:#ddd; }