.demo-container.svelte-1x5j9vb{max-width:800px;margin:0 auto;padding:var(--spacing-xl)}h1.svelte-1x5j9vb{color:var(--color-primary);margin-bottom:var(--spacing-md)}.intro.svelte-1x5j9vb{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:var(--spacing-xl)}.controls.svelte-1x5j9vb{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-md)}label.svelte-1x5j9vb{font-weight:500;color:var(--color-text)}select.svelte-1x5j9vb,input[type=number].svelte-1x5j9vb{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-base)}select.svelte-1x5j9vb:focus,input[type=number].svelte-1x5j9vb:focus{outline:2px solid var(--color-primary);outline-offset:2px}input[type=number].svelte-1x5j9vb::-webkit-inner-spin-button,input[type=number].svelte-1x5j9vb::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number].svelte-1x5j9vb{-moz-appearance:textfield;appearance:textfield}.custom-input.svelte-1x5j9vb{display:flex;align-items:center;gap:var(--spacing-sm)}input[type=number].svelte-1x5j9vb{width:100px}.canvas-container.svelte-1x5j9vb{display:flex;justify-content:center;margin-bottom:var(--spacing-xl)}#demoCanvas.svelte-1x5j9vb{max-width:100%;height:auto}.info.svelte-1x5j9vb{padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-md)}.info.svelte-1x5j9vb h2:where(.svelte-1x5j9vb){color:var(--color-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-xl)}.info.svelte-1x5j9vb p:where(.svelte-1x5j9vb){color:var(--color-text-muted);line-height:var(--line-height-normal);margin-bottom:var(--spacing-sm)}.info.svelte-1x5j9vb p:where(.svelte-1x5j9vb):last-child{margin-bottom:0}@media(max-width:768px){.demo-container.svelte-1x5j9vb{padding:var(--spacing-md)}.controls.svelte-1x5j9vb{flex-direction:column;align-items:flex-start}.custom-input.svelte-1x5j9vb{flex-direction:column;align-items:flex-start;width:100%}input[type=number].svelte-1x5j9vb{width:100%}}