canvas.svelte-su869o{position:absolute;left:0;top:0;width:100%;height:100%;cursor:crosshair}.container.svelte-1rjx9mx{margin:0;padding:0;width:100vw;height:100vh}.controls.svelte-1rjx9mx{position:absolute;left:0;top:0;padding:1em}.show-menu.svelte-1rjx9mx{width:5em}.modal-background.svelte-1rjx9mx{position:fixed;display:flex;justify-content:center;align-items:center;left:0;top:0;width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.menu.svelte-1rjx9mx{position:relative;background:var(--bg-2);width:calc(100% - 2em);max-width:28em;padding:1em 1em .5em;border-radius:1em;box-sizing:border-box;-webkit-user-select:none;user-select:none}.colors.svelte-1rjx9mx{display:grid;align-items:center;grid-template-columns:repeat(9,1fr);grid-gap:.5em}.color.svelte-1rjx9mx{aspect-ratio:1;border-radius:50%;background:var(--color, #fff);transform:none;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.2));transition:all .1s}.color[aria-current=true].svelte-1rjx9mx{transform:translate(1px,1px);filter:none;box-shadow:inset 3px 3px 4px #0003}.menu.svelte-1rjx9mx label:where(.svelte-1rjx9mx){display:flex;width:100%;margin:1em 0 0}.menu.svelte-1rjx9mx input:where(.svelte-1rjx9mx){flex:1}