music-panel{position:absolute;left:50%;top:50%;z-index:14;width:min(340px,calc(100vw - 32px));padding:22px;border-radius:var(--shape-l);background:var(--surface-container);box-shadow:0 20px 50px #00000080;transform:translate(-50%,-50%);transition:opacity var(--motion-fast),transform var(--motion-spring)}music-panel[state=hidden]{opacity:0;transform:translate(-50%,-46%) scale(.94);pointer-events:none}music-body{display:flex;flex-direction:column;gap:14px}music-head{display:flex;align-items:center;justify-content:space-between;gap:12px}music-title{font-size:20px;font-weight:600}music-close{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--shape-full);background:var(--surface-container-high);color:var(--on-surface-variant);cursor:pointer;transition:transform var(--motion-spring)}music-close:active{transform:scale(.9)}music-hint{margin-top:-8px;font-size:13px;color:var(--on-surface-variant)}music-list{display:flex;flex-direction:column;gap:8px}music-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--shape-m);background:var(--surface-container-high);font-weight:500;cursor:pointer;transition:background var(--motion-fast),transform var(--motion-spring)}music-row:active{transform:scale(.97)}music-row[state=playing]{background:var(--primary);color:var(--on-primary)}@media(min-width:720px){music-panel{left:24px;transform:translateY(-50%)}music-panel[state=hidden]{transform:translateY(-46%) scale(.94)}}