.photo-compare{margin:28px 0 0;padding:0;max-width:840px}.photo-compare-stage{position:relative;overflow:hidden;border-radius:14px;background:#101a13;aspect-ratio:3/2;touch-action:pan-y;isolation:isolate}
.photo-compare-stage img{display:block;width:100%;height:100%;object-fit:contain}.photo-compare-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--compare,50%))}
.compare-label{position:absolute;top:12px;background:#08120dd9;color:#fff;padding:4px 10px;font-size:13px;border-radius:6px;pointer-events:none;z-index:2}.compare-before-label{left:12px}.compare-after-label{right:12px}
.compare-line{position:absolute;inset:0 auto 0 var(--compare,50%);width:2px;background:#fff;pointer-events:none}.compare-control{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:12px}.compare-control label{font-size:14px;color:var(--ink)}
.compare-control input[type=range]{flex:1;min-width:180px;min-height:44px;accent-color:var(--accent);padding:0;background:transparent;border:0;cursor:ew-resize}.photo-compare figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin-top:6px}
.photo-compare.compare-unavailable{display:none}