.mpgb{box-sizing:border-box;max-width:100%;color:inherit}.mpgb-cover img{width:100%;height:auto;max-width:320px;aspect-ratio:1;object-fit:contain}.mpgb-track{display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere}.mpgb-artist{font-weight:700}.mpgb-album{opacity:.75;font-size:.9em}.mpgb-player,.mpgb-popup-player{display:flex;align-items:center;gap:12px;width:100%;min-width:0}.mpgb-play{flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:#cf2992;color:white;cursor:pointer}.mpgb-wave{flex:1 1 auto;width:100%;min-width:20px;height:48px;background:#252235;border-radius:8px}.mpgb-volume-label{display:flex;align-items:center;gap:5px;flex:0 1 145px;min-width:85px}.mpgb-volume{width:100%;min-width:50px}.mpgb-popup-player{justify-content:center}.mpgb-list{display:grid;gap:10px}.mpgb-item{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid #7775;border-radius:8px}.mpgb-item img{width:64px;height:64px;object-fit:contain}.mpgb-item strong{display:block}.mpgb-item small{opacity:.75}.mpgb-message{opacity:.75}.mpgb audio{display:none}

.mpgb-cover img{width:var(--mpgb-cover-width,100%);height:var(--mpgb-cover-height,auto);max-width:100%}.mpgb-item img{width:var(--mpgb-cover-width,64px);height:var(--mpgb-cover-height,64px);max-width:100%}.mpgb-artist{color:var(--mpgb-artist-color,inherit);font-size:var(--mpgb-artist-size,inherit)}.mpgb-title{color:var(--mpgb-title-color,inherit);font-size:var(--mpgb-title-size,inherit)}.mpgb-album{color:var(--mpgb-album-color,inherit);font-size:var(--mpgb-album-size,.9em)}.mpgb-play{background:var(--mpgb-button,#cf2992)}.mpgb-listeners{font-weight:700}.mpgb-listeners-value::before{content:'👥 ';}

/* v1.2.0: keep the SVG play/pause centered, with no moving glyphs */
.mpgb-play{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;flex-shrink:0}.mpgb-play svg{display:block;width:22px;height:22px;flex-shrink:0}.mpgb-player,.mpgb-popup-player{box-sizing:border-box}.mpgb-wave{display:block;flex:1 1 auto;min-width:20px}.mpgb-volume-label{white-space:nowrap}

/* v2.0.9: Gutenberg public page block flow. Do not force stacking inside Row/Columns. */
.entry-content > .mpgb, .wp-block-post-content > .mpgb,
.entry-content > .wp-block-group > .mpgb, .wp-block-post-content > .wp-block-group > .mpgb { display:block; clear:both; margin-block:0 0.75em; }
.mpgb-next, .mpgb-history { min-height:1.5em; }

/* v2.0.10: stack standalone metadata blocks and ensure list containers participate in layout. */
.mpgb-next,.mpgb-history{display:block;clear:both;width:100%;box-sizing:border-box}

/* v1.3.7: independent typography controls for list fields */
.mpgb-next .mpgb-item strong,.mpgb-history .mpgb-item strong{color:var(--mpgb-list-artist-color,inherit);font-size:var(--mpgb-list-artist-size,inherit)}
.mpgb-next .mpgb-item .mpgb-list-title,.mpgb-history .mpgb-item .mpgb-list-title{color:var(--mpgb-list-title-color,inherit);font-size:var(--mpgb-list-title-size,inherit)}
.mpgb-next .mpgb-item small,.mpgb-history .mpgb-item small{color:var(--mpgb-list-album-color,inherit);font-size:var(--mpgb-list-album-size,inherit)}

/* Year metadata: now-playing and next/history rows */
.mpgb-year{opacity:.8;font-size:.9em}.mpgb-list-year{display:block;opacity:.8;font-size:.9em}

/* OFF AIR: keep previous and next track lists hidden even with display:grid. */
.mpgb-list[hidden]{display:none!important}
.mpgb-next .mpgb-message,.mpgb-history .mpgb-message{white-space:normal}

/* v2.0.25: framed status and empty-list messages */
.mpgb-next .mpgb-message:not(:empty),.mpgb-history .mpgb-message:not(:empty){display:block;box-sizing:border-box;width:100%;border:2px solid currentColor;border-radius:18px;padding:16px 20px;margin:10px 0 18px;opacity:1;line-height:1.55;overflow-wrap:anywhere}