.tool-page.svelte-xuo7fr{max-width:1200px;margin:0 auto;padding:var(--space-28) var(--space-24) var(--space-72)}@media(max-width:600px){.tool-page.svelte-xuo7fr{padding:var(--space-20) var(--space-16) var(--space-56)}}.upload-area.svelte-xuo7fr{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-80) var(--space-24);text-align:center;background:var(--color-bg-secondary);cursor:pointer;transition:border-color var(--dur-150),background var(--dur-150),box-shadow var(--dur-200),transform var(--dur-200)}.upload-area.svelte-xuo7fr:hover,.upload-area.drag-over.svelte-xuo7fr{border-color:var(--color-primary);background: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);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 var(--dur-200) ease-out}.upload-placeholder.svelte-xuo7fr{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);color:var(--color-text-muted)}.upload-icon-wrap.svelte-xuo7fr{color:var(--color-primary)}.upload-hint.svelte-xuo7fr{font-size:var(--text-13);color:var(--color-text-subtle)}.editor.svelte-xuo7fr{display:grid;grid-template-columns:1fr 320px;gap:var(--space-24);align-items:start}@media(max-width:900px){.editor.svelte-xuo7fr{grid-template-columns:1fr}}.canvas-container.svelte-xuo7fr{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-16);overflow:hidden;display:flex;justify-content:center;align-items:center}canvas.svelte-xuo7fr{display:block;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;touch-action:none}.sidebar.svelte-xuo7fr{display:flex;flex-direction:column;gap:var(--space-16)}.panel.svelte-xuo7fr{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;padding:var(--space-14) var(--space-16)}.panel.svelte-xuo7fr h3:where(.svelte-xuo7fr){font-size:var(--text-12);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-10)}.aspect-grid.svelte-xuo7fr,.format-row.svelte-xuo7fr{display:flex;flex-wrap:wrap;gap:var(--space-6)}.preset-grid.svelte-xuo7fr{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.preset-pill.svelte-xuo7fr{display:flex;flex-direction:column;gap:1px;padding:var(--space-8) var(--space-10);border-radius:10px;border:1px solid var(--color-border);background:transparent;text-align:left;cursor:pointer;transition:border-color var(--dur-120),transform var(--dur-120),background var(--dur-120);font-family:var(--font-body, "Satoshi", sans-serif)}.preset-pill.svelte-xuo7fr:hover{border-color: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);box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .2)}.preset-group.svelte-xuo7fr{font-size:var(--text-10);font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--color-primary)}.preset-label.svelte-xuo7fr{font-size:var(--text-13);font-weight:600;color:var(--color-text)}.preset-dims.svelte-xuo7fr{font-size:var(--text-11);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.transform-row.svelte-xuo7fr{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.xform-btn.svelte-xuo7fr{padding:var(--space-8) var(--space-10);border-radius:10px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:var(--text-13);font-weight:600;cursor:pointer;transition:border-color var(--dur-120),color var(--dur-120),transform var(--dur-120),background var(--dur-120);font-family:var(--font-body, "Satoshi", sans-serif)}.xform-btn.svelte-xuo7fr:hover{border-color:var(--color-primary);color: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);box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .2)}.xform-active.svelte-xuo7fr{border-color:var(--color-primary);color: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);font-size:var(--text-12);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:var(--space-4);margin-top:var(--space-8)}.slider-row.svelte-xuo7fr>span:where(.svelte-xuo7fr){font-size:var(--text-12);color: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:var(--space-6);margin-top:var(--space-10)}.zoom-row.svelte-xuo7fr{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-6)}.zoom-slider.svelte-xuo7fr{flex:1;min-width:0}.xform-icon.svelte-xuo7fr{min-width:32px;padding:var(--space-6) 0;text-align:center;font-size:var(--text-16);line-height:1}.bg-row.svelte-xuo7fr{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);margin-top:var(--space-12)}.bg-label.svelte-xuo7fr{font-size:var(--text-13);font-weight:600;color:var(--color-text-muted)}.bg-swatches.svelte-xuo7fr{display:flex;gap:var(--space-6)}.bg-swatch.svelte-xuo7fr{width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:pointer;padding:0;overflow:hidden;position:relative}.bg-swatch.svelte-xuo7fr:hover{transform:translateY(-1px)}.bg-swatch.bg-active.svelte-xuo7fr{border-color:var(--color-primary);box-shadow:0 0 0 2px rgb(var(--color-primary-rgb) / .3)}.bg-checker.svelte-xuo7fr{background-image:conic-gradient(#cbd0d6 25%,#fff 0,#fff 50%,#cbd0d6 0,#cbd0d6 75%,#fff 0);background-size:12px 12px}.bg-pick.svelte-xuo7fr{display:inline-flex;align-items:center;justify-content:center;background:conic-gradient(from 0deg,#ff6b35,#f7b733,#4caf50,#2196f3,#9c27b0,#ff6b35)}.bg-pick.svelte-xuo7fr input[type=color]:where(.svelte-xuo7fr){opacity:0;width:100%;height:100%;cursor:pointer;border:none;padding:0}.aspect-pill.svelte-xuo7fr{padding:var(--space-6) var(--space-12);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:var(--text-13);font-weight:600;cursor:pointer;transition:all var(--dur-120);font-family:var(--font-body, "Satoshi", sans-serif)}.aspect-pill.svelte-xuo7fr:hover{border-color:var(--color-primary);color: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);box-shadow:0 0 0 3px rgb(var(--color-primary-rgb) / .25)}.aspect-active.svelte-xuo7fr{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text)}.aspect-active.svelte-xuo7fr:hover{color:var(--color-text);transform:translateY(-1px)}.dim-row.svelte-xuo7fr{display:flex;align-items:end;gap:var(--space-8);margin-bottom:var(--space-10)}.dim-row.svelte-xuo7fr label:where(.svelte-xuo7fr){display:flex;flex-direction:column;gap:var(--space-4);flex:1}.dim-row.svelte-xuo7fr label:where(.svelte-xuo7fr) span:where(.svelte-xuo7fr){font-size:var(--text-11);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.04em}.dim-row.svelte-xuo7fr input:where(.svelte-xuo7fr){width:100%;padding:var(--space-6) var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-14);color:var(--color-text);background: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)}.dim-x.svelte-xuo7fr{color:var(--color-text-subtle);padding-bottom:var(--space-8)}.lock-aspect.svelte-xuo7fr{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-13);color:var(--color-text-muted);cursor:pointer;margin-bottom:var(--space-6)}.dim-hint.svelte-xuo7fr{margin:0;font-size:var(--text-12);color:var(--color-text-subtle)}.quality-row.svelte-xuo7fr{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-8)}.quality-row.svelte-xuo7fr span:where(.svelte-xuo7fr){font-size:var(--text-12);color:var(--color-text-muted)}.quality-row.svelte-xuo7fr input:where(.svelte-xuo7fr){width:100%}.action-row.svelte-xuo7fr{display:flex;gap:var(--space-8)}.action-row.svelte-xuo7fr .action-btn:where(.svelte-xuo7fr){flex:1;justify-content:center}.info-block.svelte-xuo7fr{margin-top:var(--space-48);padding:var(--space-32) 0;border-top:1px solid var(--color-border);max-width:720px}.info-block.svelte-xuo7fr h2:where(.svelte-xuo7fr){font:700 var(--text-18)/1.3 var(--font-display);color:var(--color-text);margin:var(--space-16) 0 var(--space-8)}.info-block.svelte-xuo7fr p:where(.svelte-xuo7fr),.info-block.svelte-xuo7fr li:where(.svelte-xuo7fr){font-size:var(--text-15);color:var(--color-text-muted);line-height:1.6}.info-block.svelte-xuo7fr ul:where(.svelte-xuo7fr){padding-left:var(--space-20);margin:0}.info-block.svelte-xuo7fr strong:where(.svelte-xuo7fr){color: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}}