.compare-stage{position:relative;overflow:hidden;border-radius:var(--ui-radius-md,8px);background:var(--ui-surface-glass-2,hsla(0,0%,100%,.02));-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;width:100%;height:100%}.compare-viewport{position:absolute;inset:0}.compare-viewport__image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.compare-viewport__image--after{position:absolute;inset:0}.compare-viewport__divider{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--surface-0,#fff) 90%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--surface-900,#000) 20%,transparent);cursor:ew-resize;z-index:2}.compare-viewport__divider:before{content:"";position:absolute;inset:0 -10px}.compare-viewport__handle{position:absolute;top:50%;left:50%;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;border:1px solid var(--ui-border-tier-secondary,rgba(148,163,184,.12));background:color-mix(in srgb,var(--surface-0,#fff) 94%,transparent);color:var(--text-color-secondary,#94a3b8);font-size:var(--ui-text-label);pointer-events:none}.compare-label{position:absolute;bottom:10px;font-size:var(--ui-text-caption-2);font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:4px 8px;border-radius:4px;background:#0009;color:#ffffffd9;pointer-events:none;z-index:1}.compare-label--before{left:10px}.compare-label--after{right:10px}.compare-toggle-stage{position:relative;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.compare-toggle-controls{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:1}.compare-toggle-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid rgba(148,163,184,.15);background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe6;font-size:var(--ui-text-caption);font-weight:600;cursor:pointer;transition:background .15s ease}.compare-toggle-btn:hover{background:#000c}.compare-toggle-btn i{font-size:var(--ui-text-caption-2)}.compare-toggle-hint{font-size:var(--ui-text-micro);color:#ffffff73;pointer-events:none}