/* dokumente-annotate.css — Annotieren: NUR Lage/Grösse. Die Werkzeugleiste ist Design::floatbar mit
   Design::toolBtn / btn('ghost'), ihr Aussehen kommt aus dem Kern (layout/buttons). */

/* Zeichenfläche liegt genau über dem Bild der Lightbox: über der Lightbox (gleiche Ebene, später im DOM),
   aber UNTER dem Kern-Modal — sonst verdeckt sie den Bestätigen-Dialog und fängt dessen Klicks ab. */
.dv-annotate-canvas { position: fixed; z-index: var(--z-drawer); cursor: crosshair; touch-action: none; }
.dv-annotate-canvas.dv-annotate-erasing { cursor: cell; }

/* Werkzeugleiste oben mittig über allem */
.dv-annotate-toolbar { position: fixed; top: var(--sp-5); left: 50%; transform: translateX(-50%); z-index: var(--z-guide); }
.dv-annotate-tool-btn { width: var(--sz-36); height: var(--sz-36); }
/* Eigene Farbe: das Kern-Farbfeld sitzt unsichtbar im Regenbogen-Knopf (Klick darauf öffnet den Farbwähler) */
.dv-annotate-color-custom input[type="color"] { position: absolute; width: 0; opacity: 0; pointer-events: none; }