.id-input.svelte-jd24l3{transition:border-color .18s ease}.id-input--drag.svelte-jd24l3{border-color:var(--accent);background:var(--sage-tint)}.id-drop.svelte-jd24l3{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;border:1.5px dashed var(--line-strong);border-radius:var(--r-ctl, 6px);background:var(--surface);color:var(--ink);cursor:pointer;transition:border-color .18s ease,background-color .18s ease}.id-drop.svelte-jd24l3:hover{border-color:var(--accent);background:var(--sage-tint)}.id-drop-ring.svelte-jd24l3{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--card);border:1px solid var(--line-strong);color:var(--accent)}.id-drop-label.svelte-jd24l3{font:600 14px/1 var(--font-body);color:var(--ink)}.id-drop-hint.svelte-jd24l3{font:500 12px/1 var(--font-mono);color:var(--ink-2)}.id-vs.svelte-jd24l3{display:flex;align-items:center;justify-content:center}.id-vs.svelte-jd24l3 span:where(.svelte-jd24l3){font:700 12px/1 var(--font-mono);letter-spacing:.08em;color:var(--ink-2);padding:5px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}.id-hl-row.svelte-jd24l3{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.id-hl.svelte-jd24l3{width:30px;height:30px;border-radius:var(--r-ctl, 6px);border:2px solid var(--line-strong);background:var(--sw);cursor:pointer;padding:0;transition:transform .12s ease,border-color .18s ease}.id-hl.svelte-jd24l3:hover{transform:translateY(-1px)}.id-hl--active.svelte-jd24l3{border-color:var(--ink);box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--accent)}.id-hl-custom.svelte-jd24l3{position:relative;width:30px;height:30px;border-radius:var(--r-ctl, 6px);border:2px dashed var(--line-strong);overflow:hidden;cursor:pointer;display:grid;place-items:center}.id-hl-custom.svelte-jd24l3:hover{border-color:var(--accent)}.id-hl-custom.svelte-jd24l3 input[type=color]:where(.svelte-jd24l3){position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.id-hl-custom-swatch.svelte-jd24l3{width:18px;height:18px;border-radius:3px;border:1px solid var(--line-strong)}.id-toggle.svelte-jd24l3{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--r-ctl, 6px);background:var(--card);color:var(--ink);cursor:pointer;transition:border-color .18s ease}.id-toggle.svelte-jd24l3:hover{border-color:var(--accent)}.id-toggle--on.svelte-jd24l3{border-color:var(--accent);background:var(--sage-tint)}.id-toggle-text.svelte-jd24l3{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--font-body)}.id-toggle-text.svelte-jd24l3 .icon{color:var(--ink-2)}.id-toggle--on.svelte-jd24l3 .id-toggle-text:where(.svelte-jd24l3) .icon{color:var(--accent)}.id-toggle-track.svelte-jd24l3{flex:none;position:relative;width:38px;height:22px;border-radius:999px;background:var(--line-strong);transition:background-color .18s ease}.id-toggle--on.svelte-jd24l3 .id-toggle-track:where(.svelte-jd24l3){background:var(--accent)}.id-toggle-knob.svelte-jd24l3{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--card);transition:transform .18s ease}.id-toggle--on.svelte-jd24l3 .id-toggle-knob:where(.svelte-jd24l3){transform:translate(16px)}.id-usecase.svelte-jd24l3{margin-top:4px}.id-ssim.svelte-jd24l3{display:flex;flex-direction:column;gap:6px}.id-ssim-track.svelte-jd24l3{height:8px;border-radius:4px;background:var(--line-strong);overflow:hidden}.id-ssim-fill.svelte-jd24l3{height:100%;transition:width .3s ease}.id-ssim-pct.svelte-jd24l3{font:500 12px/1 var(--font-mono);color:var(--ink-2)}.id-tabs.svelte-jd24l3{display:flex;gap:6px}.id-tab.svelte-jd24l3{padding:7px 14px;border:1px solid var(--line-strong);border-radius:var(--r-ctl, 6px);background:var(--card);color:var(--ink-2);font:600 12px/1 var(--font-body);cursor:pointer;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.id-tab.svelte-jd24l3:hover{border-color:var(--accent)}.id-tab--active.svelte-jd24l3{border-color:var(--accent);background:var(--sage-tint);color:var(--accent)}.id-diff-view.svelte-jd24l3{border:1px solid var(--line);border-radius:var(--r-card, 10px);overflow:hidden}.id-diff-view.svelte-jd24l3 .pw-img-fill:where(.svelte-jd24l3){aspect-ratio:auto;min-height:340px}