.resizeHandle {
  position: absolute;
  z-index: 1000;
  background: transparent;
  transition: background-color 0.2s ease;
}

.resizeHandle:hover,
.resizeHandle[data-dragging] {
  background-color: var(--node-editor-color-primary, #2196f3);
}

.resizeHandle[data-dragging] {
  opacity: 0.8;
}

.resizeHandle[data-direction="vertical"] {
  width: 4px;
  height: 100%;
  top: 0;
  cursor: col-resize;
}

.resizeHandle[data-direction="horizontal"] {
  width: 100%;
  height: 4px;
  left: 0;
  cursor: row-resize;
}