.nexova-ba{--nexova-ba-accent:#ff4d00;--nexova-ba-label-bg:rgba(12,12,12,.82);--nexova-ba-label-text:#fff;--nexova-ba-hint-color:#fff;--nexova-ba-handle-width:2px;--nexova-ba-handle-size:46px;width:100%;font-family:inherit;line-height:1}
.nexova-ba-frame{position:relative;width:100% !important;max-width:100% !important;height:auto !important;aspect-ratio:16/10;overflow:hidden;background:#111;isolation:isolate;min-height:0;user-select:none;-webkit-user-select:none;touch-action:none}
.nexova-ba-media{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;overflow:hidden}
.nexova-ba-media img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;min-width:0 !important;min-height:0 !important;display:block !important;object-position:center center !important;pointer-events:none;-webkit-user-drag:none;user-select:none;aspect-ratio:auto !important}
.nexova-ba[data-fit="cover"] .nexova-ba-media img{object-fit:cover !important}
.nexova-ba[data-fit="contain"] .nexova-ba-media img{object-fit:contain !important;background:#111}
.nexova-ba-before{z-index:2;clip-path:inset(0 calc(100% - var(--nexova-ba-position)) 0 0)}
.nexova-ba-after{z-index:1}
.nexova-ba-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--nexova-ba-position);width:var(--nexova-ba-handle-width);background:var(--nexova-ba-accent);transform:translateX(-50%);pointer-events:none;will-change:left}
.nexova-ba-handle{position:absolute;z-index:5;top:50%;left:var(--nexova-ba-position);width:var(--nexova-ba-handle-size);height:var(--nexova-ba-handle-size);margin:0;transform:translate(-50%,-50%);padding:0;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:var(--nexova-ba-accent);box-shadow:0 8px 26px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;cursor:ew-resize;touch-action:none;appearance:none;will-change:left;transition:transform .18s ease}
.nexova-ba-handle:hover{transform:translate(-50%,-50%) scale(1.06)}
.nexova-ba-handle:focus-visible{outline:2px solid #fff;outline-offset:3px}
.nexova-ba-handle-lines{display:flex;gap:4px;align-items:center;height:18px}
.nexova-ba-handle-lines i{display:block;width:1px;height:14px;background:#fff;border-radius:1px;opacity:.95}
.nexova-ba-label{position:absolute;z-index:4;top:18px;padding:9px 13px;border-radius:999px;background:var(--nexova-ba-label-bg);color:var(--nexova-ba-label-text);font-size:11px;line-height:1;font-weight:600;letter-spacing:.11em;text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none}
.nexova-ba-label-before{left:18px}.nexova-ba-label-after{right:18px}
.nexova-ba-hint{position:absolute;z-index:4;left:50%;bottom:18px;transform:translateX(-50%);padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.58);color:var(--nexova-ba-hint-color);font-size:11px;line-height:1;font-weight:500;letter-spacing:.04em;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;opacity:.95}
.nexova-ba-placeholder{padding:40px 20px;border:1px dashed rgba(127,127,127,.45);color:inherit;text-align:center;font:inherit}
@media (max-width:767px){.nexova-ba-frame{min-height:150px}.nexova-ba-label{top:12px;padding:8px 10px;font-size:10px}.nexova-ba-label-before{left:12px}.nexova-ba-label-after{right:12px}.nexova-ba-hint{bottom:12px;font-size:10px}.nexova-ba-handle{width:40px;height:40px;margin:0}}
@media (prefers-reduced-motion:reduce){.nexova-ba-handle{transition:none}}