@layer component{.T6N1ca_SvgOptimiser{gap:var(--space-4);display:grid}.T6N1ca_SvgOptimiser textarea{font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.T6N1ca_SvgOptimiser .T6N1ca_options{align-items:center;gap:var(--space-3);border:0;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));margin:0;padding:0;display:grid}.T6N1ca_SvgOptimiser .T6N1ca_options legend{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-block-end:var(--space-3)}.T6N1ca_SvgOptimiser .T6N1ca_note{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.T6N1ca_SvgOptimiser dl{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.T6N1ca_SvgOptimiser dl>div{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface);display:grid}.T6N1ca_SvgOptimiser dt{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.T6N1ca_SvgOptimiser .T6N1ca_previewControls,.T6N1ca_SvgOptimiser .T6N1ca_outputControls{align-items:start;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));display:grid}.T6N1ca_SvgOptimiser .T6N1ca_preview{block-size:16rem;padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:repeating-conic-gradient(var(--color-bg-hover) 0 25%, var(--color-bg-raised) 0 50%) 0 0 / 1rem 1rem;place-items:center;margin:0;display:grid}.T6N1ca_SvgOptimiser .T6N1ca_preview[data-background=dark]{background:var(--color-bg-base)}.T6N1ca_SvgOptimiser .T6N1ca_preview[data-background=light]{background:var(--color-bg-inverse)}.T6N1ca_SvgOptimiser .T6N1ca_preview img{object-fit:contain;block-size:100%;inline-size:100%}}