.photo-comparison{min-width:0;margin:0;overflow:hidden;border:1px solid #e2e8f0;border-radius:24px;background:#fff;color:#0f172a}.photo-comparison-viewport{position:relative;width:100%;overflow:hidden;background:#f8fafc;isolation:isolate}.photo-comparison-images,.photo-comparison-view{position:absolute;inset:0}.photo-comparison-view .photo-slot{position:absolute;inset:0;height:100%;border-radius:0;background:#f8fafc}.photo-comparison-view .photo-slot>img{width:100%;height:100%;object-fit:contain;object-position:center}.photo-comparison-source{z-index:1;clip-path:inset(0 calc(100% - var(--comparison-position, 50%)) 0 0)}.photo-comparison-divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--comparison-position, 50%);width:2px;transform:translate(-1px);background:#fff;box-shadow:0 0 0 1px #0f172a14;pointer-events:none}.photo-comparison-handle{position:absolute;z-index:3;top:50%;left:clamp(22px,var(--comparison-position, 50%),calc(100% - 22px));display:grid;place-items:center;width:44px;height:44px;transform:translate(-50%,-50%);border:1px solid #cbd5e1;border-radius:50%;background:#fff;color:#2563eb;box-shadow:0 3px 14px #0f172a14;pointer-events:none;-webkit-user-select:none;user-select:none}.photo-comparison-handle[data-drag-enabled=true]{pointer-events:auto;cursor:ew-resize;touch-action:none}.photo-comparison-handle>svg{pointer-events:none}.photo-comparison-label{position:absolute;z-index:3;top:16px;max-width:calc(50% - 24px);padding:6px 12px;border:1px solid #fff9;border-radius:999px;background:#fffffff2;color:#0f172a;font-size:12px;font-weight:600;line-height:18px;letter-spacing:.015em;pointer-events:none}.photo-comparison-label-source{left:16px}.photo-comparison-label-result{right:16px}.photo-comparison-controls{display:flex;align-items:center;gap:12px;min-height:60px;padding:6px 18px;border-top:1px solid #e2e8f0;background:#fff}.photo-comparison-controls label{flex:0 0 auto;color:#475569;font-size:12px;font-weight:500}.photo-comparison-controls input[type=range]{flex:1 1 auto;min-width:44px;height:44px;margin:0;accent-color:#2563eb;cursor:ew-resize;touch-action:pan-y}.photo-comparison-controls input[type=range]:disabled{cursor:default}.photo-comparison-controls>span{min-width:30px;color:#64748b;font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.photo-comparison-caption{display:grid;gap:3px;padding:0 18px 17px;color:#64748b;font-size:12px;line-height:1.7}.photo-comparison-caption>span:first-child{color:#475569;font-weight:600}.photo-comparison-full-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;margin-top:3px}.photo-comparison-full-links>a{display:inline-flex;align-items:center;min-height:44px;color:#2563eb;font-weight:500;text-decoration:underline;text-underline-offset:3px}.photo-comparison-full-links>a:hover{color:#1d4ed8}.photo-comparison-credit summary{display:flex;align-items:center;gap:7px;min-height:44px;color:#2563eb;font-size:12px;text-decoration:underline;text-underline-offset:3px}.photo-comparison-credit summary:before{content:"+";font-size:15px}.photo-comparison-credit[open] summary:before{content:"−"}.photo-comparison-credit p{padding:0 0 4px}.photo-comparison-credit a{text-decoration:underline;text-underline-offset:3px}.photo-comparison-unavailable{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px;color:#64748b;text-align:center}.photo-comparison-unavailable strong{font-size:14px;font-weight:500}.photo-comparison-unavailable p,.photo-comparison-nojs{font-size:12px;line-height:1.7}.photo-comparison-nojs{padding:0 18px 18px;color:#64748b}.photo-comparison-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:639px){.photo-comparison{border-radius:19px}.photo-comparison-controls{gap:9px;padding-inline:14px}.photo-comparison-caption{padding-inline:14px}.photo-comparison-label{top:12px;padding:4px 10px;font-size:11px}.photo-comparison-label-source{left:12px}.photo-comparison-label-result{right:12px}}