.tool.svelte-f8wtni{flex-direction:column;gap:0;width:100%;display:flex}@media (prefers-reduced-motion:reduce){.tool.svelte-f8wtni{animation:none}}.preview-section.svelte-f8wtni{align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex}.preview-image.svelte-f8wtni{transition:filter .1s}.preview-image.svelte-f8wtni svg:where(.svelte-f8wtni){border-radius:var(--radius)}@media (prefers-reduced-motion:reduce){.preview-image.svelte-f8wtni{transition:none}}.filter-code.svelte-f8wtni{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-sm);display:flex}.controls-grid.svelte-f8wtni{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.control.svelte-f8wtni{gap:var(--space-2);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex}.control.svelte-f8wtni label:where(.svelte-f8wtni){font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.control.svelte-f8wtni input:where(.svelte-f8wtni){width:100%}@media (width<=768px){.controls-grid.svelte-f8wtni{grid-template-columns:1fr}}