fix(ui): 사이드 패널 액션 줄을 내용이 짧아도 최하단에 고정

지금까지는 sticky만 걸려 있어 내용이 패널보다 짧으면 버튼 줄이 내용 바로 아래에
떠 있었다. 공용 .ui-sidebar-actions에 margin-top:auto를 주고, 액션 줄을 담은
사이드 body를 세로 플렉스로 만들어(:has) 남는 세로 공간을 액션 줄 위 여백이
전부 먹게 했다. B04·B05·B06·B07 공통 적용(B08은 .b08-drawing-actions가 이미
같은 방식).

- B05: 액션 dock 위 구분선·구조물 목록도 함께 최하단에 붙는다.
- B05 .b05-route__panel의 padding-bottom(24px) 제거 — dock이 바닥에 붙은 뒤로는
  버튼 아래 빈 띠로만 남는다. 공용 body 패딩 16px는 dock의 sticky bottom:-16px가 덮는다.

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

B05_Profile/B05_Profile_UI_Style.css

@@ -214,7 +214,9 @@
   width: 100%;
   min-width: 0;
   gap: var(--spacing-16);
-  padding-bottom: var(--spacing-24);
+  /* 하단 여유 패딩은 두지 않는다 — 액션 dock이 최하단에 붙는 지금은 버튼 아래
+     빈 띠로만 남는다(2026-08-18). 공용 body 패딩(16px)은 dock의 sticky
+     bottom:-16px가 덮는다. */
 }
 
 .b05-route__panel-section {

ui_template/ui_template_overlay.css

@@ -241,11 +241,24 @@
   z-index: 5;
   display: flex;
   gap: var(--spacing-8);
+  /* 내용이 패널보다 짧아도 액션 줄은 패널 최하단에 붙는다 — 위 여백을 이 줄이
+     전부 먹는다(2026-08-18 사용자 지시, B04~B08 공통). 내용이 길면 auto가 0이 돼
+     기존처럼 sticky로 따라온다. */
+  margin-top: auto;
   padding: var(--spacing-8) 0 var(--spacing-16);
   background: var(--color-surface-raised);
   border-top: 1px solid var(--color-border);
 }
 
+/* margin-top:auto가 먹히려면 액션 줄을 담은 사이드 body가 세로 플렉스여야 하고
+   높이가 정해져 있어야 한다(--panel--title의 body는 flex:1로 이미 정해진다).
+   B04·B05·B06은 페이지 CSS가 이미 세로 플렉스지만, 규칙 없이 블록으로 남은
+   패널(B07)도 같이 걸리게 여기서 공통으로 준다. */
+.ui-workflow-overlay__body:has(> .ui-sidebar-actions) {
+  display: flex;
+  flex-direction: column;
+}
+
 .ui-sidebar-actions > * {
   flex: 1 1 0;
   min-width: 0;