fix(B05): 노선 추천 창 균형 종단 그림 · 후보 표 나란히 — [적용] 단추가 창 밖으로 밀리던 것

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EYJJRCfHfdCGNhmXTjQKV7

B05_Profile/B05_Profile_UI_RouteEdit_Recommend.ts

@@ -229,8 +229,10 @@ export function openRecommendModal(params: RecommendParams): void {
           <div data-line="metrics"></div>
           <div data-line="metrics-work"></div>
           <div data-line="balance" hidden></div>
-          <div class="b05-routerec__profile" data-line="profile" hidden></div>
-          <div class="b05-routerec__cands" data-line="candidates" hidden></div>
+          <div class="b05-routerec__balance">
+            <div class="b05-routerec__profile" data-line="profile" hidden></div>
+            <div class="b05-routerec__cands" data-line="candidates" hidden></div>
+          </div>
           <div data-line="violations" hidden></div>
           <div class="is-warn" data-line="relaxed" hidden></div>
           <div data-line="similar" hidden></div>

B05_Profile/B05_Profile_UI_RouteEdit_Recommend_Profile.ts

@@ -83,7 +83,7 @@ export function balanceLine(balance: BalanceProfile | null): string {
 }
 
 const PROFILE_W = 600;
-const PROFILE_H = 110;
+const PROFILE_H = 96;
 const PAD = 6;
 
 /** 종단 그림(SVG) — 지반선 · 균형 계획선. 가로 = 측점 · 세로 = 표고(창에 맞춰 늘림). */

B05_Profile/B05_Profile_UI_Style_RouteRecommend.css

@@ -458,11 +458,23 @@
   display: none;
 }
 
-/* 균형 종단 미리 보기(계획서 63-4) — 지반선 · 계획선. */
+/* 균형 종단(계획서 63-4) — 종단 그림 · 후보 표를 나란히(창 높이를 덜 먹게). */
+.b05-routerec__balance {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+  gap: var(--spacing-8);
+  align-items: start;
+}
+
+.b05-routerec__balance > [hidden] {
+  display: none;
+}
+
+/* 지반선 · 계획선. */
 .b05-routerec__profile svg {
   display: block;
   width: 100%;
-  height: 110px;
+  height: 96px;
   border: 1px solid var(--color-border);
   border-radius: var(--radius-8, 6px);
   background: var(--color-surface);