[data-sig="plumber-before-after"]{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:64px;align-items:center}[data-sig="plumber-before-after"] .before-copy p:last-child{font-size:12px;color:var(--muted)}[data-sig="plumber-before-after"] .comparison-stage{position:relative;overflow:hidden;aspect-ratio:1.5;border-radius:var(--radius);--split:50%}[data-sig="plumber-before-after"] .comparison-stage>img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}[data-sig="plumber-before-after"] .after-image{clip-path:inset(0 0 0 var(--split))}[data-sig="plumber-before-after"] .comparison-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:var(--surface)}[data-sig="plumber-before-after"] .comparison-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface);color:var(--ink);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px}[data-sig="plumber-before-after"] .compare-tag{position:absolute;top:16px;background:var(--surface);padding:4px 12px;font-size:12px}[data-sig="plumber-before-after"] .tag-before{left:16px}[data-sig="plumber-before-after"] .tag-after{right:16px}[data-sig="plumber-before-after"] label{display:block;font-size:13px;margin-top:16px}[data-sig="plumber-before-after"] input{width:100%;min-height:44px;accent-color:var(--action);cursor:ew-resize}@media(max-width:760px){[data-sig="plumber-before-after"]{grid-template-columns:1fr;gap:32px}[data-sig="plumber-before-after"] .comparison-stage{aspect-ratio:1.15}}