.editor.svelte-1kgi1ef{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.toolbar.svelte-1kgi1ef{flex-direction:column;gap:.4rem;width:min(100%,92vw,480px);display:flex}.tools.svelte-1kgi1ef{flex-wrap:wrap;gap:.25rem;display:flex}.toolbar.svelte-1kgi1ef button:where(.svelte-1kgi1ef){border:1px solid var(--color-surface-2);background:var(--color-surface-1);min-height:36px;color:var(--color-text);cursor:pointer;border-radius:8px;padding:0 .6rem;font-size:.8rem}.toolbar.svelte-1kgi1ef button.active:where(.svelte-1kgi1ef){background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.toolbar.svelte-1kgi1ef button:where(.svelte-1kgi1ef):disabled{opacity:.4;cursor:default}.toolbar.svelte-1kgi1ef button.icon-tool:where(.svelte-1kgi1ef){justify-content:center;align-items:center;width:36px;padding:0;display:inline-flex}.icon-tool.svelte-1kgi1ef svg:where(.svelte-1kgi1ef){width:18px;height:18px}.canvas-wrap.svelte-1kgi1ef{aspect-ratio:2/3;touch-action:none;border:1px solid var(--color-surface-2);width:min(92vw,320px,46.6667dvh);position:relative}.canvas-wrap.comment.svelte-1kgi1ef{aspect-ratio:4;width:min(100%,92vw,480px)}.canvas-wrap.avatar.svelte-1kgi1ef{aspect-ratio:1;width:min(92vw,320px,50dvh);max-height:none}.canvas-wrap.svelte-1kgi1ef canvas{image-rendering:pixelated;position:absolute;top:0;left:0}.grid.svelte-1kgi1ef{width:100%;height:100%;display:grid;position:absolute;inset:0}.cell.svelte-1kgi1ef{background:0 0;border:none;min-height:0;padding:0}