feat(B05/B06/ui): 패널 손잡이·리사이저·편집 버튼 시인성 정리(16·18~20)

- 16: 편집 버튼 전체(▲▼·↺·⬆⬇) 21×17 통일, 겹침 간격 23px, X축 라벨 상향 19px
- 18: 유토곡선 손잡이가 오버레이 위 경계를 따라 이동(펼침 시 테이블 영역 침범 허용)
- 19: 손잡이 테두리 강조색 --panel-handle-border(라이트 파랑 #2563eb / 다크 노랑
  #e0b64a) + 이름표 옵션 — B05 '종단'·'유토곡선'·세로 '배수유역', B06 '종단/유토곡선'
- 20: 공용 리사이저 상시 표시선(1px, 같은 강조색) — hover/드래그 시 3px

Playwright: 버튼 3종 21×17, 라벨·테두리색·세로 writing-mode, 리사이저 1px/0.75,
손잡이 bottom=오버레이 top 일치, 콘솔 오류 0. typecheck 통과.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

ui_template/ui_template_theme.css

@@ -35,6 +35,8 @@
   --color-success: #1f8a4c; /* 성공/승인 */
   --color-warning: #b8860b; /* 경고 (design.md 별색 #f5b800 계열) */
   --color-danger: #c0392b; /* 에러/삭제 */
+  /* 패널 접기/펼치기 손잡이 테두리 — 배경에 묻히지 않는 강조색(라이트: 파랑, 다크: 노랑) */
+  --panel-handle-border: #2563eb;
   --color-info: var(--color-royal-amethyst);
 
   /* 그라디언트 (Gradient System) — 항상 흰 표면 뒤에만 배치, 텍스트 직상단 금지 */
@@ -300,6 +302,7 @@
   --color-success: #3fbb6f;
   --color-warning: #e0b64a;
   --color-danger: #e8695a;
+  --panel-handle-border: #e0b64a;
 
   --shadow-sm: rgba(0, 0, 0, 0.4) 0px 2px 4px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px 1px;
   --shadow-lg: rgba(0, 0, 0, 0.5) 0px 32px 24px -12px, rgba(0, 0, 0, 0.3) 0px 3px 3px 0px;
@@ -335,6 +338,7 @@
     --color-primary-text: #16121f;
     --color-accent: var(--color-lavender-wash);
     --color-focus-ring: var(--color-lavender-wash);
+    --panel-handle-border: #e0b64a;
   }
 }