.demo-shell.svelte-jh0h9n{max-width:960px;margin:auto;padding:24px 20px;display:block}h1.svelte-jh0h9n{margin-top:24px;font-size:28px}p.svelte-jh0h9n{color:var(--muted);font-size:14px;line-height:1.6}.demo-toolbar.svelte-jh0h9n{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.demo-toolbar.svelte-jh0h9n button:where(.svelte-jh0h9n){width:auto}select.svelte-jh0h9n{font:inherit;border:1px solid var(--border-strong);background:#fff;border-radius:6px;min-height:44px;margin-left:6px}canvas.svelte-jh0h9n{border:1px solid var(--border);touch-action:none;cursor:grab;background:#eaf3f7;border-radius:12px;width:100%;height:clamp(300px,52dvh,480px);display:block}canvas.dragging.svelte-jh0h9n{cursor:grabbing}.legend.svelte-jh0h9n{flex-wrap:wrap;gap:12px;margin:16px 0;font-size:12px;display:flex}.legend.svelte-jh0h9n span:where(.svelte-jh0h9n){align-items:center;gap:6px;display:flex}i.svelte-jh0h9n{border:1px solid #0003;border-radius:3px;width:16px;height:16px}.actual.svelte-jh0h9n{background:var(--overlap-real)}.guess.svelte-jh0h9n{background:var(--overlap-guess)}.overlap.svelte-jh0h9n{background:var(--overlap-intersection)}.size.svelte-jh0h9n{align-items:center;gap:18px;margin-top:18px;font-size:14px;display:flex}.hint.svelte-jh0h9n{font-size:12px}