.ba-container{position:relative;width:100%;height:400px;overflow:hidden;user-select:none;touch-action:none;border-radius:8px}.ba-image{position:absolute;top:0;left:0;width:100%;height:100%}.ba-image img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.ba-container.horizontal .ba-before{clip-path:inset(0 50% 0 0)}.ba-container.vertical .ba-before{clip-path:inset(0 0 50% 0)}.ba-tag{position:absolute;top:12px;background:rgba(0,0,0,0.6);color:#fff;font-size:13px;font-weight:600;padding:4px 10px;border-radius:4px;z-index:2;pointer-events:none}.ba-tag-before{left:12px}.ba-tag-after{right:12px}.ba-handle{position:absolute;top:0;left:50%;height:100%;width:0;z-index:3;cursor:ew-resize;transform:translateX(-50%)}.ba-container.vertical .ba-handle{left:0;top:50%;width:100%;height:0;transform:translateY(-50%);cursor:ns-resize}.ba-handle-line{position:absolute;top:0;left:50%;width:3px;height:100%;background:var(--handle-color,#fff);transform:translateX(-50%);box-shadow:0 0 4px rgba(0,0,0,0.4)}.ba-container.vertical .ba-handle-line{left:0;top:50%;width:100%;height:3px;transform:translateY(-50%)}.ba-handle-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:var(--handle-color,#fff);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#333;box-shadow:0 2px 8px rgba(0,0,0,0.3)}