feat(757-1): 그리기 칸 긋기 단추 걷음 · 방식 넷 켬끔 = 긋기 시작 · 끝

- 분할 고르기 부품에 풂 꼴(clearable) · 부품 모음 견본에 더함
- 방식 칸(map_draw_kind)에 켬끔 꼴(onActive · setActive) — 켬 = 긋기 시작 · 고른 방식 다시 누름 = 긋기 끝 · 긋는 중 다른 방식 = 방식만 바뀜
- D03 · B05 그리기 칸 [긋기] 단추 걷음 · 긋기가 Enter · Esc · 붙어 끝나도 칸 켬 맞춤 · 노드 판은 그대로
- 시험 757_1 새로

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

D03_PlanAnalysis/D03_PlanAnalysis_UI_DrawPanel.ts

@@ -1,6 +1,6 @@
 /* =============================================================================
  * D03_PlanAnalysis_UI_DrawPanel.ts
- * D03 좌측 「그리기」 칸 몸(PLAN 599-1 · 599-4 · 요구 463-10 · 22) — [긋기] · 구간 나눔 마커 · 긋기 방식 칸.
+ * D03 좌측 「그리기」 칸 몸(PLAN 599-1 · 599-4 · 요구 463-10 · 22) — 긋기 방식 칸(켬 = 긋기 시작 · 끔 = 긋기 끝) · 구간 나눔 마커.
  *
  *   방식 칸 `createDrawKindFields` = 공용 `A00_Common/map/map_draw_kind`(626-3) — 그리기 칸 · 노드 판(598-4) ·
  *     B05 평면 예정노선 그리기가 같은 부품을 씀(여기서 다시 내보냄).
@@ -27,23 +27,16 @@ export {
 
 export interface DrawPanel {
   root: HTMLElement;
-  /** 단추 글 · 막힘 — 긋는 중 · 고칠 수 있음 · 마커 놓을 선 있음. */
+  /** 방식 칸 켬 맞춤 · 막힘 — 긋는 중 · 고칠 수 있음 · 마커 놓을 선 있음. */
   state: (state: { drawing: boolean; editable: boolean; canMark: boolean }) => void;
 }
 
-/** 좌측 「그리기」 칸 — [긋기] · 구간 나눔 마커(끌기) · 방식 칸. */
+/** 좌측 「그리기」 칸 — 방식 칸(켬끔 꼴) · 구간 나눔 마커(끌기). */
 export function createDrawPanel(opts: {
   kind: DrawKindFields;
-  onDraw: () => void;
   /** 기능 표 페이지 — 구간 나눔 마커 단추 = 「years」 사용일 때만. */
   page: PlanPage;
 }): DrawPanel {
-  const drawButton = createButton({
-    label: "긋기",
-    variant: "filled",
-    size: 28,
-    onClick: opts.onDraw,
-  });
   const markButton = createButton({
     label: "구간 나눔",
     variant: "ghost",
@@ -60,16 +53,16 @@ export function createDrawPanel(opts: {
   });
   const row = document.createElement("div");
   row.className = "d03-plan__row";
-  row.append(drawButton, markButton);
+  row.append(markButton);
+  row.hidden = markButton.hidden; // 마커 단추 없는 쪽(B05)은 줄도 없음
   const root = document.createElement("div");
   root.className = "d03-plan__draw";
-  root.append(row, opts.kind.root);
+  root.append(opts.kind.root, row);
   return {
     root,
     state({ drawing, editable, canMark }) {
-      drawButton.querySelector(".ui-btn__label")!.textContent = drawing ? "긋기 끝" : "긋기";
-      drawButton.disabled = !editable;
-      drawButton.setAttribute("aria-pressed", String(drawing));
+      opts.kind.setActive(drawing);
+      opts.kind.setDisabled(!editable);
       markButton.disabled = !editable || drawing || !canMark;
       root.dataset.mode = drawing ? "draw" : "idle";
     },