.brush-demo.svelte-1ky7jt8{width:100%;display:flex;flex-direction:column;gap:.5rem}@media (min-width: 768px){.brush-demo.svelte-1ky7jt8{flex-direction:row;align-items:flex-start}}.stage.svelte-1ky7jt8{position:relative;width:100%;aspect-ratio:1 / 1}@media (min-width: 768px){.brush-demo.svelte-1ky7jt8 .stage:where(.svelte-1ky7jt8){flex:1 1 auto}.controls.svelte-1ky7jt8{flex:0 0 18rem}}canvas.svelte-1ky7jt8{width:100%;height:100%;background:#fffce0;border-radius:.25rem;touch-action:none;cursor:grab;display:block}canvas.svelte-1ky7jt8:active{cursor:grabbing}.overlay.svelte-1ky7jt8{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:100%;height:100%}.overlay.svelte-1ky7jt8 circle:where(.svelte-1ky7jt8){fill:#dc3232d9;stroke:#fff;stroke-width:1.5}.overlay.svelte-1ky7jt8 circle.first:where(.svelte-1ky7jt8){fill:#32b450f2}.overlay.svelte-1ky7jt8 circle.last:where(.svelte-1ky7jt8){fill:#3264dcf2}.overlay.svelte-1ky7jt8 circle.whisker-mid:where(.svelte-1ky7jt8){fill:#c87832d9}.overlay.svelte-1ky7jt8 circle.whisker-anchor:where(.svelte-1ky7jt8){fill:#ffb43cf2}.overlay.svelte-1ky7jt8 circle.whisker-tip:where(.svelte-1ky7jt8){fill:#a050c8f2}.overlay.svelte-1ky7jt8 polyline.whisker:where(.svelte-1ky7jt8){stroke:#c878328c;stroke-dasharray:2 3}.overlay.svelte-1ky7jt8 polyline:where(.svelte-1ky7jt8){fill:none;stroke:#b43c3c73;stroke-width:1;stroke-dasharray:4 4}.path-overlay.svelte-1ky7jt8 polyline.path-curve:where(.svelte-1ky7jt8){fill:none;stroke:#50a0ffd9;stroke-width:2;stroke-dasharray:none}.path-overlay.svelte-1ky7jt8 polyline.path-ctrl-poly:where(.svelte-1ky7jt8){fill:none;stroke:#50a0ff59;stroke-width:1;stroke-dasharray:3 4}.path-overlay.svelte-1ky7jt8 circle.path-ctrl:where(.svelte-1ky7jt8){fill:#50a0ffe6;stroke:#fff;stroke-width:1.5}.path-overlay.svelte-1ky7jt8 circle.path-cursor:where(.svelte-1ky7jt8){fill:#ffdc3cf2;stroke:#282828e6;stroke-width:1.5}.controls.svelte-1ky7jt8{display:grid;grid-template-columns:1fr;gap:.5rem;padding:.5rem 0}button.svelte-1ky7jt8{padding:.3rem .8rem;font-size:.9rem}.hint.svelte-1ky7jt8{margin:0;font-size:.8rem;opacity:.7}