/* barras divisoras movibles (javascript/splitters.js). data-o: r = paneles lado a lado (barra vertical), c = apilados (barra horizontal) */
.splt { flex: none; position: relative; z-index: 2; touch-action: none; background: transparent; margin: 0 -2px; width: 8px; cursor: col-resize; }
.splt[data-o="c"] { margin: -2px 0; width: auto; height: 8px; cursor: row-resize; }
.hlp__main.is-hid > .splt { display: none; }
.splt:focus-visible { outline: 1px dotted #000; outline-offset: -2px; }
.splt.is-drag { background: rgba(0, 0, 0, .25); }
/* Explorador en celular: con una sola vista (solo carpetas o solo lista) no hay nada que dividir */
@media (max-width:520px){ #w-find:not([data-view="both"]) .xp > .splt{display:none} }
/* Barra divisora mas finita en LEEME (Ayuda) y en el Explorador: sin hueco extra, la barra mide lo mismo que el espacio original entre paneles (4px)
   y el area para agarrarla se agranda con un pseudo-elemento invisible (±3px), asi sigue siendo facil de arrastrar. */
:is(#w-leeme .hlp__main, #w-find .xp) { gap: 0; }
:is(#w-leeme .hlp__main, #w-find .xp) > .splt { margin: 0; width: 4px; }
:is(#w-leeme .hlp__main, #w-find .xp) > .splt[data-o="c"] { margin: 0; width: auto; height: 4px; }
:is(#w-leeme .hlp__main, #w-find .xp) > .splt::before { content: ""; position: absolute; inset: 0 -3px; }
:is(#w-leeme .hlp__main, #w-find .xp) > .splt[data-o="c"]::before { inset: -3px 0; }