fix(B06/ui): 손잡이 폭 글자 맞춤·화살표 크기 고정, 리사이저 표시선 경계 정착

- 이름표 손잡이: 화살표·이름표 flex 압축 제외 — 글자를 줄이지 않고 폭이 내용에 맞춰
  늘어난다(B06 '종단/유토곡선' 104px, 화살표 7px 유지)
- B06 토글 아래 테두리를 좌우와 같은 강조색으로 — 외곽선 색 섞임 해소
- B06 리사이저 상시 표시선: 히트 영역 가운데(경계 4px 위) 대신 패널 아래 경계에 정착

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

B06_wf3_ProfileCross/B06_wf3_ProfileCross_UI_Style_Cross.css

@@ -80,6 +80,15 @@
   height: 8px;
 }
 
+/* 상시 표시선은 히트 영역 가운데가 아니라 **패널 아래 경계**에 정확히 붙인다 —
+   이 리사이저는 히트 영역이 패널 안쪽(bottom 0~8px)에 있어 가운데 정렬이면 표시선이
+   경계에서 4px 위(요약 막대 위)로 넘어간다(2026-08-04 사용자 지적). */
+.b06-section__panel > .ui-resizer--vertical::before {
+  top: auto;
+  bottom: 0;
+  transform: none;
+}
+
 /* position: relative — 유토곡선 범례가 이 상자를 기준으로 우측 상단에 겹친다. */
 .b06-section__panel-body {
   position: relative;
@@ -121,7 +130,8 @@
   top: auto;
   bottom: calc(-1 * var(--spacing-24));
   border-top: 0;
-  border-bottom: 1px solid var(--color-border);
+  /* 아래 테두리도 좌우와 같은 강조색 — 색이 섞이면 외곽선이 틀어져 보인다(2026-08-04). */
+  border-bottom: 1px solid var(--panel-handle-border, var(--color-border));
   border-radius: 0 0 var(--radius-buttons) var(--radius-buttons);
 }
 

ui_template/ui_template_overlay.css

@@ -105,7 +105,8 @@
   transition: transform var(--transition-fast);
 }
 
-/* 이름표 달린 손잡이 — 화살표+텍스트를 나란히 담도록 고정 폭을 푼다. */
+/* 이름표 달린 손잡이 — 화살표+텍스트를 나란히 담도록 고정 폭을 푼다.
+   화살표(삼각형)는 flex 압축에서 제외해 이름표 유무와 무관하게 같은 크기를 유지한다. */
 .ui-workflow-overlay__handle.is-labeled {
   display: flex;
   gap: var(--spacing-4);
@@ -113,6 +114,14 @@
   justify-content: center;
 }
 
+.ui-workflow-overlay__handle.is-labeled .ui-workflow-overlay__handle-icon {
+  flex: none;
+}
+
+.ui-workflow-overlay__handle.is-labeled .ui-workflow-overlay__handle-label {
+  flex: none;
+}
+
 .ui-workflow-overlay__handle-label {
   color: var(--color-text-secondary);
   font-size: var(--text-caption);