.upload-area.svelte-xuo7fr{border:2px dashed var(--color-border, var(--color-border));border-radius:12px;padding:80px 24px;text-align:center;background:var(--color-bg-secondary, var(--color-bg-secondary));cursor:pointer;transition:border-color .15s,background .15s,box-shadow .2s,transform .2s}.upload-area.svelte-xuo7fr:hover,.upload-area.drag-over.svelte-xuo7fr{border-color:var(--color-primary, var(--color-primary));background:var(--color-bg-tertiary, var(--color-bg-tertiary));box-shadow:0 0 0 4px rgb(var(--color-primary-rgb) / .12)}.upload-area.drag-over.svelte-xuo7fr{transform:scale(1.006)}.upload-area.svelte-xuo7fr:focus-visible{outline:none;border-color:var(--color-primary, var(--color-primary));box-shadow:0 0 0 4px rgb(var(--color-primary-rgb) / .18)}.upload-area.svelte-xuo7fr:hover .upload-icon-wrap:where(.svelte-xuo7fr){transform:translateY(-2px)}.upload-icon-wrap.svelte-xuo7fr{transition:transform .2s ease-out}.upload-placeholder.svelte-xuo7fr{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-text-muted, var(--color-text-muted))}.upload-icon-wrap.svelte-xuo7fr{color:var(--color-primary, var(--color-primary))}.upload-hint.svelte-xuo7fr{font-size:.8125rem;color:var(--color-text-subtle, var(--color-text-subtle))}.editor.svelte-xuo7fr{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}@media(max-width:900px){.editor.svelte-xuo7fr{grid-template-columns:1fr}}.canvas-container.svelte-xuo7fr{background:var(--color-bg-tertiary, var(--color-bg-tertiary));border-radius:12px;padding:16px;overflow:hidden;display:flex;justify-content:center;align-items:center}canvas.svelte-xuo7fr{display:block;border-radius:6px;box-shadow:0 1px 3px #0000001a;touch-action:none}.sidebar.svelte-xuo7fr{display:flex;flex-direction:column;gap:16px}.panel.svelte-xuo7fr{background:var(--color-bg-secondary, var(--color-bg-secondary));border:1px solid var(--color-border, var(--color-border));border-radius:10px;padding:14px 16px}.panel.svelte-xuo7fr h3:where(.svelte-xuo7fr){font-size:.75rem;font-weight:700;color:var(--color-text-muted, var(--color-text-muted));text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}.aspect-grid.svelte-xuo7fr,.format-row.svelte-xuo7fr{display:flex;flex-wrap:wrap;gap:6px}.preset-grid.svelte-xuo7fr{display:grid;grid-template-columns:1fr 1fr;gap:6px}.preset-pill.svelte-xuo7fr{display:flex;flex-direction:column;gap:1px;padding:8px 10px;border-radius:10px;border:1px solid var(--color-border, var(--color-border));background:transparent;text-align:left;cursor:pointer;transition:border-color .12s,transform .12s,background .12s;font-family:var(--font-body, "Satoshi", sans-serif)}.preset-pill.svelte-xuo7fr:hover{border-color:var(--color-primary, var(--color-primary));transform:translateY(-1px)}.preset-pill.svelte-xuo7fr:active{transform:translateY(0) scale(.97)}.preset-pill.svelte-xuo7fr:focus-visible{outline:none;border-color:var(--color-primary, var(--color-primary));box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .2)}.preset-group.svelte-xuo7fr{font-size:.65rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--color-primary, var(--color-primary))}.preset-label.svelte-xuo7fr{font-size:.8125rem;font-weight:600;color:var(--color-text, var(--color-text))}.preset-dims.svelte-xuo7fr{font-size:.7rem;color:var(--color-text-muted, var(--color-text-muted));font-variant-numeric:tabular-nums}.transform-row.svelte-xuo7fr{display:grid;grid-template-columns:1fr 1fr;gap:6px}.xform-btn.svelte-xuo7fr{padding:8px 10px;border-radius:10px;border:1px solid var(--color-border, var(--color-border));background:transparent;color:var(--color-text-muted, var(--color-text-muted));font-size:.8125rem;font-weight:600;cursor:pointer;transition:border-color .12s,color .12s,transform .12s,background .12s;font-family:var(--font-body, "Satoshi", sans-serif)}.xform-btn.svelte-xuo7fr:hover{border-color:var(--color-primary, var(--color-primary));color:var(--color-text, var(--color-text));transform:translateY(-1px)}.xform-btn.svelte-xuo7fr:active{transform:translateY(0) scale(.97)}.xform-btn.svelte-xuo7fr:focus-visible{outline:none;border-color:var(--color-primary, var(--color-primary));box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .2)}.xform-active.svelte-xuo7fr{border-color:var(--color-primary, var(--color-primary));color:var(--color-primary, var(--color-primary));background:rgb(var(--color-primary-rgb) / .08)}.panel-head.svelte-xuo7fr{display:flex;align-items:center;justify-content:space-between}.panel-head.svelte-xuo7fr h3:where(.svelte-xuo7fr){margin:0}.reset-link.svelte-xuo7fr{background:none;border:none;color:var(--color-primary, var(--color-primary));font-size:.75rem;font-weight:600;cursor:pointer;padding:0;font-family:var(--font-body, "Satoshi", sans-serif)}.reset-link.svelte-xuo7fr:hover{text-decoration:underline}.slider-row.svelte-xuo7fr{display:flex;flex-direction:column;gap:4px;margin-top:8px}.slider-row.svelte-xuo7fr>span:where(.svelte-xuo7fr){font-size:.75rem;color:var(--color-text-muted, var(--color-text-muted));font-variant-numeric:tabular-nums}.slider-row.svelte-xuo7fr input[type=range]:where(.svelte-xuo7fr){width:100%}.filter-pills.svelte-xuo7fr{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.zoom-row.svelte-xuo7fr{display:flex;align-items:center;gap:6px;margin-top:6px}.zoom-slider.svelte-xuo7fr{flex:1;min-width:0}.xform-icon.svelte-xuo7fr{min-width:32px;padding:6px 0;text-align:center;font-size:1rem;line-height:1}.aspect-pill.svelte-xuo7fr{padding:6px 12px;border-radius:16px;border:1px solid var(--color-border, var(--color-border));background:transparent;color:var(--color-text-muted, var(--color-text-muted));font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .12s;font-family:var(--font-body, "Satoshi", sans-serif)}.aspect-pill.svelte-xuo7fr:hover{border-color:var(--color-primary, var(--color-primary));color:var(--color-text, var(--color-text));transform:translateY(-1px)}.aspect-pill.svelte-xuo7fr:active{transform:translateY(0) scale(.97)}.aspect-pill.svelte-xuo7fr:focus-visible{outline:none;border-color:var(--color-primary, var(--color-primary));box-shadow:0 0 0 3px rgb(var(--color-primary-rgb) / .25)}.aspect-active.svelte-xuo7fr{background:var(--color-primary, var(--color-primary));border-color:var(--color-primary, var(--color-primary));color:#fff}.aspect-active.svelte-xuo7fr:hover{color:#fff;transform:translateY(-1px)}.dim-row.svelte-xuo7fr{display:flex;align-items:end;gap:8px;margin-bottom:10px}.dim-row.svelte-xuo7fr label:where(.svelte-xuo7fr){display:flex;flex-direction:column;gap:4px;flex:1}.dim-row.svelte-xuo7fr label:where(.svelte-xuo7fr) span:where(.svelte-xuo7fr){font-size:.7rem;color:var(--color-text-subtle, var(--color-text-subtle));text-transform:uppercase;letter-spacing:.04em}.dim-row.svelte-xuo7fr input:where(.svelte-xuo7fr){width:100%;padding:6px 10px;border:1px solid var(--color-border, var(--color-border));border-radius:6px;font-size:.875rem;color:var(--color-text, var(--color-text));background:var(--color-bg-secondary, var(--color-bg-secondary));font-family:var(--font-body, "Satoshi", sans-serif)}.dim-row.svelte-xuo7fr input:where(.svelte-xuo7fr):focus{outline:none;border-color:var(--color-primary, var(--color-primary))}.dim-x.svelte-xuo7fr{color:var(--color-text-subtle, var(--color-text-subtle));padding-bottom:8px}.lock-aspect.svelte-xuo7fr{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--color-text-muted, var(--color-text-muted));cursor:pointer;margin-bottom:6px}.dim-hint.svelte-xuo7fr{margin:0;font-size:.75rem;color:var(--color-text-subtle, var(--color-text-subtle))}.quality-row.svelte-xuo7fr{display:flex;flex-direction:column;gap:6px;margin-top:8px}.quality-row.svelte-xuo7fr span:where(.svelte-xuo7fr){font-size:.75rem;color:var(--color-text-muted, var(--color-text-muted))}.quality-row.svelte-xuo7fr input:where(.svelte-xuo7fr){width:100%}.action-row.svelte-xuo7fr{display:flex;gap:8px}.action-row.svelte-xuo7fr .action-btn:where(.svelte-xuo7fr){flex:1;justify-content:center}.info-block.svelte-xuo7fr{margin-top:48px;padding:32px 0;border-top:1px solid var(--color-border, var(--color-border));max-width:720px}.info-block.svelte-xuo7fr h2:where(.svelte-xuo7fr){font-size:1.125rem;font-weight:700;color:var(--color-text, var(--color-text));margin:16px 0 8px}.info-block.svelte-xuo7fr p:where(.svelte-xuo7fr),.info-block.svelte-xuo7fr li:where(.svelte-xuo7fr){font-size:.9375rem;color:var(--color-text-muted, var(--color-text-muted));line-height:1.6}.info-block.svelte-xuo7fr ul:where(.svelte-xuo7fr){padding-left:20px;margin:0}.info-block.svelte-xuo7fr strong:where(.svelte-xuo7fr){color:var(--color-text, var(--color-text))}@media(prefers-reduced-motion:reduce){.upload-area.svelte-xuo7fr,.upload-icon-wrap.svelte-xuo7fr,.aspect-pill.svelte-xuo7fr{transition:none}.upload-area.drag-over.svelte-xuo7fr,.upload-area.svelte-xuo7fr:hover .upload-icon-wrap:where(.svelte-xuo7fr),.aspect-pill.svelte-xuo7fr:hover,.aspect-pill.svelte-xuo7fr:active,.aspect-active.svelte-xuo7fr:hover{transform:none}}