/* Voxxaa STORE v92 : halaman Tools > Spotify Downloader (memakai kelas dasar .tl dari tools.css) */
.sp-stat{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:16px}
.sp-dot{width:10px;height:10px;border-radius:50%;background:var(--mute);flex:none;box-shadow:0 0 0 3px rgba(255,255,255,.06)}
.sp-dot.on{background:#34d27b;box-shadow:0 0 0 3px rgba(52,210,123,.2)}
.sp-dot.off{background:var(--acc-hot);box-shadow:0 0 0 3px rgba(var(--hot-rgb),.2)}
.sp-st{display:grid;gap:2px;min-width:0;flex:1}.sp-st b{font-size:14px}.sp-st span{color:var(--mute);font-size:12.5px;overflow-wrap:anywhere}
.sp-rf{width:40px;min-height:40px}.sp-rf.spin svg{animation:spRot .8s linear infinite}
@keyframes spRot{to{transform:rotate(360deg)}}
.sp-msg{padding:10px 12px;border-radius:12px;border:1px solid var(--glass-b);background:rgba(0,0,0,.2);color:var(--mute);font-size:13px;line-height:1.45}
.sp-list{display:grid;gap:8px}.sp-list:empty{display:none}
.sp-it{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border-radius:14px;border:1px solid var(--glass-b);background:var(--glass);color:var(--text);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s,border-color .2s}
.sp-it:hover{border-color:rgba(var(--hot-rgb),.6)}.sp-it:active{transform:scale(.985)}
.sp-it img,.sp-ph{width:52px;height:52px;border-radius:10px;object-fit:cover;flex:none;background:rgba(0,0,0,.3)}
.sp-ph{display:grid;place-items:center;color:var(--mute)}
.sp-tx{display:grid;gap:3px;min-width:0;flex:1}.sp-tx b{font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-tx small{color:var(--mute);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-ib{width:36px;height:36px;border-radius:10px;border:1px solid rgba(var(--hot-rgb),.5);display:grid;place-items:center;flex:none;color:var(--acc-hot)}
.sp-ib svg{width:18px;height:18px}
.sp-cv{width:96px;height:96px;object-fit:cover;border-radius:14px;background:rgba(0,0,0,.3);flex:none}
#sp-au{display:none}
.sp-pl{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;border:1px solid var(--glass-b);background:rgba(0,0,0,.28)}
.sp-pp{width:46px;height:46px;border-radius:50%;border:0;flex:none;display:grid;place-items:center;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--acc-hot),#c1102a);box-shadow:0 6px 18px rgba(var(--hot-rgb),.35);-webkit-tap-highlight-color:transparent;transition:transform .15s}
.sp-pp:active{transform:scale(.92)}.sp-pp svg{width:22px;height:22px}
.sp-bar{flex:1;min-width:0;display:grid;gap:4px}
.sp-rg{-webkit-appearance:none;appearance:none;width:100%;height:22px;margin:0;padding:0;border:0;box-shadow:none;outline-offset:2px;background:transparent;cursor:pointer;--p:0%}
.sp-rg::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--acc-hot) var(--p),rgba(255,255,255,.14) var(--p))}
.sp-rg::-moz-range-track{height:6px;border-radius:99px;background:rgba(255,255,255,.14)}
.sp-rg::-moz-range-progress{height:6px;border-radius:99px;background:var(--acc-hot)}
.sp-rg::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:#fff;border:0;box-shadow:0 2px 8px rgba(0,0,0,.5)}
.sp-rg::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:0}
.sp-tm{display:flex;justify-content:space-between;color:var(--mute);font-size:12px;font-variant-numeric:tabular-nums}
.sp-vl{width:38px;height:38px;border-radius:10px;border:1px solid var(--glass-b);background:transparent;color:var(--mute);display:grid;place-items:center;flex:none;cursor:pointer}
.sp-vl svg{width:20px;height:20px}
button.tl-dl{font:inherit;cursor:pointer;text-align:left;width:100%}
@media(prefers-reduced-motion:reduce){.sp-it,.sp-pp{transition:none}.sp-rf.spin svg{animation:none}}