/* Front styles remain same as 3.4.0, minor version bump */
.psmp-hero{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:#0b0f17;color:#fff;overflow:hidden}
.psmp-left,.psmp-right{background-size:cover;background-position:center;position:relative}
.psmp-right{display:grid;grid-template-rows:auto 1fr auto auto}
.psmp-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.35),rgba(0,0,0,0.35));z-index:0;opacity:var(--psmp-overlay, .45)}
.psmp-topbar{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:12px;background:rgba(0,0,0,.22);backdrop-filter:blur(4px)}
.psmp-icon{border:0;background:rgba(255,255,255,0.16);color:#fff;border-radius:999px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.psmp-time{margin-left:auto;opacity:.9}
.psmp-middle{position:relative;z-index:1;padding:18px;display:grid;gap:10px}
.psmp-playing-label{text-transform:uppercase;letter-spacing:2px;font-size:12px;opacity:.8}
.psmp-now{font-size:18px;font-weight:700}
.psmp-list{display:grid;gap:12px;margin-top:6px}
.psmp-card-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.22);backdrop-filter:blur(6px)}
.psmp-card-row.active{outline:2px solid rgba(255,255,255,0.4)}
.psmp-card-row .left{display:flex;align-items:center;gap:10px}
.psmp-card-row .thumb{width:32px;height:32px;border-radius:8px;object-fit:cover}
.psmp-card-row .right{display:flex;align-items:center;gap:12px}
.psmp-card-row .btn.buy{background:#ff5b73;color:#fff;padding:6px 10px;border-radius:10px;text-decoration:none;font-weight:700}
.psmp-card-row .icon{font-weight:700;text-decoration:none}
.psmp-card-row .icon.spotify{color:#1DB954}
.psmp-card-row .icon.apple{color:#fff}
.psmp-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:16px}
.psmp-bottom .album{font-size:26px;font-weight:800}
.psmp-bottom .cta{background:#ff5b73;color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:800}
.psmp-progress{position:relative;z-index:1;padding:0 16px 16px}
.psmp-progress .bar{height:6px;background:rgba(255,255,255,0.18);border-radius:999px;position:relative;cursor:pointer}
.psmp-progress .fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#fff;border-radius:999px}
.psmp-icon img.emoji,
.psmp-card-row .icon img.emoji {
  width: 55px !important;
  height: 55px !important;
  display: inline-block;
}

/* keep buttons centering nicely */
.psmp-icon {
  width: 55px;           /* optional: larger circular button */
  height: 55px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width:960px){.psmp-hero{grid-template-columns:1fr}.psmp-left{min-height:260px}}