.ab-compare-wrap{display:grid;grid-gap:.45rem;gap:.45rem;z-index:0}.ab-compare,.ab-compare-wrap{position:relative;isolation:isolate}.ab-compare{overflow:hidden;max-height:min(28rem,70vh);border-radius:.6rem;border:1px solid var(--line);background:rgba(11,7,20,.55);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:ew-resize}.ab-compare-after,.ab-compare-before{display:block;width:100%;max-height:min(28rem,70vh);object-fit:contain}.ab-compare-after{height:auto}.ab-compare-before{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-clip-path:inset(0 calc(100% - var(--reveal, 50%)) 0 0);clip-path:inset(0 calc(100% - var(--reveal, 50%)) 0 0)}.ab-compare-handle{position:absolute;top:0;bottom:0;left:var(--reveal,50%);width:3px;margin-left:-1px;background:var(--gold-bright);box-shadow:0 0 0 1px rgba(11,7,20,.45);pointer-events:none}.ab-compare-handle span{position:absolute;top:50%;left:50%;width:1.35rem;height:1.35rem;border-radius:999px;border:2px solid var(--gold-bright);background:linear-gradient(90deg,var(--purple) 0 50%,var(--green-bright) 50% 100%);transform:translate(-50%,-50%)}.ab-compare-tag{position:absolute;top:.55rem;padding:.15rem .45rem;border-radius:999px;background:rgba(11,7,20,.72);color:var(--cream);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.ab-compare-tag-before{left:.55rem}.ab-compare-tag-after{right:.55rem}.ab-compare-range-label{color:var(--muted);font-size:.85rem}.ab-compare-range{width:100%;accent-color:var(--gold);cursor:ew-resize}