.paint-app.svelte-8qa23u{min-width:0;height:100%;color:var(--ink);background:var(--surface-strong);flex-direction:column;display:flex}.toolbar.svelte-8qa23u{border-bottom:1px solid var(--stroke);background:var(--surface);gap:.35rem;padding:.45rem;display:grid;overflow-x:auto}.tool-group.svelte-8qa23u{align-items:center;gap:.28rem;min-width:max-content;display:flex}.toolbar.svelte-8qa23u button:where(.svelte-8qa23u){border:1px solid var(--stroke);background:var(--surface-soft);touch-action:manipulation;border-radius:.58rem;justify-content:center;align-items:center;gap:.3rem;min-height:40px;padding:.35rem .58rem;font-size:.68rem;display:flex}.toolbar.svelte-8qa23u button:where(.svelte-8qa23u):hover,.toolbar.svelte-8qa23u button:where(.svelte-8qa23u):focus-visible{background:var(--surface-hover)}.toolbar.svelte-8qa23u button.active:where(.svelte-8qa23u){border-color:color-mix(in srgb, var(--blue) 70%, var(--stroke));color:#fff;background:var(--blue)}.toolbar.svelte-8qa23u button.primary:where(.svelte-8qa23u){color:#fff;background:linear-gradient(135deg, var(--blue), #7558dd)}.toolbar.svelte-8qa23u button:where(.svelte-8qa23u):disabled{opacity:.42}.controls.svelte-8qa23u{justify-content:space-between}.swatches.svelte-8qa23u{gap:.2rem;display:flex}.swatches.svelte-8qa23u button:where(.svelte-8qa23u){background:var(--swatch);border-radius:50%;width:30px;min-height:30px;padding:0}.swatches.svelte-8qa23u button.active:where(.svelte-8qa23u){outline:2px solid var(--blue);outline-offset:2px;background:var(--swatch)}.color-input.svelte-8qa23u input:where(.svelte-8qa23u){background:0 0;border:0;width:38px;height:34px;padding:0}.size-input.svelte-8qa23u{color:var(--ink-muted);align-items:center;gap:.35rem;font-size:.65rem;display:flex}.size-input.svelte-8qa23u input:where(.svelte-8qa23u){width:min(120px,24vw);accent-color:var(--blue)}.size-input.svelte-8qa23u output:where(.svelte-8qa23u){font-variant-numeric:tabular-nums;min-width:2ch}.document-actions.svelte-8qa23u{border-block-start:1px solid var(--stroke);padding-block-start:.15rem}.canvas-wrap.svelte-8qa23u{background-color:#0000;background-image:linear-gradient(45deg,#e8ebf2 25%,#0000 25% 75%,#e8ebf2 75%),linear-gradient(45deg,#e8ebf2 25%,#f7f8fb 25% 75%,#e8ebf2 75%);background-position:0 0,8px 8px;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex:1;min-height:0;position:relative;overflow:hidden}canvas.svelte-8qa23u{cursor:crosshair;touch-action:none;background:#fff;width:100%;height:100%;display:block}canvas.svelte-8qa23u:focus-visible{outline:4px solid var(--blue);outline-offset:-4px}.keyboard-cursor.svelte-8qa23u{pointer-events:none;border:2px solid #0d1729;border-radius:50%;width:16px;height:16px;position:absolute;inset-block-start:var(--cursor-y);inset-inline-start:var(--cursor-x);translate:-50% -50%;box-shadow:0 0 0 2px #fff}footer.svelte-8qa23u{border-top:1px solid var(--stroke);min-height:30px;color:var(--ink-faint);justify-content:space-between;align-items:center;gap:.7rem;padding-inline:.6rem;font-size:.58rem;display:flex}footer.svelte-8qa23u span:where(.svelte-8qa23u):last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width>=920px){.toolbar.svelte-8qa23u{grid-template-columns:auto minmax(260px,1fr)}.document-actions.svelte-8qa23u{grid-column:1/-1}}@media (width<=480px){.toolbar.svelte-8qa23u{padding:.3rem}.toolbar.svelte-8qa23u button:where(.svelte-8qa23u){min-width:44px;font-size:0}.tool-group.svelte-8qa23u:first-child button:where(.svelte-8qa23u){min-width:auto;font-size:.62rem}.document-actions.svelte-8qa23u button:where(.svelte-8qa23u) svg{width:20px;height:20px}.swatches.svelte-8qa23u button:where(.svelte-8qa23u){width:28px;min-width:28px;min-height:28px}footer.svelte-8qa23u span:where(.svelte-8qa23u):last-child{display:none}}@media (width<=230px){.tool-group.svelte-8qa23u:first-child button:where(.svelte-8qa23u){min-width:42px;font-size:0}}