.antx-capture-layer {
  position: fixed;
  inset: 0;
  z-index: 2147483001;
  display: none;
  background: transparent;
  pointer-events: none;
  cursor: crosshair;
}

.antx-capture-layer.is-active {
  display: block;
  pointer-events: auto;
}

.antx-selection-box {
  position: fixed;
  z-index: 2147483002;
  border: 2px dashed #ef4444;
  background: rgba(99, 102, 241, 0.08);
  display: none;
  pointer-events: auto;
  cursor: move;
  overflow: visible;
  border-radius: 4px;
}

.antx-selection-box.is-visible {
  display: block !important;
}

.antx-selection-box.is-annotation-mode {
  cursor: crosshair;
}

.antx-selection-box.is-describe {
  pointer-events: none;
}

.antx-selection-handle {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #6366f1;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(99, 102, 241, 0.4);
}

.antx-selection-handle.is-nw {
  left: -6px;
  top: -6px;
  cursor: nwse-resize;
}

.antx-selection-handle.is-ne {
  right: -6px;
  top: -6px;
  cursor: nesw-resize;
}

.antx-selection-handle.is-sw {
  left: -6px;
  bottom: -6px;
  cursor: nesw-resize;
}

.antx-selection-handle.is-se {
  right: -6px;
  bottom: -6px;
  cursor: nwse-resize;
}

.antx-annotation-layer {
  position: absolute;
  inset: 0;
}

.antx-anno-shape {
  position: absolute;
  pointer-events: none;
}

.antx-anno-arrow {
  position: absolute;
  height: 0;
  border-top: 3px solid #6366f1;
  transform-origin: 0 0;
  pointer-events: none;
}

.antx-anno-arrow-head {
  position: absolute;
  right: -1px;
  top: -6px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 12px solid #6366f1;
}

.antx-anno-arrow-svg {
  display: block !important;
  visibility: visible !important;
  position: absolute;
  pointer-events: none;
  overflow: visible;
}

.antx-anno-arrow-svg line {
  stroke: #ef4444 !important;
  stroke-width: 3px !important;
  stroke-linecap: round !important;
}

.antx-anno-arrow-svg polygon {
  fill: #ef4444 !important;
}

.antx-anno-shape.is-rect {
  border: 3px solid #ef4444;
  background: rgba(239, 68, 68, 0.08);
  border-radius: 4px;
}

.antx-anno-shape.is-circle {
  border: 3px solid #ef4444;
  border-radius: 999px;
  background: rgba(239, 68, 68, 0.08);
}
