.upload-zone.svelte-9hcwpe{background:linear-gradient(135deg,#fff,#f8fbff);border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:4rem 2rem;text-align:center;cursor:pointer;transition:all var(--anim-med) var(--ease-out);margin-bottom:2rem}.upload-zone.svelte-9hcwpe:hover,.upload-zone.drag-active.svelte-9hcwpe{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.upload-icon.svelte-9hcwpe{font-size:2.1rem;margin-bottom:1rem}.upload-hint.svelte-9hcwpe{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem}#file-input.svelte-9hcwpe{display:none}.workspace.svelte-9hcwpe{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:1.5rem;align-items:start;margin-bottom:1.6rem}.left-panel.svelte-9hcwpe{display:flex;flex-direction:column;gap:1rem;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.right-panel.svelte-9hcwpe{min-width:0;width:100%}.file-summary.svelte-9hcwpe{background:var(--surface-color);padding:1rem 1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color)}.summary-left.svelte-9hcwpe{display:flex;align-items:center;gap:1rem;min-width:0}#small-preview.svelte-9hcwpe{width:60px;height:60px;object-fit:cover;border-radius:8px;background:#f0f0f0;border:1px solid var(--border-color);flex-shrink:0}.file-text.svelte-9hcwpe{display:flex;flex-direction:column;min-width:0}.fname.svelte-9hcwpe{font-weight:600;color:var(--text-primary);font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fdims.svelte-9hcwpe{color:var(--text-secondary);font-size:.85rem}.fmeta.svelte-9hcwpe{color:var(--text-secondary);font-size:.8rem}.btn-text-danger.svelte-9hcwpe{background:none;border:none;color:var(--danger-color);cursor:pointer;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:background .2s;flex-shrink:0}.btn-text-danger.svelte-9hcwpe:hover{background:#ef44441a}.controls.svelte-9hcwpe{background:var(--surface-color);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--border-color)}.controls-title.svelte-9hcwpe{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.control-group.svelte-9hcwpe{margin-bottom:1.5rem}.control-group.svelte-9hcwpe:last-child{margin-bottom:0}.control-group.svelte-9hcwpe label:where(.svelte-9hcwpe){display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.preset-quick.svelte-9hcwpe{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.preset-pill.svelte-9hcwpe{border:1px solid var(--border-color);background:#f8fafc;color:var(--text-secondary);border-radius:8px;padding:.5rem .6rem;font-size:.78rem;font-weight:600;cursor:pointer;transition:all var(--anim-fast) var(--ease-out)}.preset-pill.svelte-9hcwpe:hover{border-color:#93c5fd;color:var(--accent-color)}.preset-pill.active.svelte-9hcwpe{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}select.svelte-9hcwpe{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background:#fff}select.svelte-9hcwpe,input[type=number].svelte-9hcwpe{transition:border-color var(--anim-fast) var(--ease-out)}select.svelte-9hcwpe:focus,input[type=number].svelte-9hcwpe:focus{border-color:var(--accent-color);outline:none}.dimensions-grid.svelte-9hcwpe{display:grid;grid-template-columns:1fr auto 1fr;align-items:flex-end;gap:.8rem}.input-wrapper.svelte-9hcwpe{flex:1;min-width:0}.input-wrapper.svelte-9hcwpe label:where(.svelte-9hcwpe){display:block;font-size:.8rem;margin-bottom:.4rem;color:var(--text-secondary)}.input-wrapper.svelte-9hcwpe input:where(.svelte-9hcwpe){width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1.1rem;text-align:center;font-weight:600}.lock-wrapper.svelte-9hcwpe{padding-bottom:.5rem;display:flex;flex-direction:column;gap:.45rem}.btn-lock.svelte-9hcwpe{background:none;border:1px solid var(--border-color);border-radius:8px;width:40px;height:40px;font-size:1.2rem;cursor:pointer;opacity:.4;transition:all .2s}.btn-lock.active.svelte-9hcwpe{opacity:1;background:#f0f9ff;border-color:var(--accent-color)}.btn-mini.svelte-9hcwpe{background:#fff;border:1px solid var(--border-color);border-radius:8px;width:40px;height:40px;font-size:1rem;cursor:pointer;color:var(--text-secondary);transition:all var(--anim-fast) var(--ease-out)}.btn-mini.svelte-9hcwpe:hover{border-color:var(--accent-color);color:var(--accent-color)}.control-note.svelte-9hcwpe{margin-top:.5rem;color:var(--text-secondary);font-size:.8rem}.output-settings.svelte-9hcwpe{border:1px solid var(--border-color);border-radius:10px;padding:.8rem;background:#f8fafc}.quality-wrap.svelte-9hcwpe{margin-top:.65rem}.quality-row.svelte-9hcwpe{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-bottom:.3rem}.quality-slider.svelte-9hcwpe{width:100%;accent-color:var(--accent-color)}.crop-editor.svelte-9hcwpe{background:var(--surface-color);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--border-color)}.editor-header.svelte-9hcwpe{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);gap:.8rem;flex-wrap:wrap}.editor-header.svelte-9hcwpe h3:where(.svelte-9hcwpe){font-size:1.1rem;color:var(--text-primary);margin:0}.editor-subtitle.svelte-9hcwpe{color:var(--text-secondary);font-size:.82rem;margin-top:.2rem}.fit-toggle.svelte-9hcwpe{display:flex;gap:.5rem;background:var(--bg-color);padding:4px;border-radius:8px}.fit-btn.svelte-9hcwpe{padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:all .2s}.fit-btn.active.svelte-9hcwpe{background:#fff;color:var(--accent-color);box-shadow:0 2px 4px #0000001a}.transform-controls.svelte-9hcwpe{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;padding:1rem;background:var(--bg-color);border-radius:8px;flex-wrap:wrap}.transform-group.svelte-9hcwpe{display:flex;gap:.5rem;align-items:center}.transform-label.svelte-9hcwpe{font-size:.8rem;color:var(--text-secondary);font-weight:600;margin-right:.5rem}.transform-btn.svelte-9hcwpe{background:#fff;border:1px solid var(--border-color);width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.transform-btn.svelte-9hcwpe:hover{border-color:var(--accent-color);background:var(--bg-color);transform:scale(1.05)}.transform-btn.active.svelte-9hcwpe{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.crop-canvas-container.svelte-9hcwpe{position:relative;width:100%;max-width:600px;margin:0 auto 1.5rem;background:linear-gradient(45deg,#e2e8f0 25%,transparent 25%) -10px 0/20px 20px,linear-gradient(-45deg,#e2e8f0 25%,transparent 25%) -10px 0/20px 20px,linear-gradient(45deg,transparent 75%,#e2e8f0 75%) -10px 0/20px 20px,linear-gradient(-45deg,transparent 75%,#e2e8f0 75%) -10px 0/20px 20px,#f8fafc;border-radius:8px;overflow:hidden;touch-action:none;border:1px solid var(--border-color)}canvas.svelte-9hcwpe{display:block;width:100%;height:auto;outline:none}canvas.dragging.svelte-9hcwpe{cursor:grabbing}canvas.svelte-9hcwpe:focus-visible{box-shadow:inset 0 0 0 2px #93c5fd}.crop-overlay.svelte-9hcwpe{position:absolute;inset:0;pointer-events:none;border:2px dashed var(--accent-color);background:#2563eb1a}.grid-overlay.svelte-9hcwpe{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,transparent 33%,rgba(255,255,255,.4) 33%,rgba(255,255,255,.4) 34%,transparent 34%,transparent 66%,rgba(255,255,255,.4) 66%,rgba(255,255,255,.4) 67%,transparent 67%),linear-gradient(to bottom,transparent 33%,rgba(255,255,255,.4) 33%,rgba(255,255,255,.4) 34%,transparent 34%,transparent 66%,rgba(255,255,255,.4) 66%,rgba(255,255,255,.4) 67%,transparent 67%)}.crop-selection.svelte-9hcwpe{position:absolute;border:2px solid #2563eb;background:#2563eb1f;box-shadow:0 0 0 9999px #0f172a73;pointer-events:auto;touch-action:none;cursor:move;min-width:24px;min-height:24px;z-index:5}.crop-selection.moving.svelte-9hcwpe{cursor:grabbing}.crop-size-badge.svelte-9hcwpe{position:absolute;left:50%;top:6px;transform:translate(-50%);background:#0f172ad9;color:#fff;font-size:.72rem;font-weight:600;padding:.15rem .45rem;border-radius:999px;white-space:nowrap;pointer-events:none}.crop-handle.svelte-9hcwpe{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:#2563eb;box-shadow:0 1px 3px #00000040}.crop-handle.nw.svelte-9hcwpe{top:-6px;left:-6px;cursor:nwse-resize}.crop-handle.n.svelte-9hcwpe{top:-6px;left:50%;transform:translate(-50%);cursor:ns-resize}.crop-handle.ne.svelte-9hcwpe{top:-6px;right:-6px;cursor:nesw-resize}.crop-handle.e.svelte-9hcwpe{top:50%;right:-6px;transform:translateY(-50%);cursor:ew-resize}.crop-handle.se.svelte-9hcwpe{bottom:-6px;right:-6px;cursor:nwse-resize}.crop-handle.s.svelte-9hcwpe{bottom:-6px;left:50%;transform:translate(-50%);cursor:ns-resize}.crop-handle.sw.svelte-9hcwpe{bottom:-6px;left:-6px;cursor:nesw-resize}.crop-handle.w.svelte-9hcwpe{top:50%;left:-6px;transform:translateY(-50%);cursor:ew-resize}.zoom-controls.svelte-9hcwpe{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.zoom-btn.svelte-9hcwpe{background:var(--surface-color);border:1px solid var(--border-color);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.zoom-btn.svelte-9hcwpe:hover{background:var(--bg-color);border-color:var(--accent-color)}.zoom-slider.svelte-9hcwpe{flex:1;max-width:200px;accent-color:var(--accent-color)}.zoom-value.svelte-9hcwpe{min-width:45px;text-align:right;font-size:.82rem;font-weight:600;color:var(--text-secondary)}.crop-info.svelte-9hcwpe{text-align:center;color:var(--text-secondary);font-size:.85rem;padding:1rem;background:var(--bg-color);border-radius:8px}.output-meta.svelte-9hcwpe{margin-top:.3rem;font-weight:600}.action-area.svelte-9hcwpe{text-align:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:1rem}.action-buttons.svelte-9hcwpe{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.btn-download.svelte-9hcwpe{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:1rem 2.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #2563eb47;transition:transform .2s}.btn-download.svelte-9hcwpe:hover{transform:translateY(-2px)}.btn-download.svelte-9hcwpe:disabled{opacity:.5;cursor:not-allowed}.btn-secondary-sm.svelte-9hcwpe{background:#fff;color:var(--text-secondary);border:1px solid var(--border-color);padding:.9rem 1.25rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--anim-fast) var(--ease-out)}.btn-secondary-sm.svelte-9hcwpe:hover{border-color:var(--accent-color);color:var(--accent-color)}.status-text.svelte-9hcwpe{margin-top:.7rem;min-height:1.2rem;font-size:.84rem;color:var(--text-secondary)}.status-text.error.svelte-9hcwpe{color:var(--danger-color)}@media(max-width:968px){.workspace.svelte-9hcwpe{grid-template-columns:1fr;gap:1.5rem}.left-panel.svelte-9hcwpe{position:static;max-height:none;order:2}.right-panel.svelte-9hcwpe{order:1}}@media(max-width:640px){.dimensions-grid.svelte-9hcwpe{grid-template-columns:1fr}.lock-wrapper.svelte-9hcwpe{align-self:center;flex-direction:row;justify-content:center;padding-bottom:0}.transform-controls.svelte-9hcwpe{flex-direction:column;align-items:center}.preset-quick.svelte-9hcwpe{grid-template-columns:1fr}.file-summary.svelte-9hcwpe{flex-direction:column;align-items:stretch;gap:1rem}.btn-text-danger.svelte-9hcwpe{align-self:flex-end}.editor-header.svelte-9hcwpe{flex-direction:column;align-items:stretch}.fit-toggle.svelte-9hcwpe{justify-content:center}}