.ba-slider{position:relative;overflow:hidden;border-radius:var(--radius-lg);aspect-ratio:16/10;cursor:col-resize;user-select:none;touch-action:none;background:var(--bg-card)}.ba-slider:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:2px}.ba-slider__after,.ba-slider__before{position:absolute;inset:0}.ba-slider__after img,.ba-slider__before img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.ba-slider__handle{position:absolute;top:0;bottom:0;width:0;transform:translateX(-50%);z-index:2;display:flex;align-items:center;justify-content:center}.ba-slider__line{position:absolute;top:0;bottom:0;width:2px;background:var(--brand-cyan);box-shadow:var(--glow-cyan)}.ba-slider__knob{position:relative;z-index:3;width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-card);border:2px solid var(--brand-cyan);box-shadow:var(--glow-cyan);display:flex;align-items:center;justify-content:center;color:var(--brand-cyan);transition:transform .15s ease,box-shadow .15s ease}.ba-slider--dragging .ba-slider__knob{transform:scale(1.1);box-shadow:0 0 20px rgba(var(--brand-cyan-rgb),.3)}.ba-slider:hover .ba-slider__knob{box-shadow:0 0 16px rgba(var(--brand-cyan-rgb),.25)}.ba-slider__label{position:absolute;bottom:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--bg-glass);color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.02em;z-index:1;pointer-events:none}.ba-slider__label--before{left:var(--space-3)}.ba-slider__label--after{right:var(--space-3)}@media (max-width:767px){.ba-slider{border-radius:var(--radius-md);aspect-ratio:4/3}.ba-slider__knob{width:44px;height:44px}.ba-slider__label{font-size:var(--text-2xs);padding:3px 8px;bottom:var(--space-2)}.ba-slider__label--before{left:var(--space-2)}.ba-slider__label--after{right:var(--space-2)}}