/* Robust BG visualizer layering */
html, body { background: transparent !important; }
#bg { position: fixed !important; inset: 0 !important; z-index: 0 !important; pointer-events: none !important; }
#bg iframe { position: fixed !important; inset: 0 !important; width: 100% !important; height: 100% !important; border: 0 !important; pointer-events: none !important; z-index: 0 !important; }
/* Ensure main UI sits above */
header, main, footer, .wrap, .hero { position: relative !important; z-index: 1 !important; }
/* Push decorative BG layers further back */
.opal-bg, .painterly-bg, .opal-overspray { z-index: -5 !important; }