/* 右侧播放列表侧栏: 无描边玻璃面板，滑入/滑出动画 */
.panel{position:absolute;z-index:11;right:calc(12px + env(safe-area-inset-right,0px));top:calc(78px + var(--sat));bottom:calc(12px + var(--sab));width:min(340px,calc(100% - 24px));border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px;
  transform:translateX(calc(100% + 24px));opacity:0;visibility:hidden;pointer-events:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s,visibility 0s .35s}
.panel.open{transform:none;opacity:1;visibility:visible;pointer-events:auto;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s,visibility 0s}
.panel-head{display:flex;justify-content:space-between;align-items:baseline}.panel-head h2{font-size:17px}#pl-count{color:var(--muted);font-variant-numeric:tabular-nums}
.pl-tools{display:flex;gap:6px;flex-wrap:wrap}.pl-tools .btn{padding:6px 12px;font-size:13px}
#pl-list{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow:auto}
.pl-item{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;border-radius:14px;background:rgba(255,255,255,.05)}
.pl-item.current{background:rgba(122,242,71,.16);box-shadow:inset 0 0 0 1px rgba(122,242,71,.3)}
.pl-info{flex:1;min-width:0;cursor:pointer}.pl-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-meta{color:var(--muted);font-size:12px}
.pl-item .btn.icon{width:30px;height:30px;flex:none}
.sub-settings{display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px;flex:none}.sub-settings .hint{line-height:1.5}
.pl-empty{color:var(--muted);text-align:center;padding:28px 0}
@media(max-width:720px){.panel{top:auto;height:60%;transform:translateY(calc(100% + 24px))}}