.ratio-16-9{aspect-ratio:16/9}.ratio-16-10{aspect-ratio:16/10}.ratio-4-3{aspect-ratio:4/3}.ratio-3-2{aspect-ratio:3/2}.ratio-4-5{aspect-ratio:4/5}.ratio-3-4{aspect-ratio:3/4}.ratio-1-1{aspect-ratio:1}.ba{margin:0;--ba:50%;--ba-ratio:16/10}.ba.ratio-16-10,.ba.ratio-16-9,.ba.ratio-4-3,.ba.ratio-3-2,.ba.ratio-4-5,.ba.ratio-3-4,.ba.ratio-1-1{aspect-ratio:auto}.ba.ratio-16-9{--ba-ratio:16/9}.ba.ratio-4-3{--ba-ratio:4/3}.ba.ratio-3-2{--ba-ratio:3/2}.ba.ratio-4-5{--ba-ratio:4/5}.ba.ratio-3-4{--ba-ratio:3/4}.ba.ratio-1-1{--ba-ratio:1}.ba__pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--k-gap)}.ba__side{position:relative;border-radius:var(--k-r2);overflow:hidden;background:var(--k-surface);aspect-ratio:var(--ba-ratio)}.ba__img,.ba__img img,.ba__side picture{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.ba__label{position:absolute;bottom:12px;left:12px;padding:6px 12px;border-radius:999px;background:rgba(20,24,32,.78);color:#fff;font:var(--k-label-w) var(--s-n2)/1.3 var(--k-label-font);letter-spacing:calc(.1em*var(--k-label-sp));text-transform:var(--k-label-case)}.ba__side--after .ba__label{left:auto;right:12px}.ba__handle{display:none}.ba.is-live{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.ba.is-live .ba__pair{display:block;position:relative;aspect-ratio:var(--ba-ratio);border-radius:var(--k-r3);overflow:hidden;touch-action:pan-y;cursor:ew-resize;isolation:isolate}.ba.is-live .ba__side{position:absolute;inset:0;border-radius:0;aspect-ratio:auto}.ba.is-live .ba__img,.ba.is-live .ba__side picture{position:absolute;inset:0;pointer-events:none;-webkit-user-drag:none}.ba.is-live .ba__side--before{z-index:1;-webkit-clip-path:inset(0 calc(100% - var(--ba)) 0 0);clip-path:inset(0 calc(100% - var(--ba)) 0 0);transform:translateZ(0)}.ba.is-live .ba__label{pointer-events:none}.ba.is-live [data-edit]{pointer-events:auto;cursor:text;-webkit-user-select:text;user-select:text}.ba.is-live .ba__handle{display:block;position:absolute;inset:0;z-index:2;pointer-events:none;translate:calc(var(--ba) - 100%) 0}.ba.is-live .ba__handle::before{content:"";position:absolute;top:0;bottom:0;right:-1.5px;width:3px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.2)}.ba.is-live .ba__handle::after{content:"↔";position:absolute;top:50%;right:0;translate:50% -50%;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#1B1F28;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.25)}.ba.is-drag .ba__side--before{will-change:clip-path}.ba.is-drag .ba__handle{will-change:translate}.ba__ctl{display:block;margin-top:12px}.ba__ctl input{width:100%;accent-color:var(--k-btn);min-height:44px;cursor:ew-resize}.ba__cap{margin-top:8px;font-size:var(--s-n1);color:var(--k-muted)}@media (max-width:640px){.ba__pair{grid-template-columns:1fr}.ba__label{bottom:8px;left:8px;padding:4px 10px}.ba__side--after .ba__label{right:8px}}