.before-after-container.svelte-1jfl7r7{position:relative;overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:col-resize;touch-action:none}.before-after-container.dragging.svelte-1jfl7r7{cursor:grabbing}.before-after-container.svelte-1jfl7r7:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.before-panel.svelte-1jfl7r7,.after-panel.svelte-1jfl7r7{position:absolute;top:0;left:0;width:100%;height:100%}.comparison-image.svelte-1jfl7r7{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.panel-label.svelte-1jfl7r7{position:absolute;top:16px;padding:8px 16px;background:#000000b3;color:#fff;font-size:14px;font-weight:500;border-radius:4px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.before-label.svelte-1jfl7r7{left:16px}.after-label.svelte-1jfl7r7{right:16px}.divider-handle.svelte-1jfl7r7{position:absolute;top:0;bottom:0;transform:translate(-50%);display:flex;align-items:center;justify-content:center;cursor:col-resize;transition:left .1s ease-out;touch-action:none;z-index:10}.divider-handle.dragging.svelte-1jfl7r7{transition:none}.divider-handle.svelte-1jfl7r7:before{content:"";position:absolute;top:0;bottom:0;width:var(--divider-width, 2px);background:var(--divider-color, #ffffff);box-shadow:0 0 8px #0000004d}.handle.svelte-1jfl7r7{position:relative;z-index:10;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:transform .2s ease;color:#333}.handle.svelte-1jfl7r7:hover{transform:scale(1.1)}.handle.svelte-1jfl7r7:active{transform:scale(.95)}@media(prefers-reduced-motion:reduce){.divider-handle.svelte-1jfl7r7,.handle.svelte-1jfl7r7{transition:none}}@media(max-width:640px){.panel-label.svelte-1jfl7r7{font-size:12px;padding:6px 12px;top:12px}.before-label.svelte-1jfl7r7{left:12px}.after-label.svelte-1jfl7r7{right:12px}}.ba-demo.svelte-12cwkgs{display:grid;gap:24px}.ba-block.svelte-12cwkgs{display:grid;gap:12px;padding:20px;border-radius:var(--r-2);background:var(--surface);border:1px solid var(--border)}.ba-block__head.svelte-12cwkgs h3:where(.svelte-12cwkgs){margin:0 0 4px;font-family:var(--font-display);font-size:18px;font-weight:500;letter-spacing:.01em;color:var(--fg-1)}.ba-block__head.svelte-12cwkgs p:where(.svelte-12cwkgs){margin:0;font-size:13px;line-height:1.5;color:var(--fg-2)}