.srk-before-after-wrapper{width:100%}.srk-instruction{color:#666;font-size:15px;line-height:1.6;margin:0 0 20px;text-align:center}.comparison-container{aspect-ratio:16/9;border:1px solid #d9d9d9;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.15);margin:0 auto;max-width:1200px;overflow:hidden;position:relative;width:100%;--split-pos:50%;--zoom-scale:1}.image-layer{inset:0;position:absolute}.image-layer img{display:block;height:100%;object-fit:contain;pointer-events:none;transform:scale(var(--zoom-scale));transform-origin:center center;transition:transform .1s ease-out;width:100%}.before-layer{z-index:1}.after-layer{overflow:hidden;width:var(--split-pos);z-index:2}.after-layer img{max-width:none;width:1200px}.slider-control{cursor:ew-resize;height:100%;inset:0;opacity:0;position:absolute;width:100%;z-index:15}.comparison-container:before{background:#0f8;bottom:0;content:"";left:var(--split-pos);position:absolute;top:0;transform:translateX(-50%);width:2px;z-index:10}.comparison-container:after{background:#0f8;border-radius:999px;box-shadow:0 0 15px rgba(0,255,136,.35);color:#111;content:"↔ Drag to Compare ↔";font-size:13px;font-weight:700;left:var(--split-pos);padding:12px 18px;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:11}.srk-figure-caption{color:#555;font-size:15px;font-style:italic;line-height:1.6;margin-top:18px}.srk-figure-caption p{margin:0}@media (max-width:1024px){.comparison-container{max-width:1000px}}@media (max-width:768px){.comparison-container{aspect-ratio:4/3}.comparison-container:after{font-size:12px;padding:10px 14px}}@media (max-width:480px){.comparison-container{aspect-ratio:1/1}.comparison-container:after{font-size:11px;padding:8px 12px}}