html[data-bg]:not([data-bg=default]) body:before,html[data-bg]:not([data-bg=default]) .fx-region,html[data-bg]:not([data-bg=default]) .firefly-field{display:none}body:after{content:"";z-index:-1;pointer-events:none;display:none;position:fixed;inset:0}html[data-bg=grid] body:after{opacity:.5;background-image:repeating-linear-gradient(0deg, var(--border) 0, var(--border) 1px, transparent 1px, transparent 2.5rem), repeating-linear-gradient(90deg, var(--border) 0, var(--border) 1px, transparent 1px, transparent 2.5rem);display:block}html[data-bg=gradient] body:after{background:radial-gradient(ellipse at 15% 10%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 55%), linear-gradient(165deg, var(--bg), var(--bg-elev));display:block}html[data-bg=noise] body:after{opacity:.05;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");display:block}html[data-bg=solid] body:after{background:var(--bg);display:block}@media print{body:after{display:none!important}}