어노테이션의 생성, 리사이즈, 이동, 삭제, 복제 방법을 설명합니다.

## 어노테이션 생성

차트의 빈 영역에서 **마우스 드래그**로 시간 범위를 선택하여 어노테이션을 생성합니다.

### 생성 과정

1. 차트의 빈 영역에서 마우스 왼쪽 버튼을 **누른 채** 좌우로 드래그합니다.
2. 드래그 중 **범위 미리보기**가 표시됩니다.
3. 마우스 버튼을 놓으면 어노테이션이 생성됩니다.
4. 생성된 어노테이션은 해당 트랙에 **오버레이**로 표시됩니다.

:::note[최소 드래그 거리]
너무 짧은 드래그(약 10px 미만)는 클릭으로 간주되어 어노테이션이 생성되지 않습니다.
:::

## 어노테이션 편집 UI

어노테이션을 선택하면 다음 편집 요소가 나타납니다:

```
         ◀ 리사이즈 핸들 (좌)          리사이즈 핸들 (우) ▶
         │                                              │
         ▼                                              ▼
┌────────┬──────────────────────────────────────────────┬────────┐
│ handle │            드래그 영역 (이동용)               │ handle │
└────────┴──────────────────────────────────────────────┴────────┘
                     ● 색상 dot  라벨 텍스트
```

| 요소 | 설명 |
|------|------|
| **드래그 영역** | 어노테이션 전체를 좌우로 드래그하여 이동합니다. |
| **리사이즈 핸들 (좌)** | 왼쪽 경계를 드래그하여 시작 시간을 조정합니다. |
| **리사이즈 핸들 (우)** | 오른쪽 경계를 드래그하여 끝 시간을 조정합니다. |
| **라벨** | 색상 dot과 클래스 이름이 표시됩니다. |

:::tip[미선택 어노테이션]
선택되지 않은 어노테이션에는 리사이즈 핸들이 표시되지 않습니다. 클릭으로 먼저 선택하세요.
:::

## 경계 미세 조정 (Nudge)

키보드 화살표 키로 어노테이션 경계를 미세하게 조정합니다.

| 키 | 동작 |
|----|------|
| `←` | 어노테이션을 왼쪽으로 미세 이동 |
| `→` | 어노테이션을 오른쪽으로 미세 이동 |
| `Shift+←` | 왼쪽으로 **큰 폭** 이동 |
| `Shift+→` | 오른쪽으로 **큰 폭** 이동 |

## 삭제

| 조작 | 동작 |
|------|------|
| `Delete` 또는 `Backspace` | 선택된 어노테이션 삭제 |
| 우클릭 → 삭제 | 컨텍스트 메뉴에서 삭제 |

:::caution[잠긴 어노테이션]
잠금 상태(`Ctrl+L`)의 어노테이션은 `Delete` 키로 삭제되지 않습니다. 먼저 잠금을 해제(`Ctrl+U`)하세요.
:::

## 복제

| 조작 | 동작 |
|------|------|
| `⌘/Ctrl+D` | 선택된 어노테이션 복제 |
| 우클릭 → 복제 | 컨텍스트 메뉴에서 복제 |

## 실행 취소 / 다시 실행

| 키 | 동작 |
|----|------|
| `⌘/Ctrl+Z` | 마지막 작업 **실행 취소** (Undo) |
| `⌘/Ctrl+Shift+Z` | **다시 실행** (Redo) |

## 중복 감지

동일한 트랙에서 같은 시간 범위에 어노테이션이 겹치는 경우, 중복 어노테이션이 자동으로 감지됩니다.