.aplayerfp_studio { --studio-orange:#f56d12; --studio-ink:#31343a; --studio-muted:#98999d; --studio-paper:#fffdfa; color:var(--studio-ink); font-family:system-ui,-apple-system,"Segoe UI",sans-serif; max-width:100%; }
.aplayerfp_studio .player { padding:16px; overflow:hidden; border:1px solid #f4ede5; border-radius:20px; background:var(--studio-paper); box-shadow:0 10px 28px rgba(92,63,34,.10); }
.aplayerfp_studio .aplayerfp-studio-main { display:flex; align-items:center; gap:16px; }
.aplayerfp_studio .aplayerfp-studio-art { display:grid; place-items:center; flex:0 0 92px; width:92px; height:92px; overflow:hidden; border-radius:9px; color:#fff; background:linear-gradient(145deg,#f8ba73,#d65b1b 55%,#53382c); font-size:36px; box-shadow:0 3px 8px rgba(58,36,23,.14); }
.aplayerfp_studio .aplayerfp-studio-art::before { content:""; position:absolute; }
.aplayerfp_studio .aplayerfp-studio-art img { display:block; width:100%; height:100%; object-fit:cover; }
.aplayerfp_studio .aplayerfp-studio-content { min-width:0; flex:1 1 auto; }
.aplayerfp_studio .title { overflow:hidden; color:#393b40; font-size:14px; font-weight:650; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.aplayerfp_studio .aplayerfp-studio-artist { min-height:15px; margin-top:1px; overflow:hidden; color:var(--studio-muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.aplayerfp_studio .aplayerfp-studio-timeline { display:flex; align-items:center; gap:8px; margin-top:7px; color:#999a9d; font-size:9px; font-variant-numeric:tabular-nums; }
.aplayerfp_studio .tracker { flex:1; height:12px; }
.aplayerfp_studio .aplayerfp-native-progress { height:12px; }
.aplayerfp_studio .aplayerfp-native-range { --studio-track:#eadfd5; }
.aplayerfp_studio .aplayerfp-native-range::-webkit-slider-runnable-track { height:3px; border-radius:3px; background:linear-gradient(to right,var(--studio-orange) 0 0,var(--studio-track) 0); }
.aplayerfp_studio .aplayerfp-native-range::-webkit-slider-thumb { width:10px; height:10px; margin-top:-3.5px; background:var(--studio-orange); }
.aplayerfp_studio .aplayerfp-native-range::-moz-range-track { height:3px; border-radius:3px; background:var(--studio-track); }
.aplayerfp_studio .aplayerfp-native-range::-moz-range-progress { height:3px; background:var(--studio-orange); }
.aplayerfp_studio .aplayerfp-native-range::-moz-range-thumb { width:10px; height:10px; background:var(--studio-orange); }
.aplayerfp_studio .aplayerfp-studio-controls { display:flex !important; flex-direction:row !important; align-items:center; justify-content:center; gap:12px; margin-top:5px; }
.aplayerfp_studio .aplayerfp-studio-controls > button { display:inline-grid !important; place-items:center; position:static !important; float:none !important; flex:0 0 20px; width:20px; height:24px; min-width:20px; margin:0; padding:0; border:0; color:#30343a; background:transparent; cursor:pointer; font-size:16px; line-height:1; }
.aplayerfp_studio .aplayerfp-studio-controls > .aplayerfp-play,.aplayerfp_studio .aplayerfp-studio-controls > .aplayerfp-pause { flex-basis:36px; width:36px; height:36px; min-width:36px; border-radius:50%; color:white; background:var(--studio-orange); font-size:15px; box-shadow:0 3px 8px rgba(245,109,18,.24); }
.aplayerfp_studio .aplayerfp-studio-volume { display:flex; align-items:center; gap:5px; width:112px; margin-left:auto; color:#666; font-size:10px; }
.aplayerfp_studio .aplayerfp-studio-volume .volume { flex:1; height:12px; }
.aplayerfp_studio .aplayerfp-studio-volume .aplayerfp-native-volume { height:12px; }
.aplayerfp_studio .playlist { list-style:none; margin:13px 0 0; padding:7px 0 0; border-top:1px solid #f1ece6; }
.aplayerfp_studio .playlist li { display:flex; align-items:center; gap:9px; min-height:30px; margin:0; padding:3px 6px; border-radius:8px; color:#505157; cursor:pointer; font-size:10px; line-height:1.3; }
.aplayerfp_studio .playlist li.active { background:#fff0e3; color:#3e3d3b; }
.aplayerfp_studio .aplayerfp-studio-thumb { display:grid !important; place-items:center; flex:0 0 23px; width:23px; height:23px; overflow:hidden; border-radius:4px; color:#fff; background:linear-gradient(140deg,#e5b486,#6e7775); font-size:12px; }
.aplayerfp_studio .playlist li:nth-child(2n) .aplayerfp-studio-thumb { background:linear-gradient(140deg,#cb9f77,#65717b); }
.aplayerfp_studio .aplayerfp-studio-thumb img { width:100%; height:100%; object-fit:cover; }
.aplayerfp_studio .aplayerfp-studio-row-label { min-width:0; flex:1; }
.aplayerfp_studio .text_time { float:none; margin-left:auto; padding-left:8px; color:#96979b; font-size:9px; white-space:nowrap; }
@media(max-width:420px) { .aplayerfp_studio .player { padding:12px; } .aplayerfp_studio .aplayerfp-studio-main { align-items:flex-start; gap:11px; } .aplayerfp_studio .aplayerfp-studio-art { flex-basis:72px; width:72px; height:72px; } .aplayerfp_studio .aplayerfp-studio-controls { gap:7px; } .aplayerfp_studio .aplayerfp-studio-volume { width:80px; } }