.image-compare{isolation:isolate;-webkit-user-select:none;user-select:none;background:var(--surface-soft)}.image-compare>img{pointer-events:none;object-fit:cover}.compare-label{z-index:1;color:#fff;pointer-events:none;background:#00000073;border-radius:4px;padding:4px 10px;font-size:14px;font-weight:500;line-height:1.4;transition:opacity .2s;position:absolute;top:12px}.compare-before{left:12px}.compare-after{right:12px}.compare-divider{pointer-events:none;z-index:2;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.compare-handle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:44px;height:44px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #00000040,inset 0 0 0 1px #ffffff1a}.compare-handle img{flex:none;max-width:none;display:block}.compare-input{z-index:3;opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;display:block;position:absolute;inset:0}.image-compare:focus-within{outline:3px solid var(--accent-base);outline-offset:5px}@media (max-width:767px){.compare-label{font-size:12px}}@media (prefers-reduced-motion:reduce){.compare-label{transition:none}}