.video-stage .annotation-canvas {
  z-index: 3;
  pointer-events: auto;
  touch-action: none;
  background: transparent;
}

.annotation-tools,
.annotation-history-actions {
  display: grid;
  gap: 8px;
}

.annotation-tools {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.annotation-history-actions {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.annotation-tool,
.annotation-history-actions .secondary-button {
  width: 100%;
  margin-left: 0;
  padding: 8px 9px;
  color: var(--text);
  background: transparent;
  border-color: var(--line);
  font-size: 12px;
  white-space: nowrap;
}

.annotation-tool.is-active {
  color: #061013;
  background: var(--accent);
  border-color: var(--accent);
}

@media (max-width: 640px) {
  .annotation-tools,
  .annotation-history-actions {
    grid-template-columns: 1fr 1fr;
  }
}