feat(종단보기): 345-3 노선 편집 → 종단 보기 가운데 위 본문(페이지 수명) · 종단도 판 흐름 배치 · [노선 반영] 뒤 새로고침 없이 다시 세움 · Ctrl+Z · Y 는 마지막에 만진 판 · 「계획노선」 칸 · 편집 단추 지움

- mountRouteEditor(parent, host, …) — 덮개 · 전체 화면 · 닫기 걷음 · 이력 · 키 듣기 = host 보임 · 숨김 · 떠남 · 칸 크기 = ResizeObserver
- [취소] → [반영 전으로](이력 처음으로 · 되돌리기로 다시 살림) · [확인] → [노선 반영] · 대기 막 = 화면 전체(노선 재탐색)
- [노선 반영] 끝 = 초안 · 결과 · 옛 노선 · 종단면 캐시 비움 → remountRoute(location.reload 없앰)
- R 라벨 = 칸 안 절대 위치 · 오른쪽 횡단 미리보기 = 접는 칸 · [3D] 단추 = 평면 머리 도구줄
- 새 _RouteEdit_UndoOwner(누른 판 기억) · 종단도 Ctrl+Z 줄이 물음
- 시험: test_345_3_route_body 5 · 칸 · 겉틀 시험 고쳐 씀 · 관련 411 통과(옛 3 실패 그대로) · typecheck 통과

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

B05_Profile/B05_Profile_UI_Style_RouteEdit.css

@@ -1,10 +1,13 @@
-/* 계획노선 편집 모달 — 큰 모달 하나. 계산이 오래 걸리는 조작이라 화면을 통째로 덮는다
-   (2026-09-06 사용자 확정). 색은 전부 테마 토큰을 쓴다.
-   배경(덮기 · 겹 · 색)은 공용 `.ui-modal__backdrop` — 여기는 칸 사이 · 가장자리만. */
+/* 계획노선 편집(평면) — 종단 보기 가운데 위 본문(옛 3D 자리 · 345-3). 덮개 · 전체 화면은 걷음 —
+   재계산 대기 막만 화면을 덮는다(노선 재탐색 · CLAUDE.md 5장). 색은 전부 테마 토큰을 쓴다. */
 
 .b05-routeedit {
-  gap: var(--spacing-12);
-  padding: var(--spacing-12);
+  position: relative;
+  display: flex;
+  flex: 1 1 auto;
+  gap: var(--spacing-8);
+  min-height: 0;
+  padding: var(--spacing-8);
 }
 
 /* 메인 창은 **왼쪽**, 횡단 두 판은 오른쪽 세로 칸(2026-09-12 사용자 지시 ⑱).
@@ -18,18 +21,25 @@
   height: 100%;
   overflow: hidden;
   border: 1px solid var(--color-border);
-  border-radius: var(--radius-xl);
+  border-radius: var(--radius-md);
   background: var(--color-surface-raised);
-  box-shadow: var(--shadow-lg);
 }
 
-/* 제목줄 꼴(가로 · 가운데 · 간격)은 공용 `.ui-modal__top` — 여기는 띠 테두리만. */
+/* 머리 = 도구줄 — 왼쪽 이름 · 오른쪽 단추 묶음. */
 .b05-routeedit__head {
+  display: flex;
   flex: none;
-  padding: var(--spacing-12) var(--spacing-16);
+  align-items: center;
+  gap: var(--spacing-12);
+  padding: var(--spacing-8) var(--spacing-12);
   border-bottom: 1px solid var(--color-border);
 }
 
+.b05-routeedit__head > h3 {
+  margin: 0;
+  font-size: var(--text-body);
+}
+
 /* 제목행 — 왼쪽에 이름, **오른쪽 끝에 단추 묶음**(2026-09-12 사용자 지시 ⑪).
    단추는 공용 규격(`.ui-btn`)을 그대로 쓴다 — 모달이 따로 만든 크기를 걷어냈다. */
 .b05-routeedit__actions {
@@ -131,21 +141,31 @@
   border-top: 2px solid var(--map-route, #f97316);
 }
 
-/* 오른쪽 세로 칸 — 위아래 반씩 나눠 **지금 횡단**과 **이전 횡단**이 앉는다. */
-.b05-routeedit__side {
+/* 오른쪽 세로 칸 — 위아래 반씩 나눠 **지금 횡단**과 **이전 횡단**이 앉는다. 접는 칸(345-3) —
+   좁은 화면은 접힌 채 시작(`_Chrome`) · [횡단] 단추로 펴고 접는다. */
+.b05-routeedit__side-wrap {
   display: flex;
   flex: none;
   flex-direction: column;
-  gap: var(--spacing-12);
-  width: 452px;
-  height: 100%;
+  gap: var(--spacing-8);
+  min-height: 0;
 }
 
-@media (width < 1500px) {
-  /* 자리가 모자라면 오른쪽 칸을 접는다 — 지도가 먼저다. */
-  .b05-routeedit__side {
-    display: none;
-  }
+.b05-routeedit__side-toggle {
+  align-self: flex-end;
+}
+
+.b05-routeedit__side {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  gap: var(--spacing-12);
+  width: 452px;
+  min-height: 0;
+}
+
+.b05-routeedit__side-wrap.is-collapsed > .b05-routeedit__side {
+  display: none;
 }
 
 .b05-routeedit__cross {
@@ -280,11 +300,11 @@
   line-height: 1.5;
 }
 
-/* 재계산 중에는 화면 전체를 덮는다 — 결과를 기다릴 수밖에 없는 조작(CLAUDE.md 5장). */
+/* 재계산 중에는 화면 전체를 덮는다 — 결과를 기다릴 수밖에 없는 조작(노선 재탐색 · CLAUDE.md 5장). */
 .b05-routeedit__busy {
-  position: absolute;
+  position: fixed;
   inset: 0;
-  z-index: 2;
+  z-index: var(--z-modal, 1000);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -298,10 +318,9 @@
    예전에는 모달 맨 아랫줄이라 지금 고른 것이 지도 어디인지 눈으로 안 이어졌다.
    자리는 `_Label.ts` 가 매 프레임 잡아 준다 — 여기서는 모양만 정한다. */
 .b05-routeedit__label {
-  /* `document.body` 에 붙여 **화면 기준**으로 띄운다 — 모달이 `overflow: hidden` 이라
-     안에 두면 가장자리에서 잘린다(2026-09-07 사용자 지시 1). */
-  position: fixed;
-  z-index: calc(var(--z-modal, 1000) + 1);
+  /* 편집 칸 안 절대 위치(345-3) — 자리는 지도 칸 안으로 가둔다(`_Label`). */
+  position: absolute;
+  z-index: 3;
   display: flex;
   flex-direction: column;
   gap: 4px;