[data-resizable-panel] { position: relative; }
.dev-resize-handle {
  position: absolute;
  z-index: 12;
  top: 0;
  bottom: 0;
  width: 9px;
  cursor: col-resize;
  touch-action: none;
}
[data-resize-edge="right"] > .dev-resize-handle { right: -5px; }
[data-resize-edge="left"] > .dev-resize-handle { left: -5px; }
.dev-resize-handle::after {
  content: "";
  position: absolute;
  top: 44%;
  bottom: 44%;
  left: 4px;
  width: 1px;
  min-height: 32px;
  background: transparent;
}
[data-resizable-panel]:hover > .dev-resize-handle::after,
.dev-resize-handle:focus-visible::after,
body.is-resizing-panel .dev-resize-handle::after { background: var(--dev-gold); }
body.is-resizing-panel { cursor: col-resize; user-select: none; }

@media (max-width: 900px) {
  .dev-resize-handle { display: none; }
}