/* v2.79 – compare two independently annotated interactive designs. */
.interactive-compare-page .compare-artboard{--comparison-split:50%;isolation:isolate}
.interactive-compare-page .compare-before-layer{position:absolute;inset:0;z-index:1;pointer-events:none;clip-path:inset(0 calc(100% - var(--comparison-split)) 0 0)}
.interactive-compare-page .compare-before-layer img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}
.interactive-compare-page .compare-artboard>.prototype-point{z-index:3}
.interactive-compare-page .prototype-point.is-concealed{display:none!important}
.interactive-compare-page .compare-divider{
 position:absolute;z-index:7;top:0;bottom:0;left:var(--comparison-split);transform:translateX(-50%);
 width:calc(38px * var(--prototype-inverse-scale,1));height:100%;padding:0;margin:0;
 border:0;background:transparent;color:#24313c;cursor:ew-resize;touch-action:none;outline:none;
 display:flex;align-items:center;justify-content:center;user-select:none;-webkit-tap-highlight-color:transparent;
}
.interactive-compare-page .compare-divider:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:calc(3px * var(--prototype-inverse-scale,1));transform:translateX(-50%);background:rgba(255,255,255,.94);box-shadow:0 0 calc(11px * var(--prototype-inverse-scale,1)) rgba(15,25,34,.55)}
.interactive-compare-page .compare-divider-knob{
 position:relative;z-index:2;width:calc(42px * var(--prototype-inverse-scale,1));height:calc(42px * var(--prototype-inverse-scale,1));
 display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;
 border:calc(2px * var(--prototype-inverse-scale,1)) solid rgba(16,28,38,.18);
 box-shadow:0 5px calc(22px * var(--prototype-inverse-scale,1)) rgba(0,0,0,.35);
 font:bold calc(20px * var(--prototype-inverse-scale,1))/1 Inter,Arial,sans-serif;
 white-space:nowrap;
}
.interactive-compare-page .compare-divider:focus-visible .compare-divider-knob{outline:calc(3px * var(--prototype-inverse-scale,1)) solid #b99aff;outline-offset:calc(3px * var(--prototype-inverse-scale,1))}
.interactive-compare-page .compare-label{position:absolute;z-index:9;top:16px;padding:7px 11px;font:750 10px/1 Inter,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#fff;background:rgba(18,32,43,.66);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);pointer-events:none}
.interactive-compare-page .compare-label-before{left:16px}.interactive-compare-page .compare-label-after{right:16px}
@media(max-width:640px){.interactive-compare-page .compare-label{top:12px;font-size:9px}.interactive-compare-page .compare-label-before{left:10px}.interactive-compare-page .compare-label-after{right:10px}}