.overlay.svelte-p4830b{touch-action:none;position:absolute;inset:0;overflow:hidden}.crop.svelte-p4830b{cursor:move;outline:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #0000008c}.grid.svelte-p4830b{pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.33% - .5px),#ffffff80 calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px) calc(66.66% - .5px),#ffffff80 calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px)),linear-gradient(#0000 calc(33.33% - .5px),#ffffff80 calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px) calc(66.66% - .5px),#ffffff80 calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px));position:absolute;inset:0}.handle.svelte-p4830b{border:4px solid #fff;width:22px;height:22px;position:absolute}.nw.svelte-p4830b{cursor:nwse-resize;border-width:4px 0 0 4px;top:0;left:0}.ne.svelte-p4830b{cursor:nesw-resize;border-width:4px 4px 0 0;top:0;right:0}.sw.svelte-p4830b{cursor:nesw-resize;border-width:0 0 4px 4px;bottom:0;left:0}.se.svelte-p4830b{cursor:nwse-resize;border-width:0 4px 4px 0;bottom:0;right:0}.handle.svelte-p4830b:after{content:"";position:absolute;inset:-14px}.bar.svelte-1r4t8q9{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;padding:8px;display:flex}.grow.svelte-1r4t8q9{text-align:center;white-space:nowrap;flex:1}.small.svelte-1r4t8q9{font-size:13px}.save.svelte-1r4t8q9{gap:6px;display:flex}.fmt.svelte-1r4t8q9{border:1px solid var(--line-strong);border-radius:var(--radius-sm);min-height:42px;padding:0 8px}.workspace.svelte-1r4t8q9{grid-template-columns:1fr 320px;align-items:start;gap:12px;display:grid}.stage.svelte-1r4t8q9{background:var(--bg-soft);place-items:center;height:calc(100vh - 260px);min-height:420px;max-height:820px;padding:16px;display:grid;overflow:hidden}.checker.svelte-1r4t8q9{background:repeating-conic-gradient(var(--bg-soft) 0 25%, var(--panel) 0 50%) 0 0 / 20px 20px}.frame.svelte-1r4t8q9{max-width:100%;max-height:100%;display:inline-flex;position:relative}canvas.svelte-1r4t8q9{object-fit:contain;max-width:100%;min-height:0;max-height:calc(min(100vh - 260px,820px) - 32px);box-shadow:var(--shadow);display:block}.panel.svelte-1r4t8q9{overflow:hidden}.tabs.svelte-1r4t8q9{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.tabs.svelte-1r4t8q9 button:where(.svelte-1r4t8q9){color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;justify-items:center;gap:4px;padding:10px 4px;font-size:13px;font-weight:600;display:grid}.tabs.svelte-1r4t8q9 button[aria-selected=true]:where(.svelte-1r4t8q9){color:var(--accent);border-bottom-color:var(--accent)}.body.svelte-1r4t8q9{gap:16px;padding:16px;display:grid}.slider.svelte-1r4t8q9{gap:4px;font-size:14px;font-weight:600;display:grid}.row.svelte-1r4t8q9{justify-content:space-between;display:flex}.reset.svelte-1r4t8q9{justify-self:start}.tip.svelte-1r4t8q9{margin-top:-8px;font-size:12px}.filters.svelte-1r4t8q9{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;display:grid}.filter.svelte-1r4t8q9{border-radius:var(--radius-sm);color:var(--text);font:inherit;cursor:pointer;background:0 0;border:2px solid #0000;justify-items:center;gap:6px;padding:4px;font-size:13px;display:grid}.filter.svelte-1r4t8q9 img:where(.svelte-1r4t8q9){aspect-ratio:1;object-fit:cover;background:var(--bg-soft);border-radius:8px;width:100%}.filter[aria-pressed=true].svelte-1r4t8q9{border-color:var(--accent);font-weight:600}.group.svelte-1r4t8q9{gap:8px;display:grid}.label.svelte-1r4t8q9{font-size:14px;font-weight:600}.buttons.svelte-1r4t8q9,.chips.svelte-1r4t8q9{flex-wrap:wrap;gap:8px;display:flex}.chip.svelte-1r4t8q9{border:1px solid var(--line-strong);background:var(--panel);min-height:34px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:0 12px;font-size:13px;font-weight:600}.chip[aria-pressed=true].svelte-1r4t8q9{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.size.svelte-1r4t8q9{grid-template-columns:1fr auto 1fr;align-items:end;gap:6px;display:grid}.size.svelte-1r4t8q9 input:where(.svelte-1r4t8q9){width:100%}.foot.svelte-1r4t8q9{margin-top:10px}@media (max-width:860px){.workspace.svelte-1r4t8q9{grid-template-columns:1fr}.stage.svelte-1r4t8q9{height:55vh;min-height:260px}canvas.svelte-1r4t8q9{max-height:calc(55vh - 32px)}}@media (max-width:560px){.hide-sm.svelte-1r4t8q9{display:none}.save.svelte-1r4t8q9{width:100%}.save.svelte-1r4t8q9 .btn:where(.svelte-1r4t8q9){flex:1}}