.canvas-container.svelte-1rvc92s{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#draw-canvas.svelte-1rvc92s{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%;display:block}section.svelte-1d3kpv3{--size:2.4rem;align-items:center;gap:8rem;padding:.4rem;display:flex}section.svelte-1d3kpv3>div:where(.svelte-1d3kpv3){flex-grow:1}div.svelte-1d3kpv3{align-items:center;gap:0 .4rem;display:flex;overflow-x:auto}div.svelte-1d3kpv3::-webkit-scrollbar{height:.25rem}div.svelte-1d3kpv3::-webkit-scrollbar-track{background:#fff}div.svelte-1d3kpv3::-webkit-scrollbar-thumb{background:currentColor}div.svelte-1d3kpv3 button:where(.svelte-1d3kpv3){flex-shrink:0}button.svelte-1d3kpv3{width:var(--size);height:var(--size);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s,background-color .2s;display:flex}.color-btn.svelte-1d3kpv3{border:4px solid #00000036}.color-btn.selected.svelte-1d3kpv3{border-color:#333;transform:scale(1.25);box-shadow:0 4px 12px #0003}.clear-btn.svelte-1d3kpv3{background:#fff;border:4px solid #ff6b6b;font-size:1.2rem}.clear-btn.svelte-1d3kpv3:hover{background:#ffe0e0;transform:scale(1.1);box-shadow:0 2px 8px #ff6b6b4d}.clear-btn.svelte-1d3kpv3:active{transform:scale(.95)}