/* Repères : dimensions en pixels, indépendantes du niveau de zoom. */
.annotation-marker { background: transparent; border: 0; }
.annotation-image { display: block; flex-shrink: 0; background-repeat: no-repeat; pointer-events: none; }
.annotation-marker .annotation-image { filter: drop-shadow(0 1px 2px rgba(0,0,0,.18)); }
.annotation-marker:focus-visible { outline: 2px solid #15814c; outline-offset: 3px; border-radius: 4px; }
.annotation-picker { width: 236px; max-width: calc(100vw - 64px); font-family: 'Poppins', sans-serif; }
.annotation-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; max-height: min(260px, 55vh); overflow-y: auto; padding: 3px; }
.annotation-choice { box-sizing: border-box; min-width: 0; aspect-ratio: 1; width: 100%; min-height: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 6px; border: 0; border-radius: 9px; background: #fff; color: #303532; font: 9px/1.25 'Poppins', sans-serif; cursor: pointer; }
.annotation-choice:hover, .annotation-choice[aria-pressed="true"] { background: #e7f3ec; }
.annotation-choice:focus-visible, .annotation-delete:focus-visible { outline: 2px solid #15814c; outline-offset: 1px; }
.annotation-delete { width: 100%; margin-top: 9px; padding: 8px; border: 0; border-radius: 8px; background: #f9eeee; color: #9b3636; font: 12px 'Poppins', sans-serif; cursor: pointer; }