fix(ui_template): 펼친 좌측 패널 손잡이를 패널 안쪽 가장자리로

- 손잡이가 패널 밖 24px 로 나와 본문 카드 왼쪽 끝을 덮던 조각 제거
- 펼침: 폭 16px · 패널 오른쪽 안쪽 · 접힘: 지금처럼 화면 왼쪽 끝
- M01 · M02 · B03~B09 손잡이 오른쪽 끝 319 · 본문 시작 320 이상(겹침 0)

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TULoa94ZFL26KU6ZqVpjkF

ui_template/ui_template_overlay.css

@@ -248,6 +248,20 @@
   transform: translateY(-50%);
   border-left: 0;
   border-radius: 0 var(--radius-buttons) var(--radius-buttons) 0;
+  transition:
+    right var(--transition-base),
+    width var(--transition-base);
+}
+
+/* 펼친 title 패널 — 손잡이를 패널 안쪽 오른쪽 가장자리로(본문 카드 왼쪽 끝을 덮던 조각 없앰).
+   폭 16px = 패널 본문 오른쪽 여백 8 + 스크롤바 8 이라 패널 내용도 안 덮음.
+   접히면 위 규칙대로 패널 밖(화면 왼쪽 끝)으로 나와 다시 펼 수 있음. */
+.ui-workflow-overlay__panel--title:not(.is-collapsed) > .ui-workflow-overlay__handle--side {
+  right: 0;
+  width: var(--spacing-16);
+  border-right: 0;
+  border-left: 1px solid var(--panel-handle-border, var(--color-border));
+  border-radius: var(--radius-buttons) 0 0 var(--radius-buttons);
 }
 
 /* 하단 도킹 패널 상단 중앙 핸들 */