.compare.svelte-bc0ljy{position:relative;width:100%;overflow:hidden;user-select:none;touch-action:none}.compare.square.svelte-bc0ljy{aspect-ratio:1 / 1;max-height:560px;max-width:560px;margin:0 auto}.backdrop-bg.svelte-bc0ljy{position:absolute;inset:0;background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;pointer-events:none}.compare.has-bg.svelte-bc0ljy .backdrop-bg:where(.svelte-bc0ljy){background:var(--bg-color);background-size:auto;background-position:0 0;border-radius:var(--bg-radius)}.svg-layer.svelte-bc0ljy{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:240px;z-index:1}.svg-layer.svelte-bc0ljy svg{display:block;width:100%;height:auto;max-height:560px}.compare.has-bg.svelte-bc0ljy .svg-layer:where(.svelte-bc0ljy){padding:var(--bg-padding);box-sizing:border-box}.compare.square.svelte-bc0ljy .svg-layer:where(.svelte-bc0ljy){height:100%}.compare.square.svelte-bc0ljy .svg-layer:where(.svelte-bc0ljy) svg{width:100%;height:100%;max-height:100%}.svg-layer.svelte-bc0ljy path{cursor:pointer;transition:opacity .1s}.svg-layer.svelte-bc0ljy path:hover{opacity:.5}.original-side.svelte-bc0ljy{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%),#fff;background-size:16px 16px,16px 16px,16px 16px,16px 16px,auto;background-position:0 0,0 8px,8px -8px,-8px 0,0 0}.original-img.svelte-bc0ljy{display:block;width:100%;height:100%;object-fit:contain}.labels.svelte-bc0ljy{position:absolute;inset:0;pointer-events:none;display:flex;justify-content:space-between;padding:.75rem;z-index:3}.labels.svelte-bc0ljy span:where(.svelte-bc0ljy){background:#0009;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px;align-self:flex-start;height:fit-content}.handle.svelte-bc0ljy{position:absolute;top:0;bottom:0;width:28px;transform:translate(-50%);cursor:ew-resize;display:flex;align-items:center;justify-content:center;outline:none;z-index:2}.handle.svelte-bc0ljy:focus-visible .handle-knob:where(.svelte-bc0ljy){box-shadow:0 0 0 3px var(--accent)}.handle-line.svelte-bc0ljy{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 0 1px #00000026;transform:translate(-50%);pointer-events:none}.handle-knob.svelte-bc0ljy{position:relative;width:28px;height:28px;border-radius:999px;background:#fff;color:#18181b;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000040}.marquee-selection.svelte-bc0ljy{position:absolute;border:1px dashed var(--accent);background:#aceace33;pointer-events:none;z-index:10}.vectorizer.svelte-511cap{display:flex;flex-direction:column;gap:1.25rem}.dropzone.svelte-511cap{border:1.5px dashed var(--border);border-radius:12px;padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;color:var(--text)}.dropzone.svelte-511cap:hover,.dropzone.drag-over.svelte-511cap{border-color:var(--accent);background:var(--accent-bg)}.dropzone-title.svelte-511cap{margin:0;font-weight:500}.dropzone-hint.svelte-511cap{margin:0;font-size:.875rem;color:var(--muted)}.workspace.svelte-511cap{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:1.25rem;align-items:start}@media(max-width:880px){.workspace.svelte-511cap{grid-template-columns:1fr}}.controls.svelte-511cap{display:flex;flex-direction:column;gap:.75rem;min-width:0}.preview-pane.svelte-511cap{position:sticky;top:1rem;min-width:0}@media(max-width:880px){.preview-pane.svelte-511cap{position:static}}.file-row.svelte-511cap{display:flex;align-items:center;gap:.75rem;padding:.5rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.thumb.svelte-511cap{width:40px;height:40px;object-fit:cover;border-radius:6px;background:#f0f0f0;flex-shrink:0}.file-meta.svelte-511cap{flex:1;min-width:0}.file-name.svelte-511cap{font-weight:500;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size.svelte-511cap{font-size:.75rem;color:var(--muted)}.icon-btn.svelte-511cap{padding:.4rem!important}.card.svelte-511cap{display:flex;flex-direction:column;gap:.625rem;padding:.875rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a}.card-row.svelte-511cap{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.card-label.svelte-511cap{font-size:.8125rem;font-weight:500;color:var(--muted);min-width:56px}.custom-presets.svelte-511cap{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:-.25rem}.seg-x.svelte-511cap{padding-left:.4rem!important;padding-right:.4rem!important;color:var(--muted)}.seg-x.svelte-511cap:hover{color:#dc2626!important}.seg.svelte-511cap{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.seg.svelte-511cap legend:where(.svelte-511cap){padding:0;font-size:.75rem;color:var(--muted)}.seg-buttons.svelte-511cap{display:flex}.seg-buttons.svelte-511cap button:where(.svelte-511cap){padding:.35rem .7rem;font-family:inherit;font-size:.8125rem;background:transparent;border:1px solid var(--border);color:var(--text);cursor:pointer;transition:background .12s,border-color .12s}.seg-buttons.svelte-511cap button:where(.svelte-511cap):first-child{border-radius:6px 0 0 6px}.seg-buttons.svelte-511cap button:where(.svelte-511cap):last-child{border-radius:0 6px 6px 0}.seg-buttons.svelte-511cap button:where(.svelte-511cap):not(:first-child){margin-left:-1px}.seg-buttons.svelte-511cap button.on:where(.svelte-511cap){background:var(--accent);color:var(--accent-fg);border-color:var(--accent);position:relative;z-index:1}.color-pick.svelte-511cap{display:flex;align-items:center;gap:.375rem;margin-left:auto}.color-pick.svelte-511cap input[type=color]:where(.svelte-511cap){width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:6px;background:transparent;cursor:pointer}.color-pick.svelte-511cap .hex:where(.svelte-511cap){width:88px;padding:.3rem .5rem;font-family:var(--font-mono);font-size:.75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);text-transform:lowercase}.color-pick.svelte-511cap .hex:where(.svelte-511cap):focus{outline:none;border-color:var(--accent)}.slider.svelte-511cap{display:flex;flex-direction:column;gap:.375rem}.slider.tight.svelte-511cap{gap:.2rem}.slider-grid.svelte-511cap{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.slider-grid.three.svelte-511cap{grid-template-columns:1fr 1fr 1fr}@media(max-width:520px){.slider-grid.three.svelte-511cap{grid-template-columns:1fr}}.slider-head.svelte-511cap{display:flex;justify-content:space-between;align-items:baseline}.slider-head.svelte-511cap label:where(.svelte-511cap){font-size:.8125rem;font-weight:500}.slider-head.svelte-511cap .value:where(.svelte-511cap){font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}.slider.svelte-511cap input[type=range]:where(.svelte-511cap){width:100%;accent-color:var(--accent)}.slider-hint.svelte-511cap{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--muted)}.layers.svelte-511cap{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.layer-group.svelte-511cap{display:flex;flex-direction:column}.group-row.svelte-511cap{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.expand-btn.svelte-511cap{background:transparent;border:none;padding:0;cursor:pointer;color:var(--muted);display:flex;align-items:center;width:16px;height:16px}.expand-btn.svelte-511cap svg{transition:transform .15s}.expand-btn.svelte-511cap .rotated{transform:rotate(90deg)}.layer-swatch.svelte-511cap{position:relative;width:24px;height:24px;border-radius:5px;border:1px solid var(--border);cursor:pointer;overflow:hidden;transition:transform .1s;flex-shrink:0}.layer-swatch.small.svelte-511cap{width:20px;height:20px}.layer-swatch.svelte-511cap:hover{transform:scale(1.08)}.layer-swatch.hidden.svelte-511cap{cursor:not-allowed;background:linear-gradient(45deg,#d4d4d8 25%,transparent 25%),linear-gradient(-45deg,#d4d4d8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d4d4d8 75%),linear-gradient(-45deg,transparent 75%,#d4d4d8 75%),#fff;background-size:6px 6px;background-position:0 0,0 3px,3px -3px,-3px 0,0 0}.layer-swatch.hidden.svelte-511cap:after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent 47%,#dc2626 48%,#dc2626 52%,transparent 53%)}.layer-swatch.svelte-511cap input[type=color]:where(.svelte-511cap){position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.grad-toggle.svelte-511cap{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid var(--border);border-radius:6px;background:transparent;cursor:pointer;flex-shrink:0}.grad-toggle.svelte-511cap:hover:not(:disabled){border-color:var(--accent)}.grad-toggle.svelte-511cap:disabled{opacity:.4;cursor:default}.grad-toggle.on.svelte-511cap{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.grad-chip.svelte-511cap{width:13px;height:13px;border-radius:3px;background:linear-gradient(135deg,#ff6a00,#ee0979)}.grad-editor.svelte-511cap{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.45rem .5rem .45rem 1.75rem}.grad-stop.svelte-511cap{position:relative;width:22px;height:22px;border-radius:5px;border:1px solid var(--border);overflow:hidden;cursor:pointer;flex-shrink:0}.grad-stop.svelte-511cap input[type=color]:where(.svelte-511cap){position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.grad-angle-range.svelte-511cap{flex:1 1 60px;min-width:50px;accent-color:var(--accent)}.grad-presets.svelte-511cap{display:flex;gap:.3rem}.grad-preset.svelte-511cap{width:20px;height:20px;border-radius:5px;border:1px solid var(--border);padding:0;cursor:pointer}.grad-preset.svelte-511cap:hover{border-color:var(--accent);transform:scale(1.08)}.layer-meta.svelte-511cap{flex:1;font-size:.8125rem;color:var(--text)}.path-meta.svelte-511cap{font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}.layer-hide.svelte-511cap{padding:.2rem .5rem;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;transition:background .12s,border-color .12s,color .12s}.layer-hide.small.svelte-511cap{padding:.15rem .4rem}.layer-hide.svelte-511cap:hover{border-color:var(--accent);color:var(--text)}.layer-hide.on.svelte-511cap{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.layer-children.svelte-511cap{list-style:none;margin:0;padding:0 0 0 1.25rem;display:flex;flex-direction:column;gap:.1rem}.layer-children.svelte-511cap li:where(.svelte-511cap){display:flex;align-items:center;gap:.5rem;padding:.2rem .4rem;border-radius:6px;transition:background .1s}.layer-children.svelte-511cap li.hovered:where(.svelte-511cap){background:var(--accent-bg)}.layer-children.svelte-511cap li.removed:where(.svelte-511cap) .path-meta:where(.svelte-511cap){text-decoration:line-through;opacity:.6}.hint.svelte-511cap{margin:.25rem 0 0;font-size:.6875rem;color:var(--muted);font-style:italic}.advanced.svelte-511cap{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.advanced.svelte-511cap summary:where(.svelte-511cap){display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;cursor:pointer;user-select:none;list-style:none;font-weight:500;font-size:.875rem}.advanced.svelte-511cap summary:where(.svelte-511cap)::-webkit-details-marker{display:none}.advanced.svelte-511cap summary:where(.svelte-511cap) .chev{transition:transform .15s}.advanced[open].svelte-511cap summary:where(.svelte-511cap) .chev{transform:rotate(180deg)}.badge.svelte-511cap{margin-left:auto;font-size:.6875rem;font-weight:500;padding:.1rem .45rem;border-radius:999px;background:var(--accent-bg);color:var(--accent)}.sliders.svelte-511cap{padding:.875rem;display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--border)}.modes.svelte-511cap{display:flex;gap:1rem;flex-wrap:wrap}.advanced-actions.svelte-511cap{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid var(--border)}.save-preset.svelte-511cap{display:flex;gap:.25rem;margin-left:auto}.save-preset.svelte-511cap input:where(.svelte-511cap){padding:.3rem .5rem;font-family:inherit;font-size:.8125rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);min-width:0;width:130px}.save-preset.svelte-511cap input:where(.svelte-511cap):focus{outline:none;border-color:var(--accent)}.toggles-row.svelte-511cap{display:flex;align-items:center;gap:1rem;padding:0 .25rem;flex-wrap:wrap}.toggle.svelte-511cap{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text);cursor:pointer;user-select:none}.toggle.small.svelte-511cap{font-size:.8125rem}.toggle.svelte-511cap input[type=checkbox]:where(.svelte-511cap){appearance:none;-webkit-appearance:none;width:34px;height:18px;background:#ffffff26;border:1px solid var(--border);border-radius:999px;position:relative;outline:none;cursor:pointer;transition:background-color .2s,border-color .2s;flex-shrink:0}.toggle.svelte-511cap input[type=checkbox]:where(.svelte-511cap):after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.4,0,.2,1)}.toggle.svelte-511cap input[type=checkbox]:where(.svelte-511cap):checked{background-color:var(--accent-hover);border-color:var(--accent-hover)}.toggle.svelte-511cap input[type=checkbox]:where(.svelte-511cap):checked:after{transform:translate(16px);background:var(--accent-fg)}.toggle.svelte-511cap input[type=checkbox]:where(.svelte-511cap):focus-visible{box-shadow:0 0 0 2px #fff3}button.primary.svelte-511cap,button.ghost.svelte-511cap{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:8px;font-size:.875rem;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,opacity .15s}button.primary.svelte-511cap{background:var(--accent);color:var(--accent-fg)}button.primary.svelte-511cap:hover:not(:disabled){background:var(--accent-hover)}button.primary.svelte-511cap:disabled{opacity:.6;cursor:not-allowed}button.ghost.svelte-511cap{background:transparent;border-color:var(--border);color:var(--text)}button.ghost.svelte-511cap:hover:not(:disabled){border-color:var(--accent)}button.svelte-511cap:disabled{cursor:not-allowed;opacity:.6}.tiny-btn.svelte-511cap{padding:.25rem .55rem!important;font-size:.75rem!important;border-radius:6px!important;display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--border);background:transparent;color:var(--text);font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.tiny-btn.svelte-511cap:hover:not(:disabled){border-color:var(--accent)}.tiny-btn.primary-tiny.svelte-511cap{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.tiny-btn.primary-tiny.svelte-511cap:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.tiny-btn.svelte-511cap:disabled{opacity:.5;cursor:not-allowed}.spin{animation:svelte-511cap-spin 1s linear infinite}.muted{color:var(--muted)}@keyframes svelte-511cap-spin{to{transform:rotate(360deg)}}.error.svelte-511cap{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border-radius:8px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;font-size:.875rem;margin-bottom:.75rem}.placeholder.svelte-511cap{border:1px dashed var(--border);border-radius:10px;padding:4rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--muted);font-size:.875rem;text-align:center}.result.svelte-511cap{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#ffffff05;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.result-header.svelte-511cap{display:flex;justify-content:space-between;align-items:center;padding:.625rem .875rem;background:var(--surface);border-bottom:1px solid var(--border);gap:.625rem;flex-wrap:wrap}.result-actions.svelte-511cap{display:flex;align-items:center;gap:.5rem}.export-select.svelte-511cap{display:inline-flex}.export-select.svelte-511cap select:where(.svelte-511cap){appearance:none;-webkit-appearance:none;padding:.4rem .55rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:.8125rem;cursor:pointer}.export-select.svelte-511cap select:where(.svelte-511cap):hover{border-color:var(--accent)}.export-select.svelte-511cap select:where(.svelte-511cap):focus-visible{outline:none;border-color:var(--accent)}.size-compare.svelte-511cap{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--muted);flex-wrap:wrap}.output-size.svelte-511cap{color:var(--text);font-weight:500}.arrow.svelte-511cap,.dot.svelte-511cap{color:var(--muted)}.duration.svelte-511cap{font-family:var(--font-mono);font-size:.75rem}.hide-count.svelte-511cap{color:var(--text);font-weight:500}.hide-hint.svelte-511cap{font-style:italic}.hide-actions.svelte-511cap{display:flex;gap:.375rem}.speckle-count.svelte-511cap{display:inline-block;margin-left:.35rem;padding:0 .35rem;border-radius:999px;background:#ef444426;color:#ef4444;font-size:.7rem;font-weight:600;transition:background .15s}.speckle-count.active.svelte-511cap{background:#ef4444;color:#fff}svg path[data-preview-remove="1"]{animation:svelte-511cap-speckle-pulse .9s ease-in-out infinite alternate}@keyframes svelte-511cap-speckle-pulse{0%{opacity:.55}to{opacity:1}}.editor-toolbar.svelte-511cap{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--border);background:var(--surface);font-size:.75rem;gap:.75rem;flex-wrap:wrap;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tool-group.svelte-511cap{display:flex;gap:2px;background:#ffffff0d;padding:2px;border-radius:6px;border:1px solid var(--border)}.tool-btn.svelte-511cap{display:flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border:none;border-radius:4px;background:transparent;color:var(--muted);font-family:inherit;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.tool-btn.svelte-511cap:hover{color:var(--text);background:#ffffff0d}.tool-btn.active.svelte-511cap{background:var(--accent);color:var(--accent-fg)}.popover-backdrop.svelte-511cap{position:fixed;inset:0;z-index:999;background:transparent}.popover.svelte-511cap{position:fixed;z-index:1000;transform:translate(-50%,-100%);width:240px;padding:.625rem;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0006;animation:svelte-511cap-popover-in .15s cubic-bezier(.16,1,.3,1)}@keyframes svelte-511cap-popover-in{0%{opacity:0;transform:translate(-50%,-90%) scale(.95)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.popover-arrow.svelte-511cap{position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:inherit;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);z-index:-1}.popover-header.svelte-511cap{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:.25rem}.popover-title.svelte-511cap{font-weight:600;font-size:.75rem;color:var(--text)}.popover-close.svelte-511cap{border:none;background:transparent;color:var(--muted);font-size:1rem;cursor:pointer;padding:0;line-height:1}.popover-close.svelte-511cap:hover{color:var(--text)}.popover-body.svelte-511cap{display:flex;flex-direction:column;gap:.5rem}.popover-row.svelte-511cap{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.popover-row.actions.svelte-511cap{display:flex;gap:.25rem;flex-wrap:wrap;padding-top:.25rem;border-top:1px solid var(--border)}.popover-label.svelte-511cap{color:var(--muted);font-weight:500}.popover-color-hex.svelte-511cap{font-family:var(--font-mono);color:var(--text)}.popover-action-btn.svelte-511cap{flex:1;justify-content:center;white-space:nowrap;padding:.25rem .4rem!important}