.comparison-container.svelte-605753{flex-direction:column;align-items:center;gap:8px;display:flex}.labels.svelte-605753{justify-content:space-between;width:100%;padding:0 8px;display:flex}.label.svelte-605753{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.label.original.svelte-605753{color:var(--color-info,#3b82f6)}.label.converted.svelte-605753{color:var(--color-success,#22c55e)}.comparison-wrapper.svelte-605753{cursor:ew-resize;border:1px solid var(--border-color);background:repeating-conic-gradient(var(--border-color-light) 0% 25%, var(--bg-canvas) 0% 50%) 50% / 16px 16px;border-radius:4px;position:relative;overflow:hidden}.image-layer.svelte-605753{width:100%;height:100%;position:absolute;top:0;left:0}.image-layer.svelte-605753 canvas:where(.svelte-605753){image-rendering:pixelated;display:block}.converted-layer.svelte-605753{z-index:1}.original-layer.svelte-605753{z-index:2}.slider-handle.svelte-605753{z-index:10;pointer-events:none;position:absolute;top:0;bottom:0;transform:translate(-50%)}.slider-line.svelte-605753{background:#fff;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 4px #00000080}.slider-grip.svelte-605753{background:#fff;border-radius:50%;justify-content:center;align-items:center;gap:4px;width:32px;height:32px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.grip-arrow.svelte-605753{border-top:5px solid #0000;border-bottom:5px solid #0000;width:0;height:0}.grip-arrow.left.svelte-605753{border-right:6px solid var(--color-info,#3b82f6)}.grip-arrow.right.svelte-605753{border-left:6px solid var(--color-success,#22c55e)}.instructions.svelte-605753{color:var(--text-tertiary);font-size:11px}