.radio-popout{margin:0;min-height:100svh}
.radio-popout>main{min-height:100svh}
.radio-popout #player.live-deck{display:flex;width:100%;max-width:1050px;min-height:100svh;margin:0 auto;padding:16px}
.radio-popout .live-panel{width:100%;max-width:none;min-height:calc(100svh - 32px);margin:0;align-content:space-between}
.radio-popout .live-visual-head h2{font-size:clamp(2rem,5vw,3rem)}
.radio-popout .live-toolbar{align-self:end;flex-wrap:wrap}
.radio-popout .live-options{flex-wrap:wrap}
@media(max-width:800px){
 .radio-popout #player.live-deck{padding:12px}
 .radio-popout .live-panel{min-height:calc(100svh - 24px)}
 .radio-popout .live-panel .live-visual{padding:1rem .75rem .5rem}
 .radio-popout .live-panel .van-stage{height:280px}
 .radio-popout .live-panel .van-art{width:260px;max-width:90%}
 .radio-popout .live-panel .live-copy{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:.65rem 1rem;padding:1rem 1.25rem}
 .radio-popout .live-panel .live-copy>.eyebrow{grid-column:1/-1;margin:0}
 .radio-popout .live-panel .now-artwork{width:88px;max-width:100%;height:88px;margin:0;object-fit:cover;border-radius:12px}
 .radio-popout .live-panel .live-track{width:auto;margin:0;gap:.3rem}
 .radio-popout .live-panel .live-track strong{font-size:1.15rem;overflow-wrap:anywhere}
 .radio-popout .live-panel .live-track span:last-child{font-size:.8rem}
 .radio-popout .live-toolbar{gap:.85rem;padding:1rem 1.25rem}
}
@media(max-height:650px) and (max-width:800px){.radio-popout .live-panel .van-stage{height:160px}.radio-popout .live-panel .van-art{width:160px}.radio-popout .live-visual-head h2{font-size:1.7rem}}