@layer components{.setup-backdrop{z-index:-2;pointer-events:none;background:radial-gradient(55% 45% at 12% 18%, var(--color-brand-100) 0%, transparent 70%), radial-gradient(50% 50% at 88% 82%, var(--color-brand-100) 0%, transparent 72%), radial-gradient(45% 40% at 78% 14%, var(--color-brand-50) 0%, transparent 70%), var(--surface);position:fixed;inset:0}.setup-shader{z-index:-1;pointer-events:none;--clear-top:calc(var(--banner-h) + 64px + 24px);--clear-bottom:calc(48px + 24px);-webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent var(--clear-top), #000 calc(var(--clear-top) + 96px), #000 calc(100% - var(--clear-bottom) - 96px), transparent calc(100% - var(--clear-bottom)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, transparent var(--clear-top), #000 calc(var(--clear-top) + 96px), #000 calc(100% - var(--clear-bottom) - 96px), transparent calc(100% - var(--clear-bottom)), transparent 100%);position:fixed;inset:0}[data-slot=setup-root]:has(main[data-width=narrow][data-backdrop=clear-column]) .setup-shader{--clear-x:248px;-webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent var(--clear-top), #000 calc(var(--clear-top) + 96px), #000 calc(100% - var(--clear-bottom) - 96px), transparent calc(100% - var(--clear-bottom)), transparent 100%), linear-gradient(to right, #000 0, #000 calc(50% - var(--clear-x) - 64px), transparent calc(50% - var(--clear-x)), transparent calc(50% + var(--clear-x)), #000 calc(50% + var(--clear-x) + 64px), #000 100%);mask-image:linear-gradient(to bottom, transparent 0, transparent var(--clear-top), #000 calc(var(--clear-top) + 96px), #000 calc(100% - var(--clear-bottom) - 96px), transparent calc(100% - var(--clear-bottom)), transparent 100%), linear-gradient(to right, #000 0, #000 calc(50% - var(--clear-x) - 64px), transparent calc(50% - var(--clear-x)), transparent calc(50% + var(--clear-x)), #000 calc(50% + var(--clear-x) + 64px), #000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.setup-shader canvas{image-rendering:pixelated;opacity:0}.setup-shader[data-state=ready] canvas{opacity:1}@media (prefers-reduced-motion:no-preference){.setup-shader canvas{transition:opacity 1.2s var(--ease-out-soft)}}@media print{.setup-backdrop,.setup-shader,.setup-tray-image,.setup-tray-art{display:none}}@media (forced-colors:active){.setup-backdrop,.setup-shader,.setup-tray-image,.setup-tray-art{display:none}}.ambient-wash{z-index:0;pointer-events:none;position:absolute;inset:0}.ambient-wash-tint,.ambient-wash-shader-frame,.ambient-wash-shader{position:absolute;inset:0}.ambient-wash-tint{background:radial-gradient(55% 45% at 12% 18%, var(--color-brand-100) 0%, transparent 70%), radial-gradient(50% 50% at 88% 82%, var(--color-brand-100) 0%, transparent 72%), radial-gradient(45% 40% at 78% 14%, var(--color-brand-50) 0%, transparent 70%), var(--surface)}.ambient-wash-shader canvas{image-rendering:pixelated;opacity:0}.ambient-wash-shader[data-state=ready] canvas{opacity:1}.ambient-wash[data-variant=band] .ambient-wash-shader{-webkit-mask-image:radial-gradient(60% 55%,#0003 0%,#000 100%);mask-image:radial-gradient(60% 55%,#0003 0%,#000 100%)}.ambient-wash[data-variant=panel] .ambient-wash-tint{background:radial-gradient(55% 65% at 50% 50%, var(--color-brand-50) 0%, transparent 100%), var(--color-brand-100)}.ambient-wash[data-variant=panel] .ambient-wash-shader{-webkit-mask-image:radial-gradient(40% 62%,#0000001f 0%,#000 100%);mask-image:radial-gradient(40% 62%,#0000001f 0%,#000 100%)}.ambient-wash[data-variant=top]{-webkit-mask-image:linear-gradient(#000 0% 25%,#0000 62%);mask-image:linear-gradient(#000 0% 25%,#0000 62%)}.ambient-wash[data-variant=top] .ambient-wash-tint{background:radial-gradient(55% 60% at 14% 20%, var(--color-brand-100) 0%, transparent 70%), radial-gradient(45% 55% at 86% 30%, var(--color-brand-50) 0%, transparent 70%), var(--background)}.ambient-wash[data-variant=top] .ambient-wash-shader{opacity:.55}@media (prefers-reduced-motion:no-preference){.ambient-wash-shader canvas{transition:opacity 1.2s var(--ease-out-soft)}}@media print,(forced-colors:active){.ambient-wash{display:none}}}
