.picker.svelte-fjik4l{min-width:0}input.svelte-fjik4l{width:100%;padding:.85rem 1rem;border:1px solid #cad6df;border-radius:12px;font:inherit;background:#fff;color:#153443}.categories.svelte-fjik4l{display:flex;gap:8px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:4px;scrollbar-width:thin;scrollbar-color:#91b7c780 transparent;padding:14px 4px}.categories.svelte-fjik4l button:where(.svelte-fjik4l){flex:0 0 auto;min-width:-moz-max-content;min-width:max-content;min-height:44px;scroll-snap-align:start;border:1px solid #d1dce4;background:#fff;padding:8px 14px;border-radius:24px;white-space:nowrap;color:#34515f;font:inherit;font-size:14px;cursor:pointer}.categories.svelte-fjik4l .active:where(.svelte-fjik4l){background:#123d54;color:#fff;border-color:#123d54}.styles.svelte-fjik4l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.styles.svelte-fjik4l button:where(.svelte-fjik4l){position:relative;padding:0;border:3px solid transparent;background:#fff;border-radius:14px;overflow:hidden;text-align:left;cursor:pointer;color:#153443}.styles.svelte-fjik4l .selected:where(.svelte-fjik4l){border-color:#007eaa}.styles.svelte-fjik4l img:where(.svelte-fjik4l){width:100%;height:auto;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;display:block}.styles.svelte-fjik4l span:where(.svelte-fjik4l){display:block;padding:10px;font-size:14px;font-weight:650}.styles.svelte-fjik4l b:where(.svelte-fjik4l){position:absolute;right:8px;top:8px;background:#007eaa;color:#fff;border-radius:50%;width:26px;height:26px;text-align:center;line-height:26px}button.svelte-fjik4l:focus-visible,input.svelte-fjik4l:focus-visible{outline:3px solid #ffb84d;outline-offset:3px}@media (min-width: 700px){.styles.svelte-fjik4l{grid-template-columns:repeat(4,minmax(0,1fr))}}input.svelte-fjik4l{background:#ffffff85;border-color:#ffffffdb;border-radius:999px;box-shadow:inset 0 1px 2px #fff,0 4px 16px #23475a09}.categories.svelte-fjik4l button:where(.svelte-fjik4l){background:#ffffff69;border-color:#ffffffb5;box-shadow:inset 0 1px 1px #fff}.categories.svelte-fjik4l .active:where(.svelte-fjik4l){background:linear-gradient(145deg,#ffffffd9,#cfe8f29c);border-color:#fff;color:#12658a;box-shadow:inset 0 1px 2px #fff,0 4px 15px #30526b19}.styles.svelte-fjik4l button:where(.svelte-fjik4l){background:#ffffff65;border-radius:22px;box-shadow:inset 0 1px 1px #fff,0 6px 20px #23475a0d}.styles.svelte-fjik4l .selected:where(.svelte-fjik4l){border-color:#4892ad}.comparison.compact.svelte-n3jh94{border-radius:0}.compact.svelte-n3jh94 .label:where(.svelte-n3jh94){font-size:10px;top:9px;padding:5px 7px}.compact.svelte-n3jh94 .before:where(.svelte-n3jh94){left:9px}.compact.svelte-n3jh94 .after:where(.svelte-n3jh94){right:9px}.compact.svelte-n3jh94 .divider:where(.svelte-n3jh94)>span:where(.svelte-n3jh94){width:34px;height:34px}.comparison.viewer.svelte-n3jh94{width:min(80vw,calc(65dvh * var(--image-ratio)));max-width:100%;aspect-ratio:var(--image-ratio);background:#17232c}.viewer.svelte-n3jh94 img:where(.svelte-n3jh94){-o-object-fit:contain;object-fit:contain}.comparison.svelte-n3jh94{position:relative;width:100%;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#e4e8e0;isolation:isolate}img.svelte-n3jh94{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.original.svelte-n3jh94{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.label.svelte-n3jh94{position:absolute;top:12px;padding:7px 10px;border-radius:8px;font-size:12px;font-weight:700;pointer-events:none}.before.svelte-n3jh94{left:12px;color:#244a55;background:#fffdf2ed}.after.svelte-n3jh94{right:12px;color:#fff8da;background:#163d4fe8}.divider.svelte-n3jh94{position:absolute;top:0;bottom:0;left:var(--split);width:2px;transform:translate(-50%);background:#fff;box-shadow:0 0 6px #173f4e60;pointer-events:none}.divider.svelte-n3jh94>span:where(.svelte-n3jh94){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:2px solid #fff;background:#174e5a;color:#fff;box-shadow:0 4px 18px #173f4e55;transition:box-shadow .2s,background .2s}.comparison.svelte-n3jh94:hover .divider:where(.svelte-n3jh94)>span:where(.svelte-n3jh94),.dragging.svelte-n3jh94 .divider:where(.svelte-n3jh94)>span:where(.svelte-n3jh94){background:#287883;box-shadow:0 4px 22px #173f4e66,0 0 0 6px #ffffff35}input.svelte-n3jh94{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison.svelte-n3jh94:has(input:where(.svelte-n3jh94):focus-visible){outline:3px solid #218893;outline-offset:4px}.hint.svelte-n3jh94{margin:10px 0 0;text-align:center;color:var(--comparison-hint, #607882);font-size:12px;line-height:1.5}@media (prefers-reduced-motion: reduce){.divider.svelte-n3jh94>span:where(.svelte-n3jh94){transition:none}}