.group[data-v-a0da863f]{flex-direction:column;gap:.75rem;display:flex}.group-title[data-v-a0da863f]{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle);font-size:.72rem;font-weight:700}.field[data-v-a0da863f]{flex-direction:column;gap:.4rem;display:flex}.field--row[data-v-a0da863f]{flex-direction:row;justify-content:space-between;align-items:center}.label[data-v-a0da863f]{color:var(--color-text);font-size:.85rem;font-weight:600}.box[data-v-a31f0f5c]{cursor:move;touch-action:none;border:1.5px solid #fff;outline:1px solid #00000059;position:absolute}.box--crop[data-v-a31f0f5c]{box-shadow:0 0 0 9999px #1111148c}.box--handles-only[data-v-a31f0f5c]{pointer-events:none;border-color:var(--color-brand-500)}.box--handles-only .handle[data-v-a31f0f5c]{pointer-events:auto}.handle[data-v-a31f0f5c]{touch-action:none;background:#fff;border:1px solid #00000059;border-radius:3px;width:12px;height:12px;position:absolute}.handle--nw[data-v-a31f0f5c]{cursor:nwse-resize;top:-6px;left:-6px}.handle--n[data-v-a31f0f5c]{cursor:ns-resize;top:-6px;left:calc(50% - 6px)}.handle--ne[data-v-a31f0f5c]{cursor:nesw-resize;top:-6px;right:-6px}.handle--e[data-v-a31f0f5c]{cursor:ew-resize;top:calc(50% - 6px);right:-6px}.handle--se[data-v-a31f0f5c]{cursor:nwse-resize;bottom:-6px;right:-6px}.handle--s[data-v-a31f0f5c]{cursor:ns-resize;bottom:-6px;left:calc(50% - 6px)}.handle--sw[data-v-a31f0f5c]{cursor:nesw-resize;bottom:-6px;left:-6px}.handle--w[data-v-a31f0f5c]{cursor:ew-resize;top:calc(50% - 6px);left:-6px}.canvas-wrap[data-v-e3bfaf40]{border:1px solid var(--color-border);border-radius:var(--radius-card);background:repeating-conic-gradient(#f4f4f5 0 25%,#fff 0 50%) 50% /18px 18px;justify-content:center;padding:1rem;display:flex}.stage[data-v-e3bfaf40]{box-shadow:var(--shadow-card);touch-action:none;background:#fff;position:relative;overflow:hidden}.source[data-v-e3bfaf40]{-o-object-fit:fill;object-fit:fill;width:100%;height:100%;inset:0}.source[data-v-e3bfaf40],.text-object[data-v-e3bfaf40]{-webkit-user-select:none;user-select:none;position:absolute}.text-object[data-v-e3bfaf40]{place-items:center;line-height:1.12;display:grid}.text-layer[data-v-e3bfaf40]{white-space:pre-wrap;overflow-wrap:anywhere;grid-area:1/1}.text-layer--stroke[data-v-e3bfaf40]{color:#0000}.image-object[data-v-e3bfaf40]{-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;user-select:none;position:absolute}.workspace[data-v-37ccfec7]{flex-direction:column;gap:1.25rem;display:flex}.grid[data-v-37ccfec7]{grid-template-columns:minmax(0,1fr) 19rem;align-items:start;gap:1.5rem;display:grid}.canvas-col[data-v-37ccfec7]{gap:.75rem;min-width:0}.canvas-col[data-v-37ccfec7],.side[data-v-37ccfec7]{flex-direction:column;display:flex}.side[data-v-37ccfec7]{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-0);gap:1.25rem;padding:1.25rem}.export[data-v-37ccfec7]{flex-direction:column;gap:.5rem;display:flex}.error[data-v-37ccfec7]{border-radius:var(--radius-control);color:#b91c1c;background:#fef2f2;gap:.4rem;padding:.6rem .75rem;font-size:.82rem}.error[data-v-37ccfec7],.result[data-v-37ccfec7]{align-items:center;display:flex}.result[data-v-37ccfec7]{border:1px solid var(--color-brand-200);border-radius:var(--radius-card);background:var(--color-brand-50);gap:1.25rem;padding:1.25rem}.preview[data-v-37ccfec7]{border-radius:var(--radius-control);border:1px solid var(--color-border);background:#fff;max-width:12rem;max-height:10rem}.result-info[data-v-37ccfec7]{flex-direction:column;gap:.35rem;display:flex}.result-name[data-v-37ccfec7]{color:var(--color-text);font-size:.9rem;font-weight:650}.result-size[data-v-37ccfec7]{color:var(--color-text-muted);font-size:.82rem}.result-size strong[data-v-37ccfec7]{color:var(--color-text)}.delta[data-v-37ccfec7]{border-radius:var(--radius-pill);margin-left:.4rem;padding:.1rem .45rem;font-size:.74rem;font-weight:700;display:inline-block}.delta--good[data-v-37ccfec7]{color:#15803d;background:#dcfce7}.delta--bad[data-v-37ccfec7]{color:#b45309;background:#fef3c7}.grew[data-v-37ccfec7]{border-radius:var(--radius-control);color:#92400e;background:#fffbeb;align-items:flex-start;gap:.45rem;padding:.65rem .8rem;font-size:.82rem;line-height:1.55;display:flex}.grew svg[data-v-37ccfec7]{flex-shrink:0;margin-top:.1rem}@media (width<=900px){.grid[data-v-37ccfec7]{grid-template-columns:minmax(0,1fr)}}
