.pdr-player{border-radius:16px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);backdrop-filter: blur(8px);box-shadow:0 12px 32px rgba(0,0,0,.25);position:relative;overflow:hidden}
.pdr-player:before{content:"";position:absolute;inset:-2px;opacity:.35;pointer-events:none;background:radial-gradient(circle at 20% 10%, rgba(255,255,255,.55), transparent 55%), radial-gradient(circle at 80% 0%, rgba(255,255,255,.25), transparent 45%)}
.pdr-player-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}
.pdr-title{font-weight:700;letter-spacing:.2px}
.pdr-actions{display:flex;align-items:center;gap:10px}
.pdr-btn{border:0;border-radius:12px;padding:8px 12px;font-weight:700;cursor:pointer}
.pdr-vol{width:110px}
.pdr-vu{width:100%;display:block;margin-top:10px;border-radius:999px;overflow:hidden;position:relative}
.pdr-meta{margin-top:8px;font-size:12px;opacity:.9;position:relative}

.pdr-skin-1{background:linear-gradient(135deg,#0b1220,#111827);color:#e2e8f0}
.pdr-skin-1 .pdr-btn{background:#f97316;color:#111827}
.pdr-skin-2{background:linear-gradient(135deg,#0f172a,#1f2937);color:#f8fafc}
.pdr-skin-2 .pdr-btn{background:#22c55e;color:#0b1220}
.pdr-skin-3{background:linear-gradient(135deg,#1f2937,#0b1220);color:#e2e8f0}
.pdr-skin-3 .pdr-btn{background:#60a5fa;color:#0b1220}
.pdr-skin-4{background:linear-gradient(135deg,#0b1220,#312e81);color:#e2e8f0}
.pdr-skin-4 .pdr-btn{background:#a78bfa;color:#0b1220}
.pdr-skin-5{background:linear-gradient(135deg,#111827,#7c2d12);color:#fff}
.pdr-skin-5 .pdr-btn{background:#fb7185;color:#111827}
.pdr-skin-6{background:linear-gradient(135deg,#0b1220,#064e3b);color:#dcfce7}
.pdr-skin-6 .pdr-btn{background:#34d399;color:#0b1220}
.pdr-skin-7{background:linear-gradient(135deg,#0b1220,#4c1d95);color:#f5d0fe}
.pdr-skin-7 .pdr-btn{background:#f472b6;color:#0b1220}
.pdr-skin-8{background:linear-gradient(135deg,#0b1220,#1e3a8a);color:#dbeafe}
.pdr-skin-8 .pdr-btn{background:#fbbf24;color:#0b1220}
.pdr-skin-9{background:linear-gradient(135deg,#0b1220,#052e16);color:#ecfccb}
.pdr-skin-9 .pdr-btn{background:#a3e635;color:#0b1220}
.pdr-skin-10{background:linear-gradient(135deg,#0b1220,#3f1d1d);color:#fee2e2}
.pdr-skin-10 .pdr-btn{background:#fb7185;color:#0b1220}