@layer interface-style{._field_394cb3f{z-index:0;border-radius:inherit;pointer-events:none;background:hsl(var(--hero-gradient-from));contain:paint;position:absolute;inset:0;overflow:hidden}._art_394cb3f{opacity:.6;position:absolute;inset:0}._art_394cb3f>*{position:absolute;inset:0}._field_394cb3f[data-background-tone=surface]{background:hsl(var(--background))}._field_394cb3f[data-background-tone=surface] ._art_394cb3f{opacity:.18}._selector_394cb3f{gap:.75rem;min-width:0;display:grid}._preview_394cb3f{isolation:isolate;border-radius:var(--radius);min-height:10rem;color:hsl(var(--hero-text));position:relative;overflow:hidden}._preview_394cb3f>p{margin:0;padding:1.25rem;font-size:1.5rem;font-weight:600;position:relative}._controls_394cb3f{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}._controls_394cb3f label{align-items:center;gap:.5rem;font-size:.875rem;display:flex}._controls_394cb3f select{border:1px solid hsl(var(--border));background:hsl(var(--background));max-width:100%;min-height:2.5rem;color:hsl(var(--foreground));border-radius:.375rem;padding:.5rem}._controls_394cb3f :is(select,input):focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}._note_394cb3f{color:hsl(var(--muted-foreground));font-size:.75rem}}