.wprp-player{--wprp-primary:#0ea5e9;--wprp-bg:#0b1220;--wprp-title-size:18px;display:grid;gap:.6rem;padding:1rem;border-radius:1rem;background:var(--wprp-bg) center/cover no-repeat;color:#fff;max-width:980px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.wprp-info{display:flex;align-items:center;gap:.75rem}
.wprp-logo{width:48px;height:48px;object-fit:cover;border-radius:.75rem}
.wprp-title{font-weight:700;font-size:var(--wprp-title-size,18px)}
.wprp-onair-banner{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);padding:.4rem .6rem;border-radius:.5rem;font-size:.95rem}
.wprp-controls{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.5rem}
.wprp-btn{background:var(--wprp-primary);border:0;color:#fff;padding:.6rem .8rem;border-radius:999px;cursor:pointer;box-shadow:0 4px 14px rgba(14,165,233,.35)}
.wprp-btn:hover{filter:brightness(1.05)}
.wprp-icon{display:block}
.wprp-volume{width:100%}
.wprp-status{font-size:.9rem;opacity:.85}
@media(max-width:520px){.wprp-controls{grid-template-columns:auto auto 1fr;grid-auto-flow:row}.wprp-status{grid-column:1 / -1}}