.compare.svelte-dlt3nx{gap:8px;display:grid}.viewport.svelte-dlt3nx{border-radius:var(--radius);background:conic-gradient(var(--surface-sunk) 25%, var(--surface) 0 50%, var(--surface-sunk) 0 75%, var(--surface) 0) 0 0 / 16px 16px;max-height:70vh;overflow:auto}.stage.svelte-dlt3nx{touch-action:pan-y pinch-zoom;cursor:ew-resize;-webkit-user-select:none;user-select:none;position:relative}img.svelte-dlt3nx{width:100%;height:auto;display:block}.top.svelte-dlt3nx{position:absolute;inset:0}.line.svelte-dlt3nx{background:var(--accent);width:2px;box-shadow:0 0 0 1px var(--surface);margin-left:-1px;position:absolute;top:0;bottom:0}.tag.svelte-dlt3nx{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:99px;padding:2px 8px;font-size:.8125rem;position:absolute;top:8px}.left.svelte-dlt3nx{left:8px}.right.svelte-dlt3nx{right:8px}.controls.svelte-dlt3nx{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.controls.svelte-dlt3nx input[type=range]:where(.svelte-dlt3nx){flex:160px;min-width:120px}.zoom.svelte-dlt3nx{gap:4px;display:inline-flex}