/* FigRecipe Editor — Panel Resizer (vis_app panel-resizer.css pattern) */

/* ── Resizer handle — 1px visual, 17px hit area ─────── */

.panel-resizer {
  width: 1px;
  height: 100%;
  flex: 0 0 1px;
  position: relative;
  background: var(--vis-border);
  cursor: col-resize;
  user-select: none;
  pointer-events: all;
  z-index: 10;
  margin: 0;
  padding: 0;
  transition: background 0.2s ease;
}

/* Expanded hit area — 17px total (8 + 1 + 8) */
.panel-resizer::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -8px;
  right: -8px;
  cursor: col-resize;
  z-index: 1;
}

.panel-resizer:hover {
  background: var(--vis-border-hover);
}

.panel-resizer:active,
.panel-resizer.active {
  background: var(--accent-primary);
}
