/* ============================================================================
   Lumen — resizable panel grips (see js/uix/panel-splitter.js)
   ============================================================================ */
.uix-grip{
  position:absolute;
  top:0;bottom:0;
  width:5px;margin-left:-1px;
  cursor:col-resize;
  z-index:35;
  touch-action:none;
}
.uix-grip::after{
  content:'';
  position:absolute;
  top:50%;left:1px;
  transform:translateY(-50%);
  width:3px;height:44px;
  border-radius:999px;
  background:var(--line2);
  opacity:0;
  transition:opacity .15s ease;
}
.uix-grip:hover::after,
.uix-grip.drag::after{
  opacity:1;
  background:var(--accent);
}
/* Dragging anywhere over the handler keeps the whole app visually steady. */
@media (max-width:900px){
  .uix-grip{display:none}
}