frontend/src/components/viewer/viewer.css

/* OpenSeadragon Navigator Styling */
.navigator {
  border: 2px solid #14b8a6 !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}

/* OpenSeadragon Display Region (current view indicator in minimap) */
.displayregion {
  border: 2px solid #0d9488 !important;
  background-color: rgba(20, 184, 166, 0.2) !important;
}

/* Annotation Canvas Styling */
canvas {
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

/* Crosshair cursor for drawing tools */
.crosshair {
  cursor: crosshair !important;
}

/* Default cursor */
.viewer-container {
  cursor: default;
}

/* Pan cursor */
.pan-cursor {
  cursor: grab !important;
}

.pan-cursor:active {
  cursor: grabbing !important;
}

/* Smooth transitions */
.openseadragon-canvas {
  transition: opacity 0.3s ease-in-out;
}

/* Annotation overlay z-index stacking */
.viewer-controls {
  position: relative;
  z-index: 30;
}

.annotation-canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 40;
}

.osd-navigator {
  z-index: 45;
}