.editor.svelte-1r1zaib{flex-direction:column;gap:.9rem;display:flex}.editor-load.svelte-1r1zaib{flex-direction:column;gap:.75rem;display:flex}.editor-status.svelte-1r1zaib,.hint.svelte-1r1zaib{color:var(--muted);margin:0;font-size:.875rem}.editor-error.svelte-1r1zaib{color:var(--danger);margin:0;font-size:.875rem}.toolbar.svelte-1r1zaib{flex-wrap:wrap;align-items:end;gap:.6rem 1rem;display:flex}.field.svelte-1r1zaib{max-width:22rem;color:var(--muted);flex-direction:column;flex:1;gap:.2rem;font-size:.8125rem;display:flex}.field.svelte-1r1zaib input:where(.svelte-1r1zaib){border:1px solid var(--line);border-radius:var(--r-s);color:var(--ink);padding:.4rem .6rem;font-size:.9375rem;font-weight:600}.toolbar.svelte-1r1zaib>.btn-ghost:where(.svelte-1r1zaib){margin-left:auto}.controls.svelte-1r1zaib{flex-wrap:wrap;align-items:center;gap:.6rem 1.5rem;display:flex}.controls.svelte-1r1zaib .quality:where(.svelte-1r1zaib){flex:1;min-width:12rem;max-width:18rem}.row.svelte-1r1zaib{align-items:center;gap:.4rem;display:flex}.check.svelte-1r1zaib{color:var(--muted);cursor:pointer;align-items:center;gap:.35rem;font-size:.8125rem;display:flex}.check.svelte-1r1zaib input:where(.svelte-1r1zaib){accent-color:var(--primary)}input[type=color].svelte-1r1zaib{border:1px solid var(--line);border-radius:var(--r-s);cursor:pointer;background:0 0;width:2.2rem;height:2rem;padding:0}.stage.svelte-1r1zaib{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);justify-content:center;padding:1rem;display:flex}.canvas-wrap.svelte-1r1zaib{border:1px solid var(--line);line-height:0}canvas.svelte-1r1zaib{cursor:grab;touch-action:none;max-width:100%;max-height:56vh;display:block}canvas.svelte-1r1zaib:active{cursor:grabbing}.canvas-wrap.small.svelte-1r1zaib{width:min(480px,100%)}.canvas-wrap.small.svelte-1r1zaib canvas:where(.svelte-1r1zaib){width:100%;height:auto;max-height:none;image-rendering:pixelated}