/* mode-visibility.css
   Force-correct overlay visibility when switching tools (iOS-safe).
   - Desktop (plus crosshairs) use .hline/.vline
   - Mobile (circular reticle) uses #reticle
*/

/* Hide all crosshairs whenever Area Sample mode is active */
body.mode-area #reticle {
  display: none !important;
}

body.mode-area .hline,
body.mode-area .vline {
  display: none !important;
}

/* Optional: uncomment this block if you ever want the overlays
   to only appear while Eyedropper mode is active. Leave it
   commented for now. */
/*
body:not(.mode-eye) #reticle {
  display: none !important;
}

body:not(.mode-eye) .hline,
body:not(.mode-eye) .vline {
  display: none !important;
}
*/