#music-panel{position:absolute;left:22px;bottom:55px;z-index:14;width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - 180px);overflow:auto;pointer-events:auto;background:#183e32f5;padding:18px}
.music-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.music-heading button{min-height:36px;width:36px;padding:3px;background:transparent;color:#fff}
#music-panel h2{font-size:28px;margin:6px 0 16px}#music-panel label{font-size:12px;color:#e3e6ce}#music-panel select{font-size:12px;max-width:100%;white-space:normal}#music-status{min-height:35px;font-size:12px;color:#d5dfa9}
.music-buttons{display:flex;gap:7px}.music-buttons button{padding:10px;font-size:12px;flex:1}.music-buttons #music-play{background:#d1e5a7}
.music-volume{display:flex;justify-content:space-between;align-items:center;margin-top:17px}#music-volume{width:100%;height:38px;accent-color:#d1e5a7}#music-panel .music-note{font-size:10px;color:#c5cfb8;margin:8px 0 0}
#now-playing{position:absolute;left:22px;bottom:30px;max-width:45vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e0e9c5;background:#183e32db;padding:6px 10px;border-radius:6px;font-size:11px;pointer-events:none}
.top-actions{max-width:calc(100vw - 280px);overflow-x:auto;scrollbar-width:thin}.top-actions button{white-space:nowrap;flex-shrink:0}
@media(max-width:600px){#music-panel{left:14px;bottom:auto;top:160px;max-height:calc(100dvh - 290px)}#now-playing{left:14px;bottom:150px;max-width:calc(100vw - 28px);font-size:10px}.top-actions{max-width:calc(100vw - 130px)}}
@media(max-height:520px){#music-panel{top:70px;bottom:auto;max-height:calc(100dvh - 90px)}}