.compare-range.svelte-1pylxqe{appearance:none;position:absolute;z-index:20;top:0;bottom:0;left:-22px;width:calc(100% + 44px);height:100%;margin:0;cursor:ew-resize;touch-action:none;background:transparent;opacity:0}.compare-range.svelte-1pylxqe::-webkit-slider-runnable-track{height:100%;background:transparent}.compare-range.svelte-1pylxqe::-webkit-slider-thumb{appearance:none;width:44px;height:100%;border:0;background:transparent;cursor:ew-resize}.compare-range.svelte-1pylxqe::-moz-range-track{height:100%;border:0;background:transparent}.compare-range.svelte-1pylxqe::-moz-range-thumb{width:44px;height:100%;border:0;background:transparent;cursor:ew-resize}.compare-range.svelte-1pylxqe:active+.compare-divider:where(.svelte-1pylxqe) .compare-handle:where(.svelte-1pylxqe){scale:1.08}.compare-range.svelte-1pylxqe:focus-visible+.compare-divider:where(.svelte-1pylxqe) .compare-handle:where(.svelte-1pylxqe){outline:3px solid rgb(34 211 238);outline-offset:3px}.edit-source-area.svelte-1pylxqe{min-height:430px}.edit-source-area-ready.svelte-1pylxqe{min-height:260px}.edit-image-stage.svelte-1pylxqe{max-height:220px;width:min(100%,calc(220px * var(--source-ratio)))}@media (min-width: 640px){.edit-source-area.svelte-1pylxqe,.edit-source-area-ready.svelte-1pylxqe{min-height:560px}.edit-image-stage.svelte-1pylxqe{max-height:68vh;width:min(100%,calc(68vh * var(--source-ratio)))}}.tool-button.svelte-1pylxqe{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgb(51 65 85);border-radius:.75rem;padding:.5rem .75rem;color:#94a3b8;font-size:.75rem;font-weight:800;transition:.16s ease}.tool-button.svelte-1pylxqe:hover,.tool-button-active.svelte-1pylxqe{border-color:#22d3ee99;background:#22d3ee1a;color:#a5f3fc}.mode-card.svelte-1pylxqe{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.25rem .6rem;min-height:5.3rem;border:1px solid rgb(51 65 85);border-radius:1rem;padding:.8rem;text-align:left;color:#94a3b8;transition:.16s ease}.mode-card.svelte-1pylxqe span:where(.svelte-1pylxqe){color:#f1f5f9;font-size:.82rem;font-weight:900}.mode-card.svelte-1pylxqe small:where(.svelte-1pylxqe){grid-column:1 / -1;color:#64748b;font-size:.68rem;line-height:1rem}.mode-card.svelte-1pylxqe:hover,.mode-card-active.svelte-1pylxqe{border-color:#22d3ee99;background:#22d3ee14;color:#67e8f9}.preset-button.svelte-1pylxqe{display:flex;min-height:2.65rem;align-items:center;justify-content:space-between;gap:.5rem;border:1px solid rgb(51 65 85);border-radius:.75rem;padding:.55rem .7rem;color:#94a3b8;font-size:.72rem;font-weight:850;transition:.16s ease}.preset-button.svelte-1pylxqe small:where(.svelte-1pylxqe){color:#475569;font-family:monospace}.preset-button.svelte-1pylxqe:hover,.preset-button-active.svelte-1pylxqe{border-color:#22d3ee8c;background:#22d3ee14;color:#cffafe}.result-button.svelte-1pylxqe{display:inline-flex;min-height:2.8rem;align-items:center;justify-content:center;gap:.5rem;border:1px solid rgb(51 65 85);border-radius:.9rem;color:#e2e8f0;font-size:.78rem;font-weight:850;transition:.16s ease}.result-button.svelte-1pylxqe:hover{border-color:#22d3ee8c;color:#fff}.result-button-primary.svelte-1pylxqe{border-color:transparent;background:#22d3ee;color:#020617}.result-button-primary.svelte-1pylxqe:hover{background:#67e8f9;color:#020617}