.pp-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;width:100%}.pp-row>.pp-line{grid-column:2/-1}.pp-pick{all:unset;box-sizing:border-box;cursor:pointer;min-width:0;display:grid;grid-gap:2px;gap:2px;padding:4px 0;border-radius:8px}.pp-pick:focus-visible{outline:2px solid var(--accent-cyan,#22d3ee);outline-offset:2px}.pp-pick:disabled,.pp-pick[aria-disabled=true]{cursor:default;opacity:.6}.pp-pick b,.pp-pick small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-pick small{color:var(--text-secondary,rgba(255,255,255,.62))}.pp-art{position:relative;flex:none;padding:0;border:0;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.08);cursor:pointer;display:block;color:#fff}.pp-art:disabled{cursor:not-allowed}.pp-art:focus-visible{outline:2px solid var(--accent-cyan,#22d3ee);outline-offset:2px}.pp-art .pp-ph,.pp-art img{width:100%;height:100%;object-fit:cover;display:grid;place-items:center}.pp-badge{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.45);opacity:0;transition:opacity .15s ease}.pp-art[data-phase=failed] .pp-badge,.pp-art[data-phase=loading] .pp-badge,.pp-art[data-phase=paused] .pp-badge,.pp-art[data-phase=playing] .pp-badge{opacity:1}.pp-art[data-phase=playing] .pp-badge{background:rgba(0,0,0,.35)}.pp-art[data-phase=failed] .pp-badge{background:rgba(120,20,30,.55)}.pp-art[data-phase=failed] .pp-badge b{font-size:15px}@media (hover:hover){.pp-art:not(:disabled):hover .pp-badge,.pp-row:hover .pp-art:not(:disabled) .pp-badge{opacity:1}}@media (hover:none){.pp-art[data-phase=idle] .pp-badge{opacity:1;background:linear-gradient(transparent 55%,rgba(0,0,0,.55));place-items:end start;padding:3px}}.pp-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.pp-ring circle{fill:none;stroke-width:6}.pp-ring .bg{stroke:rgba(255,255,255,.22)}.pp-ring .fg{stroke:var(--accent-cyan,#22d3ee);stroke-linecap:round;transition:stroke-dashoffset .25s linear}.pp-spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:pp-spin .8s linear infinite}@keyframes pp-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.pp-spin{animation-duration:2.4s}.pp-ring .fg{transition:none}}.pp-line{display:block;font-size:12px;color:var(--text-secondary,rgba(255,255,255,.62))}.pp-line[data-bad="1"]{color:var(--accent-red,#f87171)}.pp-seek{display:flex;align-items:center;gap:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pp-bar{position:relative;flex:1 1;height:6px;border-radius:999px;background:rgba(255,255,255,.14);cursor:pointer;overflow:hidden;min-width:60px}.pp-bar:before{content:"";position:absolute;inset:-8px 0}.pp-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--accent-cyan,#22d3ee);border-radius:inherit}.pp-bar:focus-visible{outline:2px solid var(--accent-cyan,#22d3ee);outline-offset:3px}.pp-item{padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.04);color:inherit}.pp-item:hover{background:rgba(255,255,255,.08)}.pp-item[data-on="1"]{background:rgba(34,211,238,.1)}.pp-use{all:unset;cursor:pointer;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08)}.pp-use:hover{background:rgba(255,255,255,.16)}.pp-use:disabled{opacity:.5;cursor:default}.pp-use:focus-visible{outline:2px solid var(--accent-cyan,#22d3ee);outline-offset:2px}.pp-list{display:flex;flex-direction:column;gap:4px}.pp-hint{margin:0 0 6px;font-size:12px;color:var(--text-secondary,rgba(255,255,255,.62))}