:root{--bg:#0e0f12;--surface:#15171c;--surface-raised:#1c1f25;--text:#b4b8c2;--text-strong:#f0f1f4;--text-muted:#6c7180;--border:#2a2d35;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--bg:#fafafa;--surface:#fff;--surface-raised:#f1f2f5;--text:#404550;--text-strong:#14161b;--text-muted:#888d99;--border:#dadde2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}#app{flex-direction:column;min-height:100dvh;display:flex}button{font-family:inherit}.crops-list.svelte-5plaep{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin:0 24px 16px;padding:12px 16px;display:flex}.label.svelte-5plaep{font-size:11px;font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.crop.svelte-5plaep{background:var(--surface-raised);border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 4px 4px 8px;transition:opacity .15s;display:inline-flex}.crop.disabled.svelte-5plaep{opacity:.45}.swatch.svelte-5plaep{background:var(--swatch);cursor:pointer;border:0;border-radius:50%;flex:none;width:14px;height:14px;padding:0;transition:transform .12s,background .15s}.swatch.svelte-5plaep:hover{transform:scale(1.15)}.swatch.svelte-5plaep:focus-visible{outline:2px solid var(--text-strong);outline-offset:2px}.crop.disabled.svelte-5plaep .swatch:where(.svelte-5plaep){background:var(--text-muted)}.crop.svelte-5plaep input[type=number]:where(.svelte-5plaep),.crop.svelte-5plaep input[type=text]:where(.svelte-5plaep){font-family:var(--mono);background:var(--bg);border:1px solid var(--border);color:var(--text-strong);border-radius:4px;padding:4px 6px;font-size:13px}.crop.svelte-5plaep input.name:where(.svelte-5plaep){width:110px;font-family:var(--sans)}.crop.svelte-5plaep input[type=number]:where(.svelte-5plaep){appearance:textfield;width:64px}.crop.svelte-5plaep input[type=number]:where(.svelte-5plaep)::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.crop.svelte-5plaep input[type=number]:where(.svelte-5plaep)::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.crop.svelte-5plaep .ratio:where(.svelte-5plaep){width:72px}.crop.svelte-5plaep .ratio-preset:where(.svelte-5plaep){font-family:var(--mono);background:var(--bg);border:1px solid var(--border);color:var(--text-strong);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath fill='%23888' d='M0 0l4 5 4-5z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:4px;padding:4px 24px 4px 8px;font-size:13px}.crop.svelte-5plaep input:where(.svelte-5plaep):focus-visible,.crop.svelte-5plaep .ratio-preset:where(.svelte-5plaep):focus-visible{outline:2px solid var(--text-strong);outline-offset:1px}.crop.svelte-5plaep .x:where(.svelte-5plaep),.crop.svelte-5plaep .sep:where(.svelte-5plaep){color:var(--text-muted);font-size:12px}.resize.svelte-5plaep{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:12px;display:inline-flex}.resize.disabled.svelte-5plaep{opacity:.45;cursor:not-allowed}.resize.svelte-5plaep input[type=checkbox]:where(.svelte-5plaep){accent-color:var(--text-strong);margin:0}.output.svelte-5plaep{font-family:var(--mono);color:var(--text-muted);white-space:nowrap;font-size:12px}.crop.svelte-5plaep .remove:where(.svelte-5plaep){appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 6px;font-size:16px;line-height:1}.crop.svelte-5plaep .remove:where(.svelte-5plaep):hover{color:var(--text-strong);background:var(--bg)}.add-row.svelte-5plaep{flex-wrap:wrap;gap:8px;display:inline-flex}.add-crop.svelte-5plaep,.add-preset.svelte-5plaep{appearance:none;border:1px dashed var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,color .15s}.add-preset.svelte-5plaep{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath fill='%23888' d='M0 0l4 5 4-5z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.add-crop.svelte-5plaep:hover,.add-crop.svelte-5plaep:focus-visible,.add-preset.svelte-5plaep:hover,.add-preset.svelte-5plaep:focus-visible{border-color:var(--text-strong);color:var(--text-strong);outline:none}.drop-zone.svelte-ch8vdo{border:1px dashed var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:8px;flex-direction:column;flex:1;margin:24px;transition:border-color .15s,background .15s,color .15s;display:flex}.drop-zone.svelte-ch8vdo:hover,.drop-zone.svelte-ch8vdo:focus-visible{border-color:var(--text-strong);color:var(--text-strong);outline:none}.drop-zone.dragging.svelte-ch8vdo{border-color:var(--text-strong);color:var(--text-strong);background:var(--surface-raised)}.empty.svelte-ch8vdo{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:48px 24px;display:flex}.primary.svelte-ch8vdo{margin:0;font-size:16px}.secondary.svelte-ch8vdo{color:var(--text-muted);margin:0;font-size:13px}.gallery.svelte-ch8vdo{flex-wrap:wrap;align-content:flex-start;gap:16px;padding:16px;display:flex}.prompt.svelte-ch8vdo{text-align:center;color:var(--text-muted);margin:0;padding:14px 16px 18px;font-size:13px}.export-bar.svelte-h88szq{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin:0 24px 16px;padding:12px 16px;display:flex}.label.svelte-h88szq{font-size:11px;font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.field.svelte-h88szq{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.field.filename.svelte-h88szq{flex-direction:column;flex:260px;align-items:stretch;gap:6px;min-width:240px;display:flex}.field-label.svelte-h88szq{-webkit-user-select:none;user-select:none}.filename-row.svelte-h88szq{align-items:center;gap:6px;display:flex}.select.svelte-h88szq,.input.svelte-h88szq,.quality-num.svelte-h88szq{font-family:var(--mono);background:var(--bg);border:1px solid var(--border);color:var(--text-strong);border-radius:4px;padding:4px 6px;font-size:13px}.select.svelte-h88szq{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath fill='%23888' d='M0 0l4 5 4-5z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:22px}.input.svelte-h88szq{box-sizing:border-box;width:100%}.pattern.svelte-h88szq{flex:auto}.ext-suffix.svelte-h88szq{font-family:var(--mono);color:var(--text-muted);-webkit-user-select:none;user-select:none;flex:none;font-size:13px}.range.svelte-h88szq{accent-color:var(--text-strong);flex:none;width:120px}.quality-num.svelte-h88szq{font-variant-numeric:tabular-nums;text-align:center;min-width:28px;padding:4px 6px}.select.svelte-h88szq:focus-visible,.input.svelte-h88szq:focus-visible,.range.svelte-h88szq:focus-visible{outline:2px solid var(--text-strong);outline-offset:1px}.tokens-btn.svelte-h88szq{appearance:none;color:var(--text-muted);border:1px dashed var(--border);cursor:pointer;background:0 0;border-radius:4px;flex:none;padding:4px 10px;font-family:inherit;font-size:12px;transition:border-color .15s,color .15s}.tokens-btn.svelte-h88szq:hover,.tokens-btn.svelte-h88szq:focus-visible{border-color:var(--text-strong);color:var(--text-strong);outline:none}.tokens-btn[aria-expanded=true].svelte-h88szq{color:var(--text-strong);border-style:solid;border-color:var(--text-muted)}.tokens-panel.svelte-h88szq{background:var(--surface-raised);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:8px;padding:8px 10px;display:flex}.tokens-row.svelte-h88szq{flex-wrap:wrap;gap:6px;display:flex}.token-chip.svelte-h88szq{appearance:none;font-family:var(--mono);color:var(--text-strong);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:12px;transition:border-color .15s}.token-chip.svelte-h88szq:hover,.token-chip.svelte-h88szq:focus-visible{border-color:var(--text-strong);outline:none}.preview.svelte-h88szq{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.preview-label.svelte-h88szq{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.preview-value.svelte-h88szq{font-family:var(--mono);color:var(--text-strong);word-break:break-all}.save.svelte-h88szq{appearance:none;background:var(--text-strong);color:var(--bg);cursor:pointer;border:0;border-radius:6px;padding:7px 14px;font-family:inherit;font-size:13px;transition:opacity .15s,transform 50ms}.save.svelte-h88szq:hover:not(:disabled){opacity:.9}.save.svelte-h88szq:active:not(:disabled){transform:scale(.98)}.save.svelte-h88szq:disabled{opacity:.4;cursor:not-allowed}.error.svelte-h88szq{color:#e58a8a;flex:100%;margin:0;font-size:12px}.theme-toggle.svelte-lu0t34{appearance:none;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;place-items:center;width:32px;height:32px;padding:0;font-size:14px;line-height:1;transition:border-color .15s,background .15s;display:inline-grid}.theme-toggle.svelte-lu0t34:hover{border-color:var(--text-strong);background:var(--surface-raised)}.theme-toggle.svelte-lu0t34:focus-visible{outline:2px solid var(--text-strong);outline-offset:2px}.thumb.svelte-1246ie3{width:clamp(240px,26vw,480px);aspect-ratio:var(--ratio);background:var(--surface-raised);border:1px solid var(--border);cursor:crosshair;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:8px;margin:0;position:relative;overflow:hidden}.thumb.dragging.svelte-1246ie3{cursor:grabbing}.thumb.svelte-1246ie3 img:where(.svelte-1246ie3){object-fit:cover;width:100%;height:100%;display:block}.saliency-overlay.svelte-1246ie3,.rects.svelte-1246ie3{pointer-events:none;position:absolute;inset:0}.rect.svelte-1246ie3{border:2px solid var(--color);box-sizing:border-box;pointer-events:none;position:absolute}.rect.upsampled.svelte-1246ie3{border-style:dashed}.handle.svelte-1246ie3{background:color-mix(in srgb, var(--color), transparent 55%);pointer-events:auto;opacity:0;width:20px;height:20px;transition:opacity .15s;position:absolute}.thumb.svelte-1246ie3:hover .handle:where(.svelte-1246ie3),.thumb.svelte-1246ie3:focus-within .handle:where(.svelte-1246ie3),.thumb.dragging.svelte-1246ie3 .handle:where(.svelte-1246ie3){opacity:1}.handle.tl.svelte-1246ie3{cursor:nwse-resize;top:0;left:0}.handle.tr.svelte-1246ie3{cursor:nesw-resize;top:0;right:0}.handle.bl.svelte-1246ie3{cursor:nesw-resize;bottom:0;left:0}.handle.br.svelte-1246ie3{cursor:nwse-resize;bottom:0;right:0}@media (hover:none){.handle.svelte-1246ie3{opacity:1;width:28px;height:28px}}.fp.svelte-1246ie3{pointer-events:none;filter:drop-shadow(0 0 2px #000000b3);opacity:.55;position:absolute;transform:translate(-50%,-50%)}.fp.detected.svelte-1246ie3{opacity:1}.caption.svelte-1246ie3{color:#fff;pointer-events:none;background:linear-gradient(#0000,#000000b3);justify-content:space-between;gap:12px;padding:16px 12px 10px;font-size:12px;display:flex;position:absolute;inset:auto 0 0}.name.svelte-1246ie3{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dims.svelte-1246ie3{font-variant-numeric:tabular-nums;opacity:.85;flex:none}.remove.svelte-1246ie3{color:#fff;cursor:pointer;opacity:0;background:#0009;border:0;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;font-size:16px;line-height:1;transition:opacity .15s;display:grid;position:absolute;top:6px;right:6px}.thumb.svelte-1246ie3:hover .remove:where(.svelte-1246ie3),.thumb.svelte-1246ie3:focus-within .remove:where(.svelte-1246ie3),.remove.svelte-1246ie3:focus-visible{opacity:1}@media (hover:none){.remove.svelte-1246ie3{opacity:1}}.remove.svelte-1246ie3:focus-visible{outline-offset:2px;outline:2px solid #fff}header.svelte-1n46o8q{z-index:10;border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.brand.svelte-1n46o8q{font-family:var(--mono);letter-spacing:.02em;color:var(--text-strong);font-size:14px}.header-meta.svelte-1n46o8q{align-items:center;gap:12px;display:inline-flex}.saliency-toggle.svelte-1n46o8q{font-family:var(--mono);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:inline-flex}.saliency-toggle.svelte-1n46o8q input:where(.svelte-1n46o8q){accent-color:var(--text-strong);margin:0}.saliency-toggle.svelte-1n46o8q:hover{border-color:var(--text-muted);color:var(--text-strong)}main.svelte-1n46o8q{flex-direction:column;flex:1;min-height:0;display:flex}