.demo-container.svelte-zbbxfe{padding:var(--space-md);border:1px solid var(--surface-color);border-radius:var(--radius-lg);background:var(--surface-raised);gap:var(--space-md);flex-direction:column;display:flex}.swatches.svelte-zbbxfe{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.swatch.svelte-zbbxfe{border-radius:var(--radius-sm);color:#fff;height:100px;font-weight:800;font-size:var(--text-xs);text-shadow:0 1px 2px #0003;justify-content:center;align-items:center;display:flex}.controls.svelte-zbbxfe{gap:var(--space-xs);flex-direction:column;display:flex}.slider-container.svelte-zbbxfe{transition:opacity var(--duration-normal) var(--ease-out-quart), visibility var(--duration-normal), height var(--duration-normal) var(--ease-out-quart);opacity:1;visibility:visible;height:auto;overflow:hidden}.slider-container.hidden.svelte-zbbxfe{opacity:0;visibility:hidden;pointer-events:none;height:0;margin:0}.status.svelte-zbbxfe{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-600);margin:0}