.editor.svelte-ycx75z{flex-direction:column;gap:.9rem;display:flex}.editor-load.svelte-ycx75z{flex-direction:column;gap:.75rem;display:flex}.editor-status.svelte-ycx75z{color:var(--muted);margin:0;font-size:.875rem}.editor-error.svelte-ycx75z{color:var(--danger);margin:0;font-size:.875rem}.toolbar.svelte-ycx75z{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.toolbar-group.svelte-ycx75z{flex-wrap:wrap;gap:.4rem;display:flex}.colours.svelte-ycx75z{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.swatch.svelte-ycx75z{border:1px solid var(--line);cursor:pointer;width:26px;height:26px;transition:box-shadow .15s var(--ease);border-radius:99px;padding:0}.swatch.active.svelte-ycx75z{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--ink)}.swatch.svelte-ycx75z:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.colours.svelte-ycx75z input[type=color]:where(.svelte-ycx75z){border:1px solid var(--line);border-radius:var(--r-s);cursor:pointer;background:0 0;width:2.2rem;height:26px;padding:0}.colours.svelte-ycx75z .quality:where(.svelte-ycx75z){max-width:15rem;margin-left:auto}.stage.svelte-ycx75z{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);padding:1rem}.canvas-wrap.svelte-ycx75z{line-height:0}.canvas-wrap.small.svelte-ycx75z{max-width:320px;margin:0 auto}canvas.svelte-ycx75z{touch-action:none;cursor:crosshair;width:100%;display:block}.hint.svelte-ycx75z{color:var(--muted);margin:0;font-size:.875rem}