/* New music mode only: existing background choices and stage remain untouched. */
#backgroundChoices { grid-template-columns: repeat(5, minmax(0,1fr)); }
@media (max-width: 560px) { #backgroundChoices { grid-template-columns: repeat(3,minmax(0,1fr)); } }
#backgroundChoices .swatch.music { display:grid; place-items:center; color:#f3e9ff; font-size:25px; background:linear-gradient(130deg,#2858a1 0%,#9a4bad 51%,#e2a568 100%); }
#stage[data-background="music"] {
  background:
    radial-gradient(ellipse at 48% 42%, rgba(255,255,255,var(--music-bass-glow-alpha,0)) 0%, rgba(232,240,255,var(--music-bass-glow-secondary,0)) 60%, transparent 100%),
    radial-gradient(ellipse at 5% 47%, rgba(255,226,246,var(--music-snare-alpha,0)) 0%, transparent 32%),
    radial-gradient(ellipse at 95% 47%, rgba(255,226,246,var(--music-snare-alpha,0)) 0%, transparent 32%),
    radial-gradient(circle at 78% 17%, rgba(255,255,255,var(--music-sparkle-alpha,0)) 0%, transparent 28%),
    radial-gradient(circle at 21% 63%, rgba(205,236,255,var(--music-sparkle-secondary,0)) 0%, transparent 32%),
    radial-gradient(ellipse at 50% 30%, var(--music-bg-top,#4a68aa) 0%, var(--music-bg-mid,#46356b) 52%, var(--music-bg-end,#171429) 100%);
}
#musicBackgroundSettings[hidden] { display:none!important; }
#musicBackgroundSettings .two-col { gap:8px; }
#musicBackgroundSettings .control-card { min-width:0; }
#musicBackgroundSettings .note { margin-block:7px 0; }

#musicBackgroundSettings .music-photosensitivity-note { margin-top:11px; padding:9px 11px; border-left:3px solid #aa9bbd; border-radius:4px; background:rgba(161,147,199,.075); line-height:1.6; }
#musicBackgroundSettings .music-safe-toggle { display:flex; gap:8px; align-items:center; margin:10px 0; }

#musicBackgroundStatus { padding: 7px 9px; background: rgba(129,134,178,.12); border-radius: 7px; font-variant-numeric: tabular-nums; }