/* Annotation Edit Modal */
  .annotation-modal {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
    z-index: 100; background: var(--panel); border: 2px solid var(--border-hi);
    border-radius: 6px; padding: 20px; width: 320px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.5);
    display: none;
  }
  .annotation-modal.open { display: block; }
  .annotation-modal-overlay {
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.6); z-index: 99; display: none;
  }
  .annotation-modal-overlay.open { display: block; }
  .annotation-modal h3 {
    font-size: 13px; margin-bottom: 16px; color: var(--text);
  }
  .annotation-modal label {
    display: block; font-size: 10px; color: var(--text-muted);
    margin-bottom: 4px; text-transform: uppercase; letter-spacing: 0.08em;
  }
  .annotation-modal input[type="text"],
  .annotation-modal input[type="number"] {
    width: 100%; padding: 8px; margin-bottom: 12px;
    background: var(--panel-hi); border: 1px solid var(--border);
    color: var(--text); font-size: 13px; border-radius: 3px;
  }
  .annotation-modal input[type="range"] {
    width: 100%; margin-bottom: 4px;
  }
  .annotation-modal .range-value {
    font-size: 11px; color: var(--text-muted); margin-bottom: 12px;
  }
  .annotation-modal-buttons {
    display: flex; gap: 8px; margin-top: 16px;
  }
  .annotation-modal-buttons button {
    flex: 1; padding: 8px; font-size: 11px; cursor: pointer;
    border-radius: 3px; font-family: inherit; text-transform: uppercase;
    letter-spacing: 0.06em; transition: all 0.12s;
  }
  .annotation-modal-buttons .save {
    background: var(--accent); border: 1px solid var(--accent);
    color: white;
  }
  .annotation-modal-buttons .save:hover {
    background: #e8321f;
  }
  .annotation-modal-buttons .cancel {
    background: transparent; border: 1px solid var(--border);
    color: var(--text-muted);
  }
  .annotation-modal-buttons .cancel:hover {
    border-color: var(--border-hi); color: var(--text);
  }