diff --git a/A00_Common/design/design_profile_popout.ts b/A00_Common/design/design_profile_popout.ts
index 304bdb07f..ccd46475f 100644
--- a/A00_Common/design/design_profile_popout.ts
+++ b/A00_Common/design/design_profile_popout.ts
@@ -9,6 +9,7 @@
  * ========================================================================== */
 
 import { showToast } from "@ui/ui_template_elements";
+import { releaseSelectAfterPick } from "@ui/ui_template_native_menu";
 import type { DesignProfile } from "./design_profile";
 
 /** 메인 창 문서 · 창에 걸린 듣기가 받아야 할 새 창 이벤트. */
@@ -101,6 +102,8 @@ function attachPopout(profile: DesignProfile, spec: PopoutSpec): void {
         true,
       ),
     );
+    // 새 창 드롭다운도 고른 뒤 초점 뺌 — change 는 메인으로 안 넘김(요구 280-6).
+    releaseSelectAfterPick(next);
     // 새 창이 초점을 잃으면 길게 누르기를 끊는다(메인 창 blur 듣기).
     next.addEventListener("blur", () => window.dispatchEvent(new FocusEvent("blur")));
     // 새 창 크기 기준으로 다시 맞춘다.
diff --git a/A00_Common/main.ts b/A00_Common/main.ts
index e7ea76d3e..647de8f24 100644
--- a/A00_Common/main.ts
+++ b/A00_Common/main.ts
@@ -13,7 +13,11 @@ import "./device_context"; // 맨 앞 — 그리기 전에 <html> 기기 표시(
 import "./touch_bridge"; // 손가락 → 마우스 번역(기기대응 3-1)
 import "@ui/ui_template_theme.css";
 import { injectBaseStyles } from "@ui/ui_template_elements";
-import { blockNativeMenu, NATIVE_MENU_ROUTE } from "@ui/ui_template_native_menu";
+import {
+  blockNativeMenu,
+  NATIVE_MENU_ROUTE,
+  releaseSelectAfterPick,
+} from "@ui/ui_template_native_menu";
 import { initLoupe, LOUPE_ROUTE } from "@ui/ui_template_loupe";
 import { ROUTES, type RoutePath } from "@config/config_frontend";
 import { initThemeAndLang, injectShellStyles, renderShell } from "./app_shell";
@@ -58,6 +62,8 @@ function bootstrap(): void {
 
   // B · M 페이지는 브라우저 기본 오른쪽 클릭 메뉴를 막음 — 우리 메뉴는 그대로(계획서 39-9a)
   blockNativeMenu(window, () => NATIVE_MENU_ROUTE.test(currentRoute()));
+  // 드롭다운을 마우스로 고르면 초점 뺌 — 휠 · ↑↓ 가 값을 또 바꾸지 않게(요구 280-6)
+  releaseSelectAfterPick(window);
   // B01~B09 · M01 · M02 돋보기 — 오른쪽 길게 누름 · Z 누름 동안(계획서 218-1 · 220)
   initLoupe(window, () => LOUPE_ROUTE.test(currentRoute()));
 
diff --git a/B05_Profile/B05_Profile_UI_RouteEdit.ts b/B05_Profile/B05_Profile_UI_RouteEdit.ts
index a10dba7c8..520474528 100644
--- a/B05_Profile/B05_Profile_UI_RouteEdit.ts
+++ b/B05_Profile/B05_Profile_UI_RouteEdit.ts
@@ -436,8 +436,7 @@ export async function mountRouteEditor(
     markEdited();
     const stop = fitting && before ? edits.floorStop(before, planned, nodeInfo, fitLimits()) : "";
     if (stop && before) return restoreSnapshot(before, stop, false);
-    const from = fit.fitStart(before, snapshotNow());
-    if (stationSnap && fitting) planned = fit.fitCurveStations(snapshotNow(), fitLimits(), from);
+    if (stationSnap && fitting) planned = fit.fitAfter(before, snapshotNow(), fitLimits());
     markEdited();
     writeRouteLocks(projectId, planned, apexLock); // 고정은 [취소] · 다시 열기에도 남는다(22-5).
     syncCurveBar();
@@ -457,7 +456,7 @@ export async function mountRouteEditor(
 
   /** 측점 스냅 맞춤 값 — 하한 · 스냅 간격(390-2). */
   function fitLimits(): fit.FitLimits {
-    return { minRadiusM, limitRadiusM, limitArcM, intervalM: snap() };
+    return { minRadiusM, limitRadiusM, limitArcM, intervalM: snap(), stationM: stationIntervalM };
   }
 
   /** 지금 편집값을 사진 한 벌로 담는다 — 되돌리기가 쌓아 두는 것. */
@@ -542,8 +541,8 @@ export async function mountRouteEditor(
     },
     snapStepM: snap,
     fitDrag: (index) => {
-      const base = stationSnap ? history?.current?.()?.planned : undefined;
-      if (base) planned = fit.fitDrag(snapshotNow(), base, index, fitLimits());
+      const base = stationSnap ? history?.current?.() : undefined; // 누르기 전 노선 — 280-4 유지
+      if (base) planned = fit.fitDrag(snapshotNow(), base.planned, index, fitLimits(), base);
       if (base) markEdited();
       return base !== undefined;
     },
diff --git a/B05_Profile/logic/B05_Profile_RouteEdit_StationFit.ts b/B05_Profile/logic/B05_Profile_RouteEdit_StationFit.ts
index 5351b86cd..038d95855 100644
--- a/B05_Profile/logic/B05_Profile_RouteEdit_StationFit.ts
+++ b/B05_Profile/logic/B05_Profile_RouteEdit_StationFit.ts
@@ -7,7 +7,10 @@
  *     밀어 MC(BC · EC 누가거리 가운데)를 일반측점(앞 MC 측점 + 간격 이상 · No.1 이상)에 둠 — 내림 · 올림 후보 중 뒤 곡선도 서는 쪽(454).
  *   · 곡선 하한을 새로 깨거나(`shortfallCrossed`) 앞 곡선 MC 를 흔들면 버림 → 그 곡선은 그대로.
  *   · 반지름 · 켬끔은 안 바꿈 — IP 자리만. 합치기 · 곡선 끄기 · 되돌아가기 없음.
- *   · 간격 = 스냅 간격(390-2 · 0.1 · 1 · 10 m · 측점 No.) · 허용 오차도 간격 따라(`mcTolM`).
+ *   · 간격 = 스냅 간격(390-2 · 10 m · 측점 No.) · 허용 오차도 간격 따라(`mcTolM`).
+ *   · 유지(280-4) — 고치기 전 노선(`before`)에서 MC 가 측점 · 10 m 배수(No.N+10)였던 곡선은 그 IP · 곡선 칸이
+ *     그대로면 옛 꼴(측점 간격 배수 + 0 · 10)로만 맞춤(밀 거리 = 측점 간격) · 손으로 고친 곡선만 고른 간격.
+ *     MC 가 고른 간격 배수 · 10 m 배수면 「위」(No.N+10 특별측점 · 저장 칸 없음 = 노선 모양으로 기억).
  *   · 끄는 동안 · 방향키 걸음마다 미리보기(`fitDrag` · 390-5) = 누르기 전 노선 + 옮긴 IP 하나로 매번 새로
  *     맞춤(앞 프레임 맞춤이 쌓이지 않음) · 놓을 때 `fitCurveStations` 정본 맞춤이 같은 값.
  * 파이썬 짝 아님 — [저장] 때 서버가 저장된 IP 로 선을 다시 짬(`buildEditedPolyline` 짝)이라 MC 그대로.
@@ -29,14 +32,21 @@ export const MC_TOL_M = 0.05;
 /** 간격별 허용 오차 — 0.1 m 간격도 실제로 맞게 간격의 1/20 이하(390-2 · 1 m 이상은 `MC_TOL_M`). */
 export const mcTolM = (intervalM: number): number => Math.min(MC_TOL_M, intervalM / 20);
 
-/** 선을 짜는 값 — 편집 창이 쥔 하한 · 간격. */
+/** 특별측점 간격(m) — MC 가 일반측점 사이 10 m 배수(No.N+10)면 측점 위로 봄(280-4). */
+export const SPECIAL_STATION_M = 10;
+
+/** 선을 짜는 값 — 편집 창이 쥔 하한 · 간격(스냅) · 측점 간격(없으면 스냅 간격). */
 export interface FitLimits {
   minRadiusM: number;
   limitRadiusM: number;
   limitArcM: number;
   intervalM: number;
+  stationM?: number;
 }
 
+/** MC 를 놓을 격자 — 간격 · 어긋남(N+10 꼴 = 10) · 밀 거리. */
+type Grid = { step: number; offset: number; reach: number };
+
 type Columns = Pick<NodeColumns, "curveOn" | "curveRadius" | "curveLock" | "curveArc" | "apexLock">;
 
 /** 편집 창 `markEdited` 와 같은 길(길이 고정 R · 하한 끌어올림 → 선) — 값은 사본에. */
@@ -60,24 +70,56 @@ export function offStationCount(
   return offStationMcs(line, curves, intervalM).length;
 }
 
-/** 측점 밖 곡선의 MC 누가거리(408-1 · 상태줄 「못 맞춘 곡선」) — `offStationCount` 와 같은 판정. */
+/** 측점 밖 곡선의 MC 누가거리(408-1 · 상태줄 「못 맞춘 곡선」) — `offStationCount` 와 같은 판정 ·
+ *  간격 배수 · 10 m 배수(No.N+10 · 280-4) 둘 다 「위」. */
 export function offStationMcs(
   line: ReadonlyArray<Vertex>,
   curves: ReadonlyArray<EditedCurve>,
   intervalM: number,
 ): number[] {
   if (!(intervalM > 0)) return [];
+  const tol = mcTolM(intervalM);
   const hits = new Set<number>();
   const off: number[] = [];
   for (const [start, end] of curveSpans(line, curves)) {
     const mc = (start + end) / 2;
-    const n = Math.round(mc / intervalM);
-    if (n >= 1 && Math.abs(mc - n * intervalM) <= mcTolM(intervalM) && !hits.has(n)) hits.add(n);
+    const at = [intervalM, SPECIAL_STATION_M]
+      .map((step) => Math.round(mc / step) * step)
+      .find((c) => c > tol && Math.abs(mc - c) <= tol && !hits.has(Math.round(c * 1000)));
+    if (at !== undefined) hits.add(Math.round(at * 1000));
     else off.push(mc);
   }
   return off;
 }
 
+/** 꺾임점 `k` 의 IP 자리 + 곡선 칸 — 고치기 전 · 뒤에 같으면 손대지 않은 곡선. */
+const nodeKey = (cols: Columns & Pick<NodeColumns, "planned">, k: number): string =>
+  JSON.stringify([
+    cols.planned[k],
+    cols.curveOn[k],
+    cols.curveRadius[k],
+    cols.curveLock[k],
+    cols.curveArc[k],
+  ]);
+
+/** 고치기 전 노선의 곡선 꼴 — MC 가 10 m 배수인 곡선의 `nodeKey` → 측점 간격 안 어긋남(0 · 10). */
+function keptForms(
+  before: Columns & Pick<NodeColumns, "planned">,
+  limits: FitLimits,
+  stationM: number,
+): Map<string, number> {
+  const built = build(before, before.planned, limits);
+  const out = new Map<string, number>();
+  for (let k = 1; k < before.planned.length - 1; k += 1) {
+    const mc = mcOf(built, k);
+    if (mc === null) continue;
+    const at = Math.round(mc / SPECIAL_STATION_M) * SPECIAL_STATION_M;
+    if (at <= 0 || Math.abs(mc - at) > mcTolM(SPECIAL_STATION_M)) continue;
+    out.set(nodeKey(before, k), ((at % stationM) + stationM) % stationM);
+  }
+  return out;
+}
+
 /** 맞춤을 시작할 꺾임점 — 지난 걸음과 처음 다른 자리 바로 앞(그 곡선 끝 접선도 바뀜) · 같으면 1. */
 export function fitStart(
   before: (Columns & Pick<NodeColumns, "planned">) | null | undefined,
@@ -98,7 +140,8 @@ export function fitStart(
 
 const round4 = (value: number): number => Math.round(value * 1e4) / 1e4;
 
-/** 곡선 하나 맞춤 — IP `k` 를 들어오는 접선 따라 d 밀어 MC = target(할선법 · 기울기 ≈ 1). */
+/** 곡선 하나 맞춤 — IP `k` 를 들어오는 접선 따라 ±reach 안 d 밀어 MC = target(할선법 · 기울기 ≈ 1) ·
+ *  reach = 간격(한가운데 18+9 ~ 19+1 도 가까운 측점까지 · 441 · 반 간격이면 못 닿음). */
 function solve(
   cols: Columns,
   limits: FitLimits,
@@ -106,6 +149,7 @@ function solve(
   k: number,
   target: number,
   mc: number,
+  reach: number,
 ): { planned: Vertex[]; built: EditedPolyline; mc: number } | null {
   const base = planned[k];
   const before = planned[k - 1];
@@ -113,7 +157,6 @@ function solve(
   if (!(length > 1e-9)) return null;
   const ux = (base[0] - before[0]) / length;
   const uy = (base[1] - before[1]) / length;
-  const reach = limits.intervalM; // 한가운데(18+9 ~ 19+1)도 가까운 측점까지(441 · 반 간격이면 못 닿음)
   const clamp = (d: number): number => Math.max(-reach, Math.min(reach, d));
   const at = (d: number) => {
     const next = planned.slice();
@@ -141,11 +184,13 @@ function solve(
 
 /** `from` 꺾임점부터 끝까지 곡선 MC 를 일반측점에 — 새 IP 목록(못 놓은 곡선 IP 는 그대로).
  *  곡선마다 후보 측점 둘(내림 · 올림 · 가까운 차례) · 뒤 곡선 하나를 미리 맞춰 보고 둘 다 서는 쪽(433-21 ②)
- *  — 가까운 쪽만 고르면 뒤 곡선이 「앞 측점 + 1」에 몰려 R 이 눌리고 앞 MC 가 흔들려 버려짐. */
+ *  — 가까운 쪽만 고르면 뒤 곡선이 「앞 측점 + 1」에 몰려 R 이 눌리고 앞 MC 가 흔들려 버려짐.
+ *  `before` = 고치기 전 노선 — 손대지 않은 곡선은 그 MC 꼴(N+0 · N+10) 유지(280-4). */
 export function fitCurveStations(
   cols: Columns & Pick<NodeColumns, "planned">,
   limits: FitLimits,
   from: number,
+  before?: (Columns & Pick<NodeColumns, "planned">) | null,
 ): Vertex[] {
   let planned = cols.planned.map((vertex): Vertex => [vertex[0], vertex[1]]);
   const interval = limits.intervalM;
@@ -153,19 +198,33 @@ export function fitCurveStations(
   let built = build(cols, planned, limits);
   const floor = curveShortfalls(built.nodes, limits.limitRadiusM, limits.limitArcM);
   const tol = mcTolM(interval);
-  type Fit = { planned: Vertex[]; built: EditedPolyline };
-  /** 곡선을 놓을 측점 — 내림 · 올림 중 앞 측점 + 1 이상 · 가까운 차례. */
-  const near = (mc: number, last: number): number[] => {
-    const lo = Math.floor(mc / interval);
-    return [lo, lo + 1]
-      .filter((n) => n > last)
-      .sort((a, b) => Math.abs(a * interval - mc) - Math.abs(b * interval - mc));
+  const stationM = limits.stationM ?? interval;
+  const forms = before ? keptForms(before, limits, stationM) : new Map<string, number>();
+  const gridOf = (k: number): Grid => {
+    const offset = forms.get(nodeKey(cols, k));
+    return offset === undefined
+      ? { step: interval, offset: 0, reach: interval }
+      : { step: stationM, offset, reach: stationM };
   };
-  const onAt = (mc: number, last: number) =>
-    near(mc, last).find((n) => Math.abs(mc - n * interval) <= tol);
-  /** 곡선 `k` 를 측점 `n` 에 — 하한을 새로 깨거나 앞 곡선(`previous`) MC 를 흔들면 null. */
-  const attempt = (at: Fit, k: number, mc: number, n: number, previous: number): Fit | null => {
-    const fitted = solve(cols, limits, at.planned, k, n * interval, mc);
+  type Fit = { planned: Vertex[]; built: EditedPolyline };
+  /** 곡선을 놓을 측점(누가거리) — 내림 · 올림 중 앞 측점 뒤 · 가까운 차례. */
+  const near = (mc: number, last: number, grid: Grid): number[] => {
+    const lo = Math.floor((mc - grid.offset) / grid.step);
+    return [lo, lo + 1]
+      .map((n) => n * grid.step + grid.offset)
+      .filter((c) => c > last + tol)
+      .sort((a, b) => Math.abs(a - mc) - Math.abs(b - mc));
+  };
+  /** 이미 측점 위 — 그 곡선 격자 · 고른 간격 · 10 m 배수(N+10) 중 하나. */
+  const loose: Grid[] = [
+    { step: interval, offset: 0, reach: 0 },
+    { step: SPECIAL_STATION_M, offset: 0, reach: 0 },
+  ];
+  const onAt = (mc: number, last: number, grid: Grid) =>
+    [grid, ...loose].flatMap((g) => near(mc, last, g)).find((c) => Math.abs(mc - c) <= tol);
+  /** 곡선 `k` 를 측점 `c` 에 — 하한을 새로 깨거나 앞 곡선(`previous`) MC 를 흔들면 null. */
+  const attempt = (at: Fit, k: number, mc: number, c: number, previous: number): Fit | null => {
+    const fitted = solve(cols, limits, at.planned, k, c, mc, gridOf(k).reach);
     if (
       !fitted ||
       shortfallCrossed(
@@ -185,46 +244,60 @@ export function fitCurveStations(
     for (let j = k + 1; j < at.planned.length - 1; j += 1) {
       const mc = mcOf(at.built, j);
       if (mc === null) continue;
-      if (onAt(mc, last) !== undefined) return true;
-      return !cols.apexLock[j] && near(mc, last).some((n) => attempt(at, j, mc, n, k) !== null);
+      if (onAt(mc, last, gridOf(j)) !== undefined) return true;
+      const grid = gridOf(j);
+      return (
+        !cols.apexLock[j] && near(mc, last, grid).some((c) => attempt(at, j, mc, c, k) !== null)
+      );
     }
     return true;
   };
-  let lastStation = 0; // 앞 곡선이 놓인 측점 번호(없으면 0 = 시점)
+  let lastStation = 0; // 앞 곡선이 놓인 측점 누가거리(없으면 0 = 시점 · 서로 다른 측점)
   let previous = -1; // 앞 곡선 꺾임점
   for (let k = 1; k < planned.length - 1; k += 1) {
     const mc = mcOf(built, k);
     if (mc === null) continue;
-    const on = onAt(mc, lastStation);
+    const on = onAt(mc, lastStation, gridOf(k));
     if (on !== undefined) lastStation = on;
     else if (k >= from && !cols.apexLock[k]) {
-      let pick: { fit: Fit; n: number } | null = null;
-      for (const n of near(mc, lastStation)) {
-        const fit = attempt({ planned, built }, k, mc, n, previous);
+      let pick: { fit: Fit; c: number } | null = null;
+      for (const c of near(mc, lastStation, gridOf(k))) {
+        const fit = attempt({ planned, built }, k, mc, c, previous);
         if (!fit) continue;
-        pick ??= { fit, n };
-        if (nextSettles(fit, k, n)) {
-          pick = { fit, n };
+        pick ??= { fit, c };
+        if (nextSettles(fit, k, c)) {
+          pick = { fit, c };
           break;
         }
       }
-      if (pick) (({ planned, built } = pick.fit), (lastStation = pick.n));
+      if (pick) (({ planned, built } = pick.fit), (lastStation = pick.c));
     }
     previous = k;
   }
   return planned;
 }
 
+/** 편집 한 걸음 뒤 맞춤 — 고친 자리(`fitStart`)부터 · 손대지 않은 곡선은 `before` 꼴 유지(280-4). */
+export function fitAfter(
+  before: (Columns & Pick<NodeColumns, "planned">) | null | undefined,
+  now: Columns & Pick<NodeColumns, "planned">,
+  limits: FitLimits,
+): Vertex[] {
+  return fitCurveStations(now, limits, fitStart(before, now), before);
+}
+
 /** 끄는 중 미리보기(390-5) — `base`(누르기 전 IP) 에 IP `k` 만 지금 자리(`cols.planned[k]`)로 두고
- *  `k` 앞 곡선부터 맞춤(`fitStart` 와 같은 시작). */
+ *  `k` 앞 곡선부터 맞춤(`fitStart` 와 같은 시작) · `before` = 누르기 전 노선(없으면 `base` + 지금 칸 · 280-4 유지). */
 export function fitDrag(
   cols: Columns & Pick<NodeColumns, "planned">,
   base: ReadonlyArray<Vertex>,
   k: number,
   limits: FitLimits,
+  before?: (Columns & Pick<NodeColumns, "planned">) | null,
 ): Vertex[] {
   if (base.length !== cols.planned.length)
-    return fitCurveStations(cols, limits, Math.max(1, k - 1));
+    return fitCurveStations(cols, limits, Math.max(1, k - 1), before);
   const planned = base.map((vertex, i): Vertex => (i === k ? cols.planned[k] : vertex));
-  return fitCurveStations({ ...cols, planned }, limits, Math.max(1, k - 1));
+  const kept = before ?? { ...cols, planned: base.map((v): Vertex => [v[0], v[1]]) };
+  return fitCurveStations({ ...cols, planned }, limits, Math.max(1, k - 1), kept);
 }
diff --git a/B07_DesignDetail/B07_DesignDetail_Api_Fetch.ts b/B07_DesignDetail/B07_DesignDetail_Api_Fetch.ts
index 92285c869..b034c665a 100644
--- a/B07_DesignDetail/B07_DesignDetail_Api_Fetch.ts
+++ b/B07_DesignDetail/B07_DesignDetail_Api_Fetch.ts
@@ -36,6 +36,9 @@ export interface CadDrawing {
     oy: number;
     dy: number;
     mm_per_m: number;
+    /** 가로 · 세로 mm/m(485) — 옛 저장본엔 없음 = `mm_per_m`. */
+    mm_per_m_x?: number;
+    mm_per_m_y?: number;
     x0: number;
     x1: number;
   }[];
@@ -186,6 +189,11 @@ export function invalidateDesignDrawing(projectId: string, drawingId: string): P
   );
 }
 
+/** B07 단계(4) 완료(281) — 페이지 이동 저장 뒤 B08 · B09 로 갈 때(확정 잠금 없음). */
+export function completeDesignStage(projectId: string): Promise<void> {
+  return requestJson(`/projects/${projectId}/design-drawings-complete`, { method: "POST" });
+}
+
 /** 횡단 장 배치 — 기본 [열, 행] · 장마다 {장 번호: [열, 행]}(140-3) · 표 · 글 배율(180-2). */
 export interface CrossLayout {
   default: [number, number];
@@ -205,6 +213,35 @@ export function saveCrossLayout(projectId: string, layout: CrossLayout): Promise
   });
 }
 
+/** 도면 축척 종류(485) — 표준 횡단 · 평면도 · 구조물은 뺌. */
+export type DrawingScaleKind = "longitudinal" | "cross" | "mass_haul" | "development";
+/** 축척 분모 — null = 자동(토적 가로 · 전개도) · 범위 = [최소, 최대]. */
+export type DrawingScaleAxes = { x: number | null; y: number | null };
+export interface DrawingScales {
+  scales: Record<DrawingScaleKind, DrawingScaleAxes>;
+  defaults: Record<DrawingScaleKind, DrawingScaleAxes>;
+  ranges: Record<DrawingScaleKind, { x: [number, number]; y: [number, number] }>;
+  /** 종류마다 저장본(확정) 장 수 — 바꾸면 풀리므로 화면이 먼저 물음. */
+  saved: Record<DrawingScaleKind, number>;
+  /** PUT 응답만 — 이번에 풀린 저장본 장 수. */
+  invalidated?: Partial<Record<DrawingScaleKind, number>>;
+}
+
+export function fetchDrawingScales(projectId: string): Promise<DrawingScales> {
+  return requestJson(`/projects/${projectId}/drawing-scales`);
+}
+
+/** 축척 저장 — 보낸 종류만 바꿈 · 값이 바뀐 종류의 저장본은 서버가 풂. */
+export function saveDrawingScales(
+  projectId: string,
+  scales: Partial<Record<DrawingScaleKind, DrawingScaleAxes>>,
+): Promise<DrawingScales> {
+  return requestJson(`/projects/${projectId}/drawing-scales`, {
+    method: "PUT",
+    body: JSON.stringify({ scales }),
+  });
+}
+
 /** 계획평면도 종류 · 고를 조각 · 대피소 자리 (PLAN 60장). */
 export interface PlanKind {
   id: string;
diff --git a/B07_DesignDetail/B07_DesignDetail_Cross_Extent_Node.ts b/B07_DesignDetail/B07_DesignDetail_Cross_Extent_Node.ts
index 9a4917a1c..2df3e3d50 100644
--- a/B07_DesignDetail/B07_DesignDetail_Cross_Extent_Node.ts
+++ b/B07_DesignDetail/B07_DesignDetail_Cross_Extent_Node.ts
@@ -7,7 +7,7 @@
  * 오프스크린 SVG 대신 아래 최소 DOM 위에서 돌려 측점마다 범위(m)를 낸다.
  *
  * 실행: node <번들> <입력.json> <출력.json>
- *   입력  { detail: 종횡단 상세(API와 같은 꼴) }
+ *   입력  { detail: 종횡단 상세(API와 같은 꼴), mm_per_m_x?, mm_per_m_y? } — 횡단 축척(485 · 없으면 1/100)
  *   출력  { extents: [{ chainage_m, x_min, x_max, y_min, y_max }] } — 오프셋·표고(m)
  * 끝 코드: 0 성공 / 2 인자 오류
  * ========================================================================== */
@@ -17,7 +17,7 @@ import type { SectionDetailResponse } from "../B06_Section/B06_Section_Api_Fetch
 import "./B07_DesignDetail_Node_Dom"; // 최소 DOM(globalThis.document) — 그리기 코드보다 먼저
 import { overlayEntities, type Entity } from "./B07_DesignDetail_Cross_Overlay";
 
-/** 화면과 같은 종이 축척(1/100 → 1 m = 10 mm) — 공선점 허용 오차가 종이 mm 라 같아야 한다. */
+/** 기본 종이 축척(1/100 → 1 m = 10 mm) — 공선점 허용 오차 · 글자 폭이 종이 mm 라 화면과 같아야 한다. */
 const MM_PER_M = 10;
 const OPEN_FRAME = [-1e12, -1e12, 1e12, 1e12];
 
@@ -81,7 +81,13 @@ if (!inputPath || !outputPath) {
   process.exit(2);
 }
 
-const input = JSON.parse(readFileSync(inputPath, "utf8")) as { detail?: SectionDetailResponse };
+const input = JSON.parse(readFileSync(inputPath, "utf8")) as {
+  detail?: SectionDetailResponse;
+  mm_per_m_x?: number;
+  mm_per_m_y?: number;
+};
+const mmX = input.mm_per_m_x ?? MM_PER_M;
+const mmY = input.mm_per_m_y ?? MM_PER_M;
 const sections = input.detail?.cross_sections ?? [];
 const extents: Record<string, number>[] = [];
 for (const section of sections) {
@@ -90,8 +96,8 @@ for (const section of sections) {
     entities = overlayEntities(
       section,
       sections,
-      (offset) => offset * MM_PER_M,
-      (elevation) => -(elevation * MM_PER_M),
+      (offset) => offset * mmX,
+      (elevation) => -(elevation * mmY),
       OPEN_FRAME,
     );
   } catch (error) {
@@ -100,7 +106,8 @@ for (const section of sections) {
   }
   const extent = entities?.length ? extentOf(entities) : null;
   if (!extent) continue;
-  const [xMin, xMax, yMin, yMax] = extent.map((value) => value / MM_PER_M);
+  const [xMin, xMax] = [extent[0] / mmX, extent[1] / mmX];
+  const [yMin, yMax] = [extent[2] / mmY, extent[3] / mmY];
   extents.push({
     chainage_m: section.chainage_m,
     x_min: xMin,
diff --git a/B07_DesignDetail/B07_DesignDetail_Cross_Overlay.ts b/B07_DesignDetail/B07_DesignDetail_Cross_Overlay.ts
index 8fd7616f8..0af68f0fe 100644
--- a/B07_DesignDetail/B07_DesignDetail_Cross_Overlay.ts
+++ b/B07_DesignDetail/B07_DesignDetail_Cross_Overlay.ts
@@ -560,6 +560,9 @@ export interface CrossPlacement {
   oy: number;
   dy: number;
   mm_per_m: number;
+  /** 가로 · 세로 mm/m(485 · X ≠ Y 허용) — 옛 저장본엔 없음 = `mm_per_m`. */
+  mm_per_m_x?: number;
+  mm_per_m_y?: number;
   x0: number;
   x1: number;
   /** 블록 테두리(종이 mm) [x0, y0, x1, y1] — 그림을 이 안으로 자른다. */
@@ -600,9 +603,10 @@ export function placeStructureEntities(
     );
     const frame = placement.frame;
     if (!section || !frame) continue;
-    const x = (offset: number): number => offset * placement.mm_per_m + placement.ox;
-    const y = (elevation: number): number =>
-      -((elevation - placement.dy) * placement.mm_per_m + placement.oy);
+    const mmX = placement.mm_per_m_x ?? placement.mm_per_m;
+    const mmY = placement.mm_per_m_y ?? placement.mm_per_m;
+    const x = (offset: number): number => offset * mmX + placement.ox;
+    const y = (elevation: number): number => -((elevation - placement.dy) * mmY + placement.oy);
     let entities: Entity[];
     try {
       const drawn = overlayEntities(section, sections, x, y, frame);
diff --git a/B07_DesignDetail/B07_DesignDetail_Engine_Cad.py b/B07_DesignDetail/B07_DesignDetail_Engine_Cad.py
index ab66e7bfc..096427eb8 100644
--- a/B07_DesignDetail/B07_DesignDetail_Engine_Cad.py
+++ b/B07_DesignDetail/B07_DesignDetail_Engine_Cad.py
@@ -420,8 +420,22 @@ def _cross_line_entities(
     return entities
 
 
-# 도면 좌표 = 종이 mm. 실거리 1 m가 종이에서 차지하는 mm (1/100 -> 10.0).
+# 도면 좌표 = 종이 mm. 실거리 1 m가 종이에서 차지하는 mm (1/100 -> 10.0) — 기본값 ·
+# 그릴 때는 프로젝트 축척(`cross_mm`)을 쓴다(485).
 CROSS_MM = 1000.0 / DRAWING_SCALE_CROSS
+
+
+def cross_mm() -> tuple[float, float]:
+    """이 요청 프로젝트의 횡단 (가로, 세로) mm/m — X ≠ Y 허용(485)."""
+    # 도각 모듈이 이 모듈을 들여오므로 순환을 피해 함수 안에서 들여온다.
+    from B07_DesignDetail.B07_DesignDetail_Engine_Template import drawing_scale
+
+    scale = drawing_scale("cross")
+    return 1000.0 / float(scale["x"] or DRAWING_SCALE_CROSS), 1000.0 / float(
+        scale["y"] or DRAWING_SCALE_CROSS
+    )
+
+
 # 단면을 그리는 가로 범위: 설계선(절·성토)·구조물이 원지반과 갈라지는 구간 + 여유(m).
 CROSS_SECTION_MARGIN_M = 1.5
 # 단면 블록 테두리 ↔ 안쪽 그림 간격(mm) — 한 장에 최대한 많이 담는다.
@@ -531,6 +545,7 @@ def build_cross_drawing(
         cross_table_width,
     )
 
+    mm_x, mm_y = cross_mm()
     # 그릴 가로 범위: 설계선이 원지반과 갈라지는 구간 + 여유.
     x0, x1 = _section_window(raw_ground, raw_design, overlay=overlay)
     ground_clipped = _clip_polyline(raw_ground, x0, x1)
@@ -552,10 +567,10 @@ def build_cross_drawing(
                 + cross_note_block_height(design, table_scale)
                 + 8.0
             )
-        oy = table_bottom + stack + own_half_height * CROSS_MM
+        oy = table_bottom + stack + own_half_height * mm_y
 
     def paper(point: tuple[float, float]) -> tuple[float, float]:
-        return (point[0] * CROSS_MM + ox, (point[1] - dy) * CROSS_MM + oy)
+        return (point[0] * mm_x + ox, (point[1] - dy) * mm_y + oy)
 
     entities: list[dict[str, Any]] = []
     ground = polyline_entity(
@@ -574,8 +589,8 @@ def build_cross_drawing(
 
     # 표는 단면 중심 아래에 붙인다 (좌표는 mm). 그리는 창이 좌우 비대칭이면
     # 단면 중심이 원점과 어긋나므로 표도 같은 중심을 쓴다.
-    center_x = ox if table_bottom is not None else ox + (x0 + x1) / 2.0 * CROSS_MM
-    half_height = own_half_height * CROSS_MM
+    center_x = ox if table_bottom is not None else ox + (x0 + x1) / 2.0 * mm_x
+    half_height = own_half_height * mm_y
     table_bottom = oy - half_height
     if quantity_table is not None:
         table_top = oy - half_height - 8.0
@@ -595,8 +610,8 @@ def build_cross_drawing(
     pad = CROSS_BORDER_PAD_MM
     # 그림 범위와 표 중 바깥 — 장 칸에서는 표가 도로 중심이라 좌우가 다를 수 있음(174-1)
     table_half = cross_table_width(table_scale) / 2.0
-    frame_left = min(ox + x0 * CROSS_MM, center_x - table_half) - pad
-    frame_right = max(ox + x1 * CROSS_MM, center_x + table_half) + pad
+    frame_left = min(ox + x0 * mm_x, center_x - table_half) - pad
+    frame_right = max(ox + x1 * mm_x, center_x + table_half) + pad
     frame_top = oy + half_height + pad
     frame_bottom = table_bottom - pad
     corners = [
@@ -622,7 +637,10 @@ def build_cross_drawing(
                 "ox": ox,
                 "oy": oy,
                 "dy": dy,
-                "mm_per_m": CROSS_MM,
+                # 옛 칸 `mm_per_m` = 가로 · 세로가 다르면 `_x` · `_y`(485)
+                "mm_per_m": mm_x,
+                "mm_per_m_x": mm_x,
+                "mm_per_m_y": mm_y,
                 "x0": x0,
                 "x1": x1,
                 # 블록 테두리(종이 mm). 프론트가 자기 그림을 이 안으로 자르고, 갈아 끼울
diff --git a/B07_DesignDetail/B07_DesignDetail_Engine_Cad_Development_Draw.py b/B07_DesignDetail/B07_DesignDetail_Engine_Cad_Development_Draw.py
index e1000df42..9d8741b41 100644
--- a/B07_DesignDetail/B07_DesignDetail_Engine_Cad_Development_Draw.py
+++ b/B07_DesignDetail/B07_DesignDetail_Engine_Cad_Development_Draw.py
@@ -30,6 +30,7 @@ from B07_DesignDetail.B07_DesignDetail_Engine_Cad import (
 from B07_DesignDetail.B07_DesignDetail_Engine_Cad_Development import station_text, table_rows
 from B07_DesignDetail.B07_DesignDetail_Engine_Template import (
     drawing_area,
+    drawing_scale,
     frame_entities,
     scale_fields,
 )
@@ -201,7 +202,10 @@ def fill_entities(seed: str, form: str, group: str, box: tuple[float, float, flo
 
 
 def _vertical(rows: list[dict[str, Any]], mm_h: float) -> float:
-    """세로 mm/m — 가로와 같게 두되 가장 높은 박스가 12~40 mm 안에 들게."""
+    """세로 mm/m — 가로와 같게 두되 가장 높은 박스가 12~40 mm 안에 들게 · 정했으면 그 값(485)."""
+    fixed = drawing_scale("development")["y"]
+    if fixed:
+        return 1000.0 / fixed
     tallest = max((r["height_m"] for r in rows if r["height_m"]), default=None)
     if not tallest:
         return _MIN_H
@@ -239,7 +243,12 @@ def layout(rows, area, table_box, mm_h, strict=True):
 
 
 def _choose(rows, area, table_box):
-    """처음 드는 축척 — 끝까지 안 들면 가장 작은 축척으로 그대로(도각이 넘침 경고)."""
+    """처음 드는 축척 — 끝까지 안 들면 가장 작은 축척으로 그대로(도각이 넘침 경고).
+
+    가로 축척을 정했으면(485) 그 값 하나만 — 넘쳐도 그대로."""
+    fixed = drawing_scale("development")["x"]
+    if fixed:
+        return fixed, layout(rows, area, table_box, 1000.0 / fixed, strict=False)
     for denominator in SCALES:
         placed = layout(rows, area, table_box, 1000.0 / denominator)
         if placed is not None:
@@ -366,6 +375,18 @@ def build_development_drawing(
     table_w, table_h = sum(_COLUMNS), _ROW_H * (len(lines) + 3)
     table_box = (ax1 - _MARGIN - table_w, ay0 + _MARGIN, ax1 - _MARGIN, ay0 + _MARGIN + table_h)
     denominator, placed = _choose(rows, area, table_box)
+    vertical = drawing_scale("development")["y"]
+    # 세로를 정했고 가로와 다르면 이름표(H · V) — 자동 세로는 지금처럼 가로만(485)
+    scales = (
+        (("H", denominator), ("V", vertical))
+        if vertical and vertical != denominator
+        else (("", denominator),)
+    )
+    scale_text = (
+        f"H=1:{denominator:,}  V=1:{vertical:,}"
+        if vertical and vertical != denominator
+        else f"S=1:{denominator:,}"
+    )
 
     def station(chainage: float) -> str:
         return station_text(chainage, interval_m)
@@ -382,7 +403,7 @@ def build_development_drawing(
         ),
         _text_entity(
             f"{drawing_id}:scale",
-            f"S=1:{denominator:,}",
+            scale_text,
             ax1 - _MARGIN,
             ay1 - 14.0,
             LABEL_LAYER_ID,
@@ -425,7 +446,7 @@ def build_development_drawing(
         area,
         fit=False,
         bottom_left=True,
-        fields={"도면명": title, **scale_fields(("", denominator))},
+        fields={"도면명": title, **scale_fields(*scales)},
     )
     return {
         "format": DRAWING_FORMAT,
diff --git a/B07_DesignDetail/B07_DesignDetail_Engine_Cad_Long.py b/B07_DesignDetail/B07_DesignDetail_Engine_Cad_Long.py
index 4557d4b7f..e52e08bc8 100644
--- a/B07_DesignDetail/B07_DesignDetail_Engine_Cad_Long.py
+++ b/B07_DesignDetail/B07_DesignDetail_Engine_Cad_Long.py
@@ -42,17 +42,24 @@ from B07_DesignDetail.B07_DesignDetail_Engine_Cad import (
     station_no_label,
 )
 from B07_DesignDetail.B07_DesignDetail_Engine_Template import (
+    drawing_scale,
     entities_bbox,
     frame_entities,
     scale_fields,
     usable_area,
 )
 from common_util.common_util_route_profile import design_elevation_from_longitudinal
-from config.config_system import DRAWING_SCALE_LONG_H, DRAWING_SCALE_LONG_V
+
 
 # 도면 좌표 = 종이 mm. 실거리 1 m가 종이에서 차지하는 mm (1/1,000 -> 1.0, 1/200 -> 5.0).
-MM_H = 1000.0 / DRAWING_SCALE_LONG_H
-MM_V = 1000.0 / DRAWING_SCALE_LONG_V
+# 축척 = 이 요청 프로젝트 값(485 · 기본 1/1,000 · 1/200).
+def _mm_h() -> float:
+    return 1000.0 / float(drawing_scale("longitudinal")["x"])
+
+
+def _mm_v() -> float:
+    return 1000.0 / float(drawing_scale("longitudinal")["y"])
+
 
 # 종단 전용 레이어: 그래프 축·격자(잠금 — 참조용, 편집 제외).
 LONG_GRID_LAYER_ID = "b08-long-grid"
@@ -175,7 +182,7 @@ def _graph_grid_entities(
     """
     # 기준선을 종이 y=0으로 두고 표고 차이만 MM_V로 올린다.
     datum_y = 0.0
-    top_y = (top_m - datum_m) * MM_V
+    top_y = (top_m - datum_m) * _mm_v()
     entities: list[dict[str, Any]] = [
         # 기준선(X축)
         _line_entity(
@@ -190,7 +197,7 @@ def _graph_grid_entities(
     level_m = datum_m
     tick_index = 0
     while level_m <= top_m + 1e-6:
-        level = (level_m - datum_m) * MM_V
+        level = (level_m - datum_m) * _mm_v()
         entities.append(
             _line_entity(
                 f"{drawing_id}:lgyt{tick_index}",
@@ -251,8 +258,8 @@ def _curve_row_entities(
         evc = curve.get("evc_m")
         if not isinstance(bvc, (int, float)) or not isinstance(evc, (int, float)):
             continue
-        start = max(float(bvc) * MM_H, x0)
-        end = min(float(evc) * MM_H, x1)
+        start = max(float(bvc) * _mm_h(), x0)
+        end = min(float(evc) * _mm_h(), x1)
         if end <= start:
             continue
         seed = f"{drawing_id}:lcurve:{index}"
@@ -373,8 +380,8 @@ def _grade_row_entities(
         grade = segment.get("grade_percent")
         if not isinstance(from_m, (int, float)) or not isinstance(to_m, (int, float)):
             continue
-        start = max(float(from_m) * MM_H, x0) + radius
-        end = min(float(to_m) * MM_H, x1) - radius
+        start = max(float(from_m) * _mm_h(), x0) + radius
+        end = min(float(to_m) * _mm_h(), x1) - radius
         if end <= start:
             continue
         seed = f"{drawing_id}:lgrade:{index}"
@@ -405,10 +412,10 @@ def _grade_row_entities(
 
     # 구배 변화점: 원(정원) 또는 노선 시·종점 반원 + 내부 세로쓰기 계획고
     for index, (chainage, is_route_end) in enumerate(
-        _grade_break_points(segments, x0 / MM_H, x1 / MM_H, route_start, route_end)
+        _grade_break_points(segments, x0 / _mm_h(), x1 / _mm_h(), route_start, route_end)
     ):
         # chainage는 월드 거리 — 계획고 조회에 그대로 쓰고, 좌표에는 MM_H를 곱한다.
-        x_paper = chainage * MM_H
+        x_paper = chainage * _mm_h()
         seed = f"{drawing_id}:lgradebp:{index}"
         if is_route_end:
             entities.append(
@@ -456,8 +463,8 @@ def _long_table_entities(
     route_end: float,
 ) -> list[dict[str, Any]]:
     """종단 테이블: 가로 구분선 + 측점 눈금(세로선 없음) + 세로쓰기 값."""
-    chainages = [float(s["chainage_m"]) * MM_H for s in stations]
-    header_width = max(interval_m * MM_H, 12.0)
+    chainages = [float(s["chainage_m"]) * _mm_h() for s in stations]
+    header_width = max(interval_m * _mm_h(), 12.0)
     left = chainages[0] - header_width
     right = chainages[-1]
     entities: list[dict[str, Any]] = []
@@ -594,7 +601,8 @@ def _long_content(
     )
     interval_m = infer_station_interval(all_stations)
 
-    # 좌표는 종이 mm — 거리에 MM_H, 표고는 기준선(datum) 기준으로 MM_V를 곱한다.
+    # 좌표는 종이 mm — 거리에 가로 mm/m, 표고는 기준선(datum) 기준으로 세로 mm/m 를 곱한다.
+    mm_h, mm_v = _mm_h(), _mm_v()
     elevations = [y for _x, y in [*ground_points, *design_points]]
     min_e = min(elevations) if elevations else 0.0
     max_e = max(elevations) if elevations else 10.0
@@ -603,7 +611,7 @@ def _long_content(
     top_m = max_e + 3.0
 
     def paper(point: tuple[float, float]) -> tuple[float, float]:
-        return (point[0] * MM_H, (point[1] - datum_m) * MM_V)
+        return (point[0] * mm_h, (point[1] - datum_m) * mm_v)
 
     entities: list[dict[str, Any]] = []
     ground = polyline_entity(
@@ -618,7 +626,7 @@ def _long_content(
         entities.append(design)
 
     if stations:
-        chainages = [float(s["chainage_m"]) * MM_H for s in stations]
+        chainages = [float(s["chainage_m"]) * mm_h for s in stations]
         entities.extend(
             _graph_grid_entities(drawing_id, chainages, chainages[0], chainages[-1], datum_m, top_m)
         )
@@ -647,6 +655,7 @@ def build_longitudinal_drawing(
 ) -> dict[str, Any]:
     """종단도 청크 하나를 지반선+계획선+그래프 축·격자+측점 테이블로 만든다."""
     entities = _long_content(longitudinal, drawing_id, chunk)
+    scale = drawing_scale("longitudinal")
     # A1 도각: 콘텐츠가 이미 종이 mm라 도각도 실치수(1:1)로 두고 위치만 맞춘다.
     # 그림 좌하단 = 작도영역 좌하단 — 장마다 같은 자리에서 시작한다.
     bbox = entities_bbox(entities)
@@ -659,7 +668,7 @@ def build_longitudinal_drawing(
                 bottom_left=True,
                 fields={
                     "도면명": "종단면도",
-                    **scale_fields(("H", DRAWING_SCALE_LONG_H), ("V", DRAWING_SCALE_LONG_V)),
+                    **scale_fields(("H", scale["x"]), ("V", scale["y"])),
                 },
             )
         )
diff --git a/B07_DesignDetail/B07_DesignDetail_Engine_Cad_MassHaul.py b/B07_DesignDetail/B07_DesignDetail_Engine_Cad_MassHaul.py
index c749dac21..32be0342c 100644
--- a/B07_DesignDetail/B07_DesignDetail_Engine_Cad_MassHaul.py
+++ b/B07_DesignDetail/B07_DesignDetail_Engine_Cad_MassHaul.py
@@ -36,6 +36,7 @@ from B07_DesignDetail.B07_DesignDetail_Engine_Cad import (
     station_plus_label,
 )
 from B07_DesignDetail.B07_DesignDetail_Engine_Template import (
+    drawing_scale,
     entities_bbox,
     frame_entities,
     scale_fields,
@@ -48,10 +49,15 @@ from config.config_system import (
 )
 
 # 토량 1㎥가 종이에서 차지하는 mm (1 mm = 50㎥ -> 0.02). 세로는 고정이다 — 축척 분모가
-# 아니라 종이 1 mm 가 받는 토량이라 도면끼리 비교하려면 같아야 한다.
+# 아니라 종이 1 mm 가 받는 토량이라 도면끼리 비교하려면 같아야 한다. 기본값 · 그릴 때는
+# 프로젝트 축척(485 · 세로 분모 50,000 = 1 mm 당 50 ㎥)을 쓴다.
 MM_V = 1.0 / DRAWING_SCALE_MASSHAUL_V_M3_MM
 
 
+def _mm_v() -> float:
+    return 1000.0 / float(drawing_scale("mass_haul")["y"])
+
+
 def auto_scale_h(length_m: float) -> int:
     """노선 연장에 맞는 가로 축척 분모 — **한 장에 들어가는 가장 큰 그림**을 고른다.
 
@@ -131,7 +137,7 @@ def _curve_points(mass_haul: dict[str, Any]) -> list[tuple[float, float]]:
 
 
 def _paper(x_m: float, volume_m3: float, mm_h: float) -> tuple[float, float]:
-    return (x_m * mm_h, volume_m3 * MM_V)
+    return (x_m * mm_h, volume_m3 * _mm_v())
 
 
 def _curve_top_at(curve: list[tuple[float, float]], from_m: float, to_m: float) -> float:
@@ -145,15 +151,15 @@ def _curve_top_at(curve: list[tuple[float, float]], from_m: float, to_m: float)
 def _axis_entities(drawing_id: str, x0: float, min_v: float, max_v: float) -> list[dict[str, Any]]:
     """좌측 세로축(빨강)·눈금·라벨 + 누가토량 0 기준선."""
     entities: list[dict[str, Any]] = []
-    top = max_v * MM_V
-    bottom = min_v * MM_V
+    top = max_v * _mm_v()
+    bottom = min_v * _mm_v()
     entities.append(
         _line_entity(f"{drawing_id}:axis:v", (x0, bottom), (x0, top), AXIS_LAYER_ID, AXIS_COLOR)
     )
     start = int(min_v // AXIS_TICK_M3) * AXIS_TICK_M3
     value = start
     while value <= max_v + 1e-6:
-        y = value * MM_V
+        y = value * _mm_v()
         entities.append(
             _line_entity(
                 f"{drawing_id}:axis:tick:{value:.0f}",
@@ -336,7 +342,7 @@ def _band_entities(
             anchor = _paper((haul_from + haul_to) / 2.0, mid_level, mm_h)
             top_m3 = _curve_top_at(curve, boundary_from, boundary_to)
             height = len(lines) * _BALLOON_LINE_H + 2 * _BALLOON_PAD_Y
-            center_y = top_m3 * MM_V + _BALLOON_GAP + height * (0.5 + slot % _BALLOON_STAGGER)
+            center_y = top_m3 * _mm_v() + _BALLOON_GAP + height * (0.5 + slot % _BALLOON_STAGGER)
             entities.extend(
                 _balloon_entities(
                     drawing_id,
@@ -383,7 +389,7 @@ def _residual_entities(
         ]
         anchor = _paper((from_m + to_m) / 2.0, level, mm_h)
         height = len(lines) * _BALLOON_LINE_H + 2 * _BALLOON_PAD_Y
-        center_y = bottom_m3 * MM_V - _BALLOON_GAP - height * (0.5 + slot % _BALLOON_STAGGER)
+        center_y = bottom_m3 * _mm_v() - _BALLOON_GAP - height * (0.5 + slot % _BALLOON_STAGGER)
         entities.extend(
             _balloon_entities(
                 drawing_id, f"residual:{index}", lines, anchor, (anchor[0], center_y), "rect"
@@ -511,7 +517,8 @@ def build_mass_haul_drawing(
     # 가로 축척은 노선 연장으로 정한다 — 한 장에 들어가는 가장 큰 그림
     # (2026-09-03 사용자 결정: 길이별 자동 축척).
     length_m = max(x for x, _v in curve) - min(x for x, _v in curve)
-    scale_h = auto_scale_h(length_m)
+    scale = drawing_scale("mass_haul")
+    scale_h = scale["x"] or auto_scale_h(length_m)  # 가로 None = 자동(485)
     mm_h = 1000.0 / scale_h
 
     entities: list[dict[str, Any]] = []
@@ -541,7 +548,7 @@ def build_mass_haul_drawing(
 
     # 테이블은 그래프·balloon 어느 것보다도 아래에 둔다 — 사토·토취 balloon이 곡선 밑에
     # 깔리므로 그래프 최저점만 보고 자리를 잡으면 표와 겹친다(2026-08-30 화면 실측).
-    graph_bottom = min(min_v * MM_V, 0.0)
+    graph_bottom = min(min_v * _mm_v(), 0.0)
     drawn = entities_bbox(entities)
     if drawn:
         graph_bottom = min(graph_bottom, drawn[1])
@@ -565,7 +572,7 @@ def build_mass_haul_drawing(
                 TABLE_LABEL_COLOR,
             )
         )
-        scale_text = f"SCALE  H=1:{scale_h:,}  V=1:{int(DRAWING_SCALE_MASSHAUL_V_M3_MM * 1000):,}"
+        scale_text = f"SCALE  H=1:{scale_h:,}  V=1:{scale['y']:,}"
         entities.append(
             _text_entity(
                 f"{drawing_id}:scale",
diff --git a/B07_DesignDetail/B07_DesignDetail_Engine_Cad_Sheet.py b/B07_DesignDetail/B07_DesignDetail_Engine_Cad_Sheet.py
index 1fa353f86..d1d5e4b0c 100644
--- a/B07_DesignDetail/B07_DesignDetail_Engine_Cad_Sheet.py
+++ b/B07_DesignDetail/B07_DesignDetail_Engine_Cad_Sheet.py
@@ -17,7 +17,6 @@ from B05_Profile.B05_Profile_Engine_Sections import cross_key
 from B07_DesignDetail.B07_DesignDetail_Engine_Cad import (
     _ENTITY_NS,
     CROSS_BORDER_PAD_MM,
-    CROSS_MM,
     CROSS_TABLE_LAYER_ID,
     DESIGN_LAYER_ID,
     DRAWING_FORMAT,
@@ -30,6 +29,7 @@ from B07_DesignDetail.B07_DesignDetail_Engine_Cad import (
     _layer,
     _section_window,
     build_cross_drawing,
+    cross_mm,
     points_from_samples,
     polyline_entity,
 )
@@ -39,11 +39,11 @@ from B07_DesignDetail.B07_DesignDetail_Engine_Cad_Table import (
     cross_table_width,
 )
 from B07_DesignDetail.B07_DesignDetail_Engine_Template import (
+    drawing_scale,
     frame_entities,
     scale_fields,
     usable_area,
 )
-from config.config_system import DRAWING_SCALE_CROSS
 
 # 장 도면 id — 측점 도면(cross_00020m)과 겹치지 않게 `s`를 끼운다(cross_s00020m).
 # 옛 순번 형식(cross_s01)도 읽어 준다 — 이미 확정한 매니페스트가 그 이름을 갖고 있다.
@@ -95,10 +95,11 @@ def section_block_size(
         ys.extend(y + float(rock_offset) for _x, y in ground_clipped)
     if overlay is not None:
         ys.extend(overlay[2:])
-    half_height = ((max(ys) - min(ys)) / 2.0 if ys else 5.0) * CROSS_MM
+    mm_x, mm_y = cross_mm()
+    half_height = ((max(ys) - min(ys)) / 2.0 if ys else 5.0) * mm_y
 
     width = 2.0 * max(
-        (x1 - x0) / 2.0 * CROSS_MM + _BORDER_PAD_MM,
+        (x1 - x0) / 2.0 * mm_x + _BORDER_PAD_MM,
         cross_table_width(table_scale) / 2.0 + _BORDER_PAD_MM,
     )
     # 위: 단면 반높이 + 테두리 여유 / 아래: 반높이 + (표 간격 + 표) + 테두리 여유
@@ -254,13 +255,20 @@ def build_cross_sheet(sheet: dict[str, Any], sections: list[dict[str, Any]]) ->
 
     if entities:
         entities.extend(_grid_lines(sheet["id"], cols, rows))
+        scale = drawing_scale("cross")
+        # 가로 · 세로가 같으면 분모 하나 · 다르면 이름표(H · V)(485)
+        scales = (
+            (("", scale["x"]),)
+            if scale["x"] == scale["y"]
+            else (("H", scale["x"]), ("V", scale["y"]))
+        )
         # 도각 = 고정 그림칸 — 내용 크기와 무관하게 칸 격자와 같은 자리(140-3).
         entities.extend(
             frame_entities(
                 sheet["id"],
                 (-usable_w / 2.0, -usable_h / 2.0, usable_w / 2.0, usable_h / 2.0),
                 fit=False,
-                fields={"도면명": "횡단면도", **scale_fields(("", DRAWING_SCALE_CROSS))},
+                fields={"도면명": "횡단면도", **scale_fields(*scales)},
             )
         )
 
diff --git a/B07_DesignDetail/B07_DesignDetail_Engine_Frame_Import.py b/B07_DesignDetail/B07_DesignDetail_Engine_Frame_Import.py
index ae6ce9982..9df19f705 100644
--- a/B07_DesignDetail/B07_DesignDetail_Engine_Frame_Import.py
+++ b/B07_DesignDetail/B07_DesignDetail_Engine_Frame_Import.py
@@ -62,10 +62,12 @@ def _entity_id(index: int) -> str:
 
 
 def _color(entity: Any) -> str:
-    """DXF 색 번호를 화면 색으로. 도면층 색(BYLAYER)이면 기본색을 쓴다."""
+    """DXF 색 번호를 화면 색으로. BYLAYER 면 레이어 색(488 · B07 붙이기 · M02 불러오기 같이) · BYBLOCK 은 기본색."""
     try:
         aci = int(entity.dxf.color)
-        if aci in (0, 256):  # BYBLOCK · BYLAYER
+        if aci == 256:  # BYLAYER
+            return _layer_color(entity.doc, entity.dxf.layer) or _DEFAULT_COLOR
+        if aci == 0:  # BYBLOCK
             return _DEFAULT_COLOR
         red, green, blue = ezdxf_colors.aci2rgb(aci)
         return f"#{red:02x}{green:02x}{blue:02x}"
diff --git a/B07_DesignDetail/B07_DesignDetail_Engine_Template.py b/B07_DesignDetail/B07_DesignDetail_Engine_Template.py
index 3b290e37b..0c2aea39b 100644
--- a/B07_DesignDetail/B07_DesignDetail_Engine_Template.py
+++ b/B07_DesignDetail/B07_DesignDetail_Engine_Template.py
@@ -27,6 +27,13 @@ from B07_DesignDetail.B07_DesignDetail_Engine_Cad import (
     FRAME_LAYER_ID,
 )
 from B07_DesignDetail.B07_DesignDetail_Engine_Cad_Svg import fit_polylines, svg_polylines
+from B07_DesignDetail.B07_DesignDetail_Router_Support_Io import _design_root
+from config.config_system import (
+    DRAWING_SCALE_CROSS,
+    DRAWING_SCALE_LONG_H,
+    DRAWING_SCALE_LONG_V,
+    DRAWING_SCALE_MASSHAUL_V_M3_MM,
+)
 from M02_MasterTemplete.M02_Template_Layers import (
     delete_template,
     initial_dir,
@@ -85,6 +92,51 @@ def add_title_fields(extra: dict[str, str]) -> None:
     _title_fields.set({**_title_fields.get(), **(extra or {})})
 
 
+# 도면 축척(485) — 프로젝트마다 `{B07 폴더}/drawing_scales.json` `{종류: {x, y}}`(분모).
+# 칸이 없거나 어긋나면 기본(`config_system`) · None = 자동(토적 가로 · 전개도 가로 · 세로).
+# 읽는 프로젝트 = 위 문맥 변수(라우터가 세움) — 엔진 서명을 고치지 않는다.
+DRAWING_SCALES_FILE = "drawing_scales.json"
+DRAWING_SCALE_DEFAULTS: dict[str, dict[str, int | None]] = {
+    "longitudinal": {"x": DRAWING_SCALE_LONG_H, "y": DRAWING_SCALE_LONG_V},
+    "cross": {"x": DRAWING_SCALE_CROSS, "y": DRAWING_SCALE_CROSS},
+    # 토적 세로 = 1 mm 당 50 ㎥ → 표기 1:50,000 (분모 / 1000 = 종이 1 mm 의 ㎥)
+    "mass_haul": {"x": None, "y": int(DRAWING_SCALE_MASSHAUL_V_M3_MM * 1000)},
+    "development": {"x": None, "y": None},
+}
+
+
+def drawing_scales_path(project_root: Path) -> Path:
+    return _design_root(project_root) / DRAWING_SCALES_FILE
+
+
+def read_drawing_scales(project_root: Path | None) -> dict[str, dict[str, int | None]]:
+    """종류마다 {x, y} — 파일에 양의 정수가 있으면 그것, 아니면 기본."""
+    # ponytail: 부를 때마다 작은 파일을 읽음(수정 시각 캐시는 같은 시각 두 번 쓰기에 낡음)
+    stored: Any = {}
+    if project_root is not None:
+        try:
+            stored = json.loads(drawing_scales_path(project_root).read_text(encoding="utf-8"))
+        except (OSError, ValueError):
+            stored = {}
+    if not isinstance(stored, dict):
+        stored = {}
+    scales: dict[str, dict[str, int | None]] = {}
+    for kind, defaults in DRAWING_SCALE_DEFAULTS.items():
+        row = stored.get(kind) if isinstance(stored.get(kind), dict) else {}
+        scales[kind] = {
+            axis: value
+            if isinstance(value := row.get(axis), int) and not isinstance(value, bool) and value > 0
+            else default
+            for axis, default in defaults.items()
+        }
+    return scales
+
+
+def drawing_scale(kind: str) -> dict[str, int | None]:
+    """이 요청 프로젝트의 그 종류 축척 {x, y}(분모 · None = 자동)."""
+    return read_drawing_scales(_project_root.get())[kind]
+
+
 def project_template_path(project_root: Path, name: str = A1_TEMPLATE) -> Path:
     """프로젝트 작업본 도각 파일 경로(없을 수도 있다)."""
     return template_path(project_dir(project_root), _KIND, name)
@@ -494,7 +546,7 @@ def scale_fields(*denominators: tuple[str, int]) -> dict[str, str]:
 
     도각이 `A1 = 1 :` 를 이미 찍으므로 **분모만** 낸다. A3 는 A1 도면을 절반으로 뽑는
     종이라 분모가 2배다. 가로·세로 축척이 다른 도면(종단·토적)은 이름표를 붙여 함께 적는다.
-    값은 `config_system` 의 축척 상수에서 오며 여기서 새로 정하지 않는다.
+    값은 엔진이 쓴 축척(`drawing_scale`)에서 오며 여기서 새로 정하지 않는다.
     """
 
     def text(factor: int) -> str:
diff --git a/B07_DesignDetail/B07_DesignDetail_Router.py b/B07_DesignDetail/B07_DesignDetail_Router.py
index 291e865da..2f5060c34 100644
--- a/B07_DesignDetail/B07_DesignDetail_Router.py
+++ b/B07_DesignDetail/B07_DesignDetail_Router.py
@@ -111,6 +111,8 @@ async def _confirmed_source(project_id: UUID) -> tuple[int, Path, Path, bool]:
     longitudinal_path = (root / str(longitudinal["longitudinal_file_path"])).resolve()
     if root not in longitudinal_path.parents or not longitudinal_path.is_file():
         raise FileNotFoundError("B06 종단면 파일을 찾을 수 없습니다.")
+    # 목록 · 확정 · 배치도 도면과 같은 도각 · 축척으로 장을 나눈다(485 — 종단 가로 = 장 나눔)
+    use_project_templates(root)
     return route_id, root, longitudinal_path, bypassed
 
 
@@ -557,6 +559,37 @@ async def invalidate_design_drawing(
         )
 
 
+@router.post("/{project_id}/design-drawings-complete")
+async def complete_design_stage(project_id: UUID) -> Any:
+    """B07 단계 완료 — 페이지 이동 저장(고친 도면만) 뒤 B08 · B09 로 갈 때(요구 281 · 확정 잠금 없음).
+
+    안 고친 도면은 늘 원본에서 새로 그리므로 「모든 횡단 장 확정」을 기다리지 않는다.
+    """
+    try:
+        await _confirmed_source(project_id)
+        pool = get_db_pool()
+        async with pool.acquire() as connection:
+            await connection.begin()
+            try:
+                async with connection.cursor() as cursor:
+                    await complete_stage(cursor, str(project_id), _B07_STAGE_NO)
+                await connection.commit()
+            except Exception:
+                await connection.rollback()
+                raise
+        return {"status": "success", "project_id": str(project_id)}
+    except FileNotFoundError as exc:
+        return JSONResponse(status_code=404, content={"status": "error", "message": str(exc)})
+    except PermissionError as exc:
+        return JSONResponse(status_code=409, content={"status": "error", "message": str(exc)})
+    except Exception:
+        logger.exception("B07 단계 완료 실패: project_id=%s", project_id)
+        return JSONResponse(
+            status_code=500,
+            content={"status": "error", "message": "상세 설계 단계를 완료하지 못했습니다."},
+        )
+
+
 class CrossLayoutRequest(BaseModel):
     """횡단 장 배치 — 기본 [열, 행] · 장마다 {장 번호: [열, 행]}(140-3) · 표 · 글 배율(180-2)."""
 
diff --git a/B07_DesignDetail/B07_DesignDetail_Router_Support_Overlay.py b/B07_DesignDetail/B07_DesignDetail_Router_Support_Overlay.py
index 6bfce8124..88fa28340 100644
--- a/B07_DesignDetail/B07_DesignDetail_Router_Support_Overlay.py
+++ b/B07_DesignDetail/B07_DesignDetail_Router_Support_Overlay.py
@@ -19,6 +19,7 @@ from typing import Any
 from uuid import UUID
 
 from B05_Profile.B05_Profile_Engine_Sections import cross_station
+from B07_DesignDetail.B07_DesignDetail_Engine_Cad import cross_mm
 from common_util.common_util_node_bundle import bundle_stale, run_bundle_json
 
 logger = logging.getLogger(__name__)
@@ -60,14 +61,16 @@ async def cross_overlay_extents(project_id: UUID | str, route_id: int) -> dict[i
         dump = getattr(response, "model_dump", None)
         if dump is None:  # JSONResponse = 실패
             return {}
-        detail = dump(mode="json")
+        # 종이 mm 글자 폭이 m 로 바뀌는 몫이 축척에 기댐 — 프로젝트 횡단 축척을 같이 넘김(485)
+        mm_x, mm_y = cross_mm()
+        payload = {"detail": dump(mode="json"), "mm_per_m_x": mm_x, "mm_per_m_y": mm_y}
         key = hashlib.sha1(
-            json.dumps(detail, sort_keys=True, default=str).encode("utf-8")
+            json.dumps(payload, sort_keys=True, default=str).encode("utf-8")
         ).hexdigest()
         # 번들이 낡았으면(화면 TS 가 바뀜) 기억을 버리고 다시 잰다 — 다시 빌드도 함께.
         if key in _CACHE and not await asyncio.to_thread(bundle_stale, BUNDLE):
             return _CACHE[key]
-        output = await asyncio.to_thread(run_bundle_json, BUNDLE, _NPM_SCRIPT, {"detail": detail})
+        output = await asyncio.to_thread(run_bundle_json, BUNDLE, _NPM_SCRIPT, payload)
     except Exception:
         logger.warning("B07 덧그림 범위 계산 실패 — 서버 그림만으로 배치", exc_info=True)
         return {}
diff --git a/B07_DesignDetail/B07_DesignDetail_Router_Support_Scale.py b/B07_DesignDetail/B07_DesignDetail_Router_Support_Scale.py
new file mode 100644
index 000000000..f7e1ee090
--- /dev/null
+++ b/B07_DesignDetail/B07_DesignDetail_Router_Support_Scale.py
@@ -0,0 +1,191 @@
+"""B07 도면 축척(485 · 요구 280-5) — 프로젝트마다 `drawing_scales.json` 읽기 · 쓰기 · GET/PUT.
+
+엔진은 `Engine_Template.drawing_scale(kind)` 로 읽는다(문맥 변수 · 엔진 서명 그대로).
+값이 바뀐 종류의 저장본(확정)은 푼다 — 축척 다른 저장본은 쓸모없음 · 종단 가로가 바뀌면
+장 나눔 · 장 id 가 바뀌므로 그 종류 저장본을 모두 푼다. 화면은 `saved` 장 수로 먼저 묻는다.
+"""
+
+import asyncio
+from pathlib import Path
+from typing import Any
+from uuid import UUID
+
+from fastapi import APIRouter
+from fastapi.responses import JSONResponse
+from pydantic import BaseModel, Field
+
+from B05_Profile.B05_Profile_Engine_Sections import parse_cross_key
+from B06_Section.B06_Section_Repository import merge_cross_section_design_by_round
+from B07_DesignDetail.B07_DesignDetail_Engine_Template import (
+    DRAWING_SCALE_DEFAULTS,
+    drawing_scales_path,
+    read_drawing_scales,
+)
+from B07_DesignDetail.B07_DesignDetail_Router import _CROSS_ID, _confirmed_source
+from B07_DesignDetail.B07_DesignDetail_Router_Support import _cross_sheet_plan
+from B07_DesignDetail.B07_DesignDetail_Router_Support_Io import (
+    _read_json,
+    _read_manifest,
+    _write_manifest,
+)
+from common_util.common_util_json import atomic_write_json
+from common_util.common_util_workflow_state import start_stage
+from config.config_db import get_db_pool
+
+router = APIRouter(prefix="/api/projects", tags=["B07 Design Detail"])
+
+# 분모 범위(정수) — 기본 · 자동 후보(토적 500~6,000 · 전개도 50~5,000)를 모두 담음.
+SCALE_RANGES: dict[str, dict[str, tuple[int, int]]] = {
+    "longitudinal": {"x": (100, 10000), "y": (10, 2000)},
+    "cross": {"x": (10, 1000), "y": (10, 1000)},
+    "mass_haul": {"x": (100, 20000), "y": (1000, 1000000)},
+    "development": {"x": (10, 10000), "y": (10, 10000)},
+}
+_KIND_LABEL = {
+    "longitudinal": "종단도",
+    "cross": "횡단도",
+    "mass_haul": "토적도",
+    "development": "전개도",
+}
+
+
+def checked_scales(scales: Any) -> dict[str, dict[str, int | None]]:
+    """{종류: {x, y}} — 분모 정수 · 범위 안 · null = 기본(자동 칸은 자동)."""
+    if not isinstance(scales, dict):
+        raise ValueError("축척은 {종류: {x, y}} 꼴로 보내 주세요.")
+    checked: dict[str, dict[str, int | None]] = {}
+    for kind, axes in scales.items():
+        if kind not in SCALE_RANGES:
+            raise ValueError(f"축척을 바꿀 수 없는 도면입니다: {kind}")
+        if not isinstance(axes, dict):
+            raise ValueError(f"{_KIND_LABEL[kind]} 축척은 {{x, y}} 꼴로 보내 주세요.")
+        row: dict[str, int | None] = {}
+        for axis, (low, high) in SCALE_RANGES[kind].items():
+            value = axes.get(axis)
+            if value is not None and (
+                isinstance(value, bool) or not isinstance(value, int) or not low <= value <= high
+            ):
+                name = "X(가로)" if axis == "x" else "Y(세로)"
+                raise ValueError(
+                    f"{_KIND_LABEL[kind]} {name} 축척은 1/{low:,}~1/{high:,} 사이 정수로 적으세요."
+                )
+            row[axis] = value
+        checked[kind] = row
+    return checked
+
+
+def saved_counts(project_root: Path) -> dict[str, int]:
+    """종류마다 저장본(확정) 장 수."""
+    counts = dict.fromkeys(SCALE_RANGES, 0)
+    for entry in _read_manifest(project_root)["drawings"].values():
+        if entry.get("confirmed") and entry.get("kind") in counts:
+            counts[entry["kind"]] += 1
+    return counts
+
+
+def scales_payload(project_root: Path) -> dict[str, Any]:
+    return {
+        "scales": read_drawing_scales(project_root),
+        "defaults": DRAWING_SCALE_DEFAULTS,
+        "ranges": {
+            kind: {axis: list(bounds) for axis, bounds in axes.items()}
+            for kind, axes in SCALE_RANGES.items()
+        },
+        "saved": saved_counts(project_root),
+    }
+
+
+def write_drawing_scales(
+    project_root: Path, longitudinal_path: Path, scales: Any
+) -> tuple[dict[str, int], list[int | float]]:
+    """보낸 종류만 바꿔 쓰고 값이 바뀐 종류의 저장본을 푼다 — (풀린 장 수, 풀린 횡단 측점)."""
+    checked = checked_scales(scales)
+    before = read_drawing_scales(project_root)
+    path = drawing_scales_path(project_root)
+    try:
+        stored = _read_json(path) if path.is_file() else {}
+    except ValueError:
+        stored = {}  # 깨진 파일 = 기본 — 새 값으로 덮음
+    atomic_write_json(path, {**stored, **checked})
+    after = read_drawing_scales(project_root)
+    changed = {kind for kind in checked if after[kind] != before[kind]}
+
+    invalidated: dict[str, int] = {}
+    stale_ids: list[str] = []
+    manifest = _read_manifest(project_root)
+    for drawing_id, entry in manifest["drawings"].items():
+        kind = entry.get("kind")
+        if entry.get("confirmed") and kind in changed:
+            entry["confirmed"] = False
+            invalidated[kind] = invalidated.get(kind, 0) + 1
+            if kind == "cross":
+                stale_ids.append(drawing_id)
+    if invalidated:
+        _write_manifest(project_root, manifest)
+
+    # 풀린 횡단 장 · 측점 도면에 담긴 측점 — 설계 상태를 잠정으로 되돌릴 몫(배치 바꿈과 같은 꼴)
+    stale: list[int | float] = []
+    sheets: dict[str, list[int | float]] | None = None
+    for drawing_id in stale_ids:
+        if match := _CROSS_ID.fullmatch(drawing_id):
+            stale.append(parse_cross_key(match.group(1)))
+            continue
+        if sheets is None:  # 장 계획은 장이 풀릴 때만 셈
+            plan = _cross_sheet_plan(project_root, longitudinal_path)
+            sheets = {sheet["id"]: sheet["chainages"] for sheet in plan}
+        stale.extend(sheets.get(drawing_id, []))
+    return invalidated, stale
+
+
+class DrawingScalesRequest(BaseModel):
+    """바꿀 종류만 — {종류: {x, y}} · 분모 정수 · null = 기본(자동)."""
+
+    scales: dict[str, Any] = Field(default_factory=dict)
+
+
+@router.get("/{project_id}/drawing-scales")
+async def get_drawing_scales(project_id: UUID) -> Any:
+    """도면 축척 — 파일 없으면 기본 · 종류마다 저장본 장 수(`saved`)."""
+    try:
+        _route_id, project_root, _longitudinal_path, _bypass = await _confirmed_source(project_id)
+        return await asyncio.to_thread(scales_payload, project_root)
+    except FileNotFoundError as exc:
+        return JSONResponse(status_code=404, content={"status": "error", "message": str(exc)})
+    except PermissionError as exc:
+        return JSONResponse(status_code=409, content={"status": "error", "message": str(exc)})
+
+
+@router.put("/{project_id}/drawing-scales")
+async def put_drawing_scales(project_id: UUID, request: DrawingScalesRequest) -> Any:
+    """축척을 쓴다 — 값이 바뀐 종류의 저장본은 풀고 횡단이면 담긴 측점 설계를 잠정으로."""
+    try:
+        route_id, project_root, longitudinal_path, _bypass = await _confirmed_source(project_id)
+        invalidated, stale = await asyncio.to_thread(
+            write_drawing_scales, project_root, longitudinal_path, request.scales
+        )
+        if invalidated:
+            pool = get_db_pool()
+            async with pool.acquire() as connection:
+                await connection.begin()
+                try:
+                    for chainage in stale:
+                        await merge_cross_section_design_by_round(
+                            connection,
+                            route_id=route_id,
+                            chainage=chainage,
+                            patch={"status": "provisional"},
+                        )
+                    async with connection.cursor() as cursor:
+                        await start_stage(cursor, str(project_id), 4)
+                    await connection.commit()
+                except Exception:
+                    await connection.rollback()
+                    raise
+        payload = await asyncio.to_thread(scales_payload, project_root)
+        return {**payload, "invalidated": invalidated}
+    except ValueError as exc:
+        return JSONResponse(status_code=400, content={"status": "error", "message": str(exc)})
+    except FileNotFoundError as exc:
+        return JSONResponse(status_code=404, content={"status": "error", "message": str(exc)})
+    except PermissionError as exc:
+        return JSONResponse(status_code=409, content={"status": "error", "message": str(exc)})
diff --git a/B07_DesignDetail/B07_DesignDetail_UI_Cad_Structures.ts b/B07_DesignDetail/B07_DesignDetail_UI_Cad_Structures.ts
index 20180f015..58a252743 100644
--- a/B07_DesignDetail/B07_DesignDetail_UI_Cad_Structures.ts
+++ b/B07_DesignDetail/B07_DesignDetail_UI_Cad_Structures.ts
@@ -8,7 +8,7 @@
  * 앞으로 B06에 구조물·치수·글자가 붙으면 여기 손대지 않아도 도면에 따라온다.
  *
  * 자리 맞추기는 서버가 도면에 실어 보내는 `cross_placements`가 정한다:
- *   x_mm = offset*mm_per_m + ox,  y_mm = (elev - dy)*mm_per_m + oy
+ *   x_mm = offset*mm_per_m_x + ox,  y_mm = (elev - dy)*mm_per_m_y + oy  (없으면 mm_per_m · 485)
  * SVG는 y가 아래로 자라므로 그릴 때 부호를 뒤집고 수확할 때 되돌린다.
  * ========================================================================== */
 
diff --git a/B07_DesignDetail/B07_DesignDetail_UI_Development.ts b/B07_DesignDetail/B07_DesignDetail_UI_Development.ts
index 5203ea0b2..002d8e32d 100644
--- a/B07_DesignDetail/B07_DesignDetail_UI_Development.ts
+++ b/B07_DesignDetail/B07_DesignDetail_UI_Development.ts
@@ -20,8 +20,9 @@ export function buildDevelopmentSection(
   items: DesignDrawingItem[],
   makeButton: (drawing: DesignDrawingItem, label: string) => HTMLButtonElement,
   collapsed = true,
+  onSettings?: () => void,
 ): HTMLElement {
-  const section = createPanelCard(`전개도 ${items.length}`, collapsed);
+  const section = createPanelCard(`전개도 ${items.length}`, collapsed, onSettings);
   section.classList.add("b07-drawing-group");
   section.dataset.kind = "development";
   if (items.length === 0) {
diff --git a/B07_DesignDetail/B07_DesignDetail_UI_Page.ts b/B07_DesignDetail/B07_DesignDetail_UI_Page.ts
index 368f5c4a3..e990d0d76 100644
--- a/B07_DesignDetail/B07_DesignDetail_UI_Page.ts
+++ b/B07_DesignDetail/B07_DesignDetail_UI_Page.ts
@@ -12,17 +12,11 @@
 
 import "./B07_DesignDetail_UI_Style.css";
 import { ui_locales, currentLanguageIndex } from "@ui/ui_template_locale";
-import {
-  createButton,
-  hideLoadingOverlay,
-  showLoadingOverlay,
-  showToast,
-} from "@ui/ui_template_elements";
+import { hideLoadingOverlay, showLoadingOverlay, showToast } from "@ui/ui_template_elements";
 import { createWorkflowLayout } from "@ui/ui_template_workflow_layout";
 import { CURRENT_PROJECT_ID_KEY } from "@config/config_frontend";
 // 좌측 패널(도면 목록·설계 정보)은 파일이 700줄을 넘어 떼어냈다(2026-09-04).
 import {
-  buildCrossLayoutControls,
   buildDesignInfoPanel,
   buildDrawingSidePanel,
   foldedGroups,
@@ -36,14 +30,13 @@ import {
   type WorkflowState,
 } from "../A00_Common/b_workflow_nav";
 import {
-  confirmDesignDrawing,
+  completeDesignStage,
   exportDrawing,
   fetchCrossLayout,
   fetchDesignDrawing,
   fetchDesignDrawingList,
   fetchFrameTemplate,
   importFrameTemplate,
-  invalidateDesignDrawing,
   resetFrameTemplate,
   saveCrossLayout,
   saveFrameTemplate,
@@ -55,6 +48,8 @@ import {
 } from "./B07_DesignDetail_Api_Fetch";
 import { appendStructureEntities } from "./B07_DesignDetail_UI_Cad_Structures";
 import { buildGuideToggle, guideShown } from "./B07_DesignDetail_UI_GuideToggle";
+import { hasRedrawable, redrawFromSource, saveEditedDrawings } from "./B07_DesignDetail_UI_Save";
+import { openDrawingSettings } from "./B07_DesignDetail_UI_Settings";
 // CAD iframe 부모 흐름 · 도각 편집은 M02 와 한 벌로 공용에 둔다(PLAN 10-3).
 import { createCadHost, type CadSaveResult } from "@ui/cad_host/cad_host";
 import { createFrameTemplateEditor } from "@ui/cad_host/cad_host_frame_edit";
@@ -67,7 +62,7 @@ interface DesignMeta {
   drawingId: string;
   title: string;
   info: string;
-  /** 확정본은 CAD에서 읽기 전용이 된다. 푸는 길은 [수정] 버튼 하나뿐. */
+  /** 참이면 CAD 읽기 전용 — 잠금 없음(요구 281)이라 늘 거짓 · 저장본도 그대로 고침. */
   confirmed: boolean;
   quantityTable: QuantityTable | null;
   hasPrev: boolean;
@@ -116,9 +111,7 @@ export async function renderB07DesignDetail(root: HTMLElement): Promise<void> {
 
   const cad = createCadHost<CadDrawing, DesignMeta, QuantityTable>({
     title: L("B07_Design_Title"),
-    // 편집 통지는 **미저장 표시**만 세운다. 확정을 푸는 것은 [수정] 하나뿐이다
-    // (2026-09-01 사용자 확정) — 예전에는 이 통지가 확정을 풀어, 되돌리기나 색
-    // 고르기 같은 곁가지 동작에도 확정이 조용히 날아갔다.
+    // 편집 통지는 **미저장 표시**(탭 ●)만 세운다 — 저장은 페이지를 옮길 때(요구 281).
     onChanged: (dirty) => {
       if (frameEditor.isEditing()) return;
       cadDirty = dirty;
@@ -135,18 +128,13 @@ export async function renderB07DesignDetail(root: HTMLElement): Promise<void> {
 
   let currentDrawing: DesignDrawingItem | undefined;
   let currentIndex = -1;
-  let currentConfirmed = false;
-  // 단계 완료 기준은 횡단도만 본다 (종단도 확정 여부는 다음 단계 진행과 무관).
-  const isCross = (item: DesignDrawingItem): boolean => item.kind === "cross";
-  let allDrawingsConfirmed =
-    drawings.some(isCross) && drawings.filter(isCross).every((item) => item.confirmed);
   let drawingListEl: HTMLElement | undefined;
   const infoPanelHost = document.createElement("div");
   infoPanelHost.className = "b07-info-host";
 
   // 표준도 제원 칸·[여기서 고치기]는 2026-09-13 B08 「구조물도」 탭으로 이관(PLAN 3장 ④).
   const updateInfoPanel = (drawing: DesignDrawingItem, response: DesignDrawingResponse): void => {
-    void fillCrossLayout(drawing);
+    guideToggle.disabled = !isCrossSheet(drawing); // 장의 안내선만
     if (drawing.kind !== "cross") {
       infoPanelHost.replaceChildren();
       return;
@@ -159,61 +147,28 @@ export async function renderB07DesignDetail(root: HTMLElement): Promise<void> {
     );
   };
 
-  /** 장 배치 칸 자리(153-1) — 횡단도 묶음 맨 아래 · 정보 칸을 다시 그려도 남음. */
-  const crossLayoutSlot = document.createElement("div");
-  crossLayoutSlot.className = "b07-cross-layout-slot";
-  // 배치 칸을 못 받아도 안내선 단추는 남음 · 받으면 같은 줄 끝에 붙음
-  const guideOnly = document.createElement("div");
-  guideOnly.className = "b07-cross-layout";
-  guideOnly.append(guideToggle);
-  crossLayoutSlot.append(guideOnly);
   let crossLayoutRequest: Promise<CrossLayout> | undefined;
+  const crossLayout = (): Promise<CrossLayout> =>
+    (crossLayoutRequest ??= fetchCrossLayout(projectId as string)).catch((error) => {
+      crossLayoutRequest = undefined; // 실패는 남기지 않음 — 다음 ⚙ 에 다시 받음
+      throw error;
+    });
 
-  /** 장 배치 칸(140-3) — 적용 = 서버 쓰기 → 목록 다시 · 같은 장 번호를 다시 엶. 장 아니면 기본값 · [이 장] 꺼짐. */
-  const fillCrossLayout = async (drawing: DesignDrawingItem) => {
-    guideToggle.disabled = !isCrossSheet(drawing); // 장의 안내선만
-    if (!projectId) return;
-    let layout: CrossLayout;
+  /** 장 배치 저장(140-3 · ⚙ 횡단 모달) — 서버 쓰기 → 화면 다시 세움 · 같은 장 번호를 다시 엶. */
+  const saveCrossLayoutAndRebuild = async (next: CrossLayout, sheet: number) => {
+    if (!projectId || !mayDiscardEdits()) return;
+    showLoadingOverlay();
     try {
-      layout = await (crossLayoutRequest ??= fetchCrossLayout(projectId));
-    } catch {
-      crossLayoutRequest = undefined;
-      return; // 배치 칸만 빠짐 — 도면 보기는 그대로
+      await saveCrossLayout(projectId, next);
+      reopenCrossSheet = sheet || undefined;
+      reopenDrawingId = sheet ? undefined : currentDrawing?.id;
+      cad.destroy();
+      void renderB07DesignDetail(root);
+    } catch (error) {
+      showToast(error instanceof Error ? error.message : "배치를 저장하지 못했습니다.", "error");
+    } finally {
+      hideLoadingOverlay();
     }
-    if (currentDrawing?.id !== drawing.id) return;
-    const number = isCrossSheet(drawing)
-      ? drawings.filter(isCrossSheet).findIndex((item) => item.id === drawing.id) + 1
-      : 0;
-    const save = async (next: CrossLayout) => {
-      if (!mayDiscardEdits()) return;
-      showLoadingOverlay();
-      try {
-        await saveCrossLayout(projectId, next);
-        reopenCrossSheet = number || undefined;
-        reopenDrawingId = number ? undefined : currentDrawing?.id;
-        cad.destroy();
-        void renderB07DesignDetail(root);
-      } catch (error) {
-        showToast(error instanceof Error ? error.message : "배치를 저장하지 못했습니다.", "error");
-      } finally {
-        hideLoadingOverlay();
-      }
-    };
-    const controls = buildCrossLayoutControls(
-      (number && layout.sheets[String(number)]) || layout.default,
-      number
-        ? (grid) => void save({ ...layout, sheets: { ...layout.sheets, [String(number)]: grid } })
-        : null,
-      (grid) => void save({ ...layout, default: grid, sheets: {} }),
-      {
-        scale: {
-          value: layout.table_scale ?? 1,
-          onApply: (scale) => void save({ ...layout, table_scale: scale }),
-        },
-      },
-    );
-    controls.append(guideToggle);
-    crossLayoutSlot.replaceChildren(controls);
   };
 
   /**
@@ -223,28 +178,6 @@ export async function renderB07DesignDetail(root: HTMLElement): Promise<void> {
    */
   let cadDirty = false;
 
-  /**
-   * 확정·미확정에 따라 버튼 한 자리를 바꾼다 (2026-09-01 사용자 확정).
-   * 미확정이면 [현재 도면 확정], 확정이면 [수정] — 확정을 푸는 유일한 길이다.
-   */
-  const confirmButton = createButton({
-    label: "현재 도면 확정",
-    variant: "filled",
-    onClick: () => {
-      if (currentConfirmed) void reopenCurrentDrawing();
-      else void confirmCurrentDrawing();
-    },
-  });
-  confirmButton.disabled = true;
-
-  const applyConfirmButtonState = (): void => {
-    confirmButton.textContent = currentConfirmed ? "수정" : "현재 도면 확정";
-    confirmButton.title = currentConfirmed
-      ? "확정을 풀고 이 도면을 고칩니다."
-      : "이 도면을 확정하고 저장합니다.";
-    confirmButton.disabled = !currentDrawing || currentDrawing.kind === "blank";
-  };
-
   const findButton = (drawingId: string) =>
     drawingListEl?.querySelector<HTMLButtonElement>(
       `.b07-drawing-button[data-drawing-id="${drawingId}"]`,
@@ -265,7 +198,7 @@ export async function renderB07DesignDetail(root: HTMLElement): Promise<void> {
     drawingId: drawing.id,
     title: drawing.label,
     info: drawing.kind === "cross" ? drawing.label : "",
-    confirmed: response.confirmed,
+    confirmed: false, // 잠금 없음(요구 281)
     quantityTable: response.quantity_table ?? null,
     hasPrev: index > 0,
     hasNext: index < drawings.length - 1,
@@ -328,7 +261,7 @@ export async function renderB07DesignDetail(root: HTMLElement): Promise<void> {
     return window.confirm(
       "저장하지 않은 편집이 있습니다.\n" +
         "지금 도면을 바꾸면 편집이 사라집니다. 버리고 이동할까요?\n\n" +
-        "남기려면 [취소]를 누르고 [현재 도면 확정]으로 저장하세요.",
+        "남기려면 [취소] — 고친 도면은 페이지를 옮길 때([<] [>]) 저장됩니다.",
     );
   };
 
@@ -347,9 +280,7 @@ export async function renderB07DesignDetail(root: HTMLElement): Promise<void> {
       const response = await requestDrawing(drawing);
       currentDrawing = drawing;
       currentIndex = index;
-      currentConfirmed = response.confirmed;
       cadDirty = !!stash; // 새 도면을 실었다 — 미저장은 받아 둔 편집본일 때만
-      applyConfirmButtonState();
       updateInfoPanel(drawing, response);
       // 가이드 = 작도 영역 점선 · 넘친 칸 붉은 틀(169-1 · 169-2 · 보기만)
       const guide = response.guide ?? null;
@@ -360,17 +291,17 @@ export async function renderB07DesignDetail(root: HTMLElement): Promise<void> {
       }
       if (response.drawing.stale_layout) {
         showToast(
-          "옛 배치로 확정된 장입니다. [수정]을 누르면 표를 칸 아래 가운데에 맞춘 새 배치로 다시 만듭니다.",
+          "옛 배치로 저장된 장입니다. ⚙ [원본에서 다시 그리기]로 표를 칸 아래 가운데에 맞춘 새 배치로 다시 만듭니다.",
           "info",
         );
       } else if (response.drawing.stale_scale) {
         showToast(
-          "옛 표 배율로 확정된 장입니다. [수정]을 누르면 지금 배율로 다시 만듭니다.",
+          "옛 표 배율로 저장된 장입니다. ⚙ [원본에서 다시 그리기]로 지금 배율로 다시 만듭니다.",
           "info",
         );
       } else if (response.drawing.stale_layers) {
         showToast(
-          "측점 도면층 앞에 확정된 장입니다. [수정]을 누르면 측점마다 층(횡단 No.)으로 다시 만듭니다.",
+          "측점 도면층 앞에 저장된 장입니다. ⚙ [원본에서 다시 그리기]로 측점마다 층(횡단 No.)으로 다시 만듭니다.",
           "info",
         );
       }
@@ -418,85 +349,19 @@ export async function renderB07DesignDetail(root: HTMLElement): Promise<void> {
 
   const requestCadDrawing = (): Promise<SaveResult> => cad.requestSave();
 
-  async function confirmCurrentDrawing(): Promise<void> {
-    if (!projectId || !currentDrawing) return;
-    showLoadingOverlay();
-    try {
-      const saved = await requestCadDrawing();
-      const result = await confirmDesignDrawing(
-        projectId,
-        currentDrawing.id,
-        saved.drawing,
-        currentDrawing.kind === "cross" ? (saved.quantityTable ?? null) : null,
-      );
-      currentConfirmed = true;
-      currentDrawing.confirmed = true;
-      cadDirty = false; // 저장했다
-      const savedTab = tabs.active();
-      if (savedTab) tabs.markClean(savedTab); // 받아 둔 편집본은 저장됨
-      applyConfirmButtonState();
-      drawingCache.delete(currentDrawing.id); // 확정본은 서버 저장분이 정본이다.
-
-      const button = findButton(currentDrawing.id);
-      if (button) button.dataset.confirmed = "true";
-      // 저장본을 다시 실어 CAD를 읽기 전용으로 돌린다 — 확정한 도면은 고칠 수 없다.
-      // **기다린다**: 안 기다리면 오버레이가 먼저 걷혀, 버튼은 [수정]인데 CAD는 아직
-      // 편집이 열린 어긋난 순간이 생긴다.
-      await loadDrawing(currentDrawing, currentIndex);
-      // 확정한 설계(B06 정본 그대로 · 상태만 확정)로 지반/계획 정보 패널을 갱신한다.
-      if (currentDrawing.kind === "cross") {
-        infoPanelHost.replaceChildren(
-          buildDesignInfoPanel(
-            currentDrawing.label,
-            result.design ?? null,
-            isCrossSheet(currentDrawing) ? "sheet" : "station",
-          ),
-        );
-      }
-      showToast("현재 도면을 확정하고 저장했습니다.", "success");
-      if (result.all_confirmed) {
-        allDrawingsConfirmed = true;
-        goToWorkflowStage(projectId, WORKFLOW_STEP_ROUTES[5]);
-      }
-    } catch (error) {
-      showToast(
-        error instanceof Error ? error.message : "현재 도면을 확정하지 못했습니다.",
-        "error",
-      );
-    } finally {
-      hideLoadingOverlay();
-    }
-  }
-
-  /**
-   * [수정] — 확정을 풀고 다시 고칠 수 있게 한다. **확정이 풀리는 유일한 길**이다
-   * (2026-09-01 사용자 확정). 예전에는 CAD의 편집 통지가 확정을 풀어서, 되돌리기나
-   * 색 고르기 같은 곁가지 동작에도 확정이 조용히 날아갔다.
-   */
-  async function reopenCurrentDrawing(): Promise<void> {
-    if (!projectId || !currentDrawing || !currentConfirmed) return;
-    showLoadingOverlay();
-    try {
-      await invalidateDesignDrawing(projectId, currentDrawing.id);
-      drawingCache.delete(currentDrawing.id);
-      currentConfirmed = false;
-      allDrawingsConfirmed = false;
-      currentDrawing.confirmed = false;
-      const button = findButton(currentDrawing.id);
-      if (button) button.dataset.confirmed = "false";
-      applyConfirmButtonState();
-      // 확정을 풀면 서버가 원본에서 다시 그린다 — 그 도면을 실어야 편집이 열린다.
-      await loadDrawing(currentDrawing, currentIndex);
-      showToast("확정을 풀었습니다. 고친 뒤 다시 확정하세요.", "info");
-    } catch (error) {
-      showToast(
-        error instanceof Error ? error.message : "도면 확정 상태를 되돌리지 못했습니다.",
-        "error",
-      );
-    } finally {
-      hideLoadingOverlay();
-    }
-  }
+  /** 저장 · 원본 되돌림 묶음(`_UI_Save`)이 쓰는 상태 길. */
+  const store = {
+    projectId: projectId as string,
+    drawings,
+    tabs,
+    current: () => currentDrawing,
+    cadDirty: () => cadDirty,
+    setCadClean: () => void (cadDirty = false),
+    requestCad: requestCadDrawing,
+    isFrameEditing: () => frameEditor.isEditing(),
+    forget: (id: string) => void drawingCache.delete(id),
+    reload: (drawing: DesignDrawingItem) => loadDrawing(drawing, drawings.indexOf(drawing)),
+  };
 
   /**
    * 지금 보고 있는 도면을 DXF·DWG 파일로 내려받는다 (2026-09-06 사용자 지시).
@@ -545,49 +410,98 @@ export async function renderB07DesignDetail(root: HTMLElement): Promise<void> {
       currentDrawing ? { label: currentDrawing.label, number: String(currentIndex + 1) } : null,
   });
 
+  /** [평면도 관리] 모달을 닫음 — 고쳤으면 목록 · 도면을 서버에서 다시 받아 화면을 다시 세운다. */
+  const onPlanClosed = (changed: boolean, openId?: string): void => {
+    if (!changed) {
+      const target = drawings.find((item) => item.id === openId);
+      if (target) selectDrawing(target);
+      return;
+    }
+    if (!mayDiscardEdits()) return;
+    reopenDrawingId = openId ?? currentDrawing?.id;
+    cad.destroy();
+    void renderB07DesignDetail(root);
+  };
+
+  // 묶음 ⚙(280-5) — 평면도 = 평면도 관리 · 횡단도 = 장 배치 · 안내선 · 머리 [원본에서 다시 그리기]
+  const openSettings = (kind: DesignDrawingItem["kind"]): void =>
+    openDrawingSettings(kind, {
+      drawings,
+      current: () => currentDrawing,
+      canRedraw: () => hasRedrawable(store),
+      redraw: () => redrawFromSource(store),
+      plan: projectId ? { projectId, onClosed: onPlanClosed } : undefined,
+      cross: {
+        layout: crossLayout,
+        save: (next, sheet) => void saveCrossLayoutAndRebuild(next, sheet),
+        guideToggle,
+      },
+    });
+
   const drawingPanel = buildDrawingSidePanel(
     drawings,
     selectDrawing,
     drawingError,
     devBypass,
-    projectId
-      ? {
-          projectId,
-          // [평면도 관리] 모달을 닫음 — 고쳤으면 목록 · 도면을 서버에서 다시 받아 화면을 다시 세운다.
-          onClosed: (changed, openId) => {
-            if (!changed) {
-              const target = drawings.find((item) => item.id === openId);
-              if (target) selectDrawing(target);
-              return;
-            }
-            if (!mayDiscardEdits()) return;
-            reopenDrawingId = openId ?? currentDrawing?.id;
-            cad.destroy();
-            void renderB07DesignDetail(root);
-          },
-        }
-      : undefined,
-    crossLayoutSlot,
+    projectId ? openSettings : undefined,
     folded,
   );
   drawingListEl = drawingPanel;
-  const confirmActions = document.createElement("div");
+  const actions = document.createElement("div");
   // 하단 고정은 공용 ui-sidebar-actions로 통일 — 사이드 본문이 [스크롤 영역][액션 줄]로
   // 쪼개지고 액션 줄은 스크롤 밖에 남는다(2026-08-18 사용자 지시, B04~B07 공통).
-  confirmActions.className = "b07-drawing-actions ui-sidebar-actions";
-  // 액션 칸은 두 줄이다 — 1행 도각 편집 띠(평소 숨김), 2행 [도각 편집]·[현재 도면 확정]
-  // (2026-09-02 사용자 지시 — CAD 리본과 겹치던 떠 있는 띠를 여기로 옮김).
-  const confirmButtonRow = document.createElement("div");
-  confirmButtonRow.className = "b07-drawing-actions__row";
-  confirmButtonRow.dataset.helpRow = "";
-  confirmButtonRow.append(frameEditor.button, confirmButton);
-  confirmActions.append(frameEditor.banner, confirmButtonRow);
+  actions.className = "b07-drawing-actions ui-sidebar-actions";
+  // 액션 칸은 두 줄이다 — 1행 도각 편집 띠(평소 숨김), 2행 [도각 편집]
+  // (2026-09-02 사용자 지시 — CAD 리본과 겹치던 떠 있는 띠를 여기로 옮김 · 확정 단추는 281 에 지움).
+  const actionRow = document.createElement("div");
+  actionRow.className = "b07-drawing-actions__row";
+  actionRow.dataset.helpRow = "";
+  actionRow.append(frameEditor.button);
+  actions.append(frameEditor.banner, actionRow);
 
-  drawingPanel.append(infoPanelHost, confirmActions);
+  drawingPanel.append(infoPanelHost, actions);
 
   const cadStack = document.createElement("div");
   cadStack.className = "b07-cad-stack";
   cadStack.append(tabs.element, cad.element);
+  // 탭 줄 겹판(280-6) — CAD 가 리본 [출력] 오른쪽 빈 자리를 `.cad-host` 에 `--cad-tab-slot-left/right`
+  // (px · CSS left · right 꼴)로 적으면 그 자리에 겹침 · 값이 없으면 CAD 위 지금 자리.
+  const placeTabs = (): void => {
+    const slotted = cad.element.style.getPropertyValue("--cad-tab-slot-left") !== "";
+    if (slotted === (tabs.element.parentElement === cad.element)) return;
+    if (slotted) cad.element.append(tabs.element);
+    else cadStack.prepend(tabs.element);
+  };
+  new MutationObserver(placeTabs).observe(cad.element, {
+    attributes: true,
+    attributeFilter: ["style"],
+  });
+  placeTabs();
+
+  /** 페이지 이동(281) — 고친 도면 저장 → B08 · B09 면 단계 4 완료 → 이동 · 실패면 머묾. */
+  let moving = false;
+  const moveToStage = async (stepIndex: number): Promise<void> => {
+    if (!projectId || moving) return;
+    moving = true;
+    try {
+      if (!(await saveEditedDrawings(store))) return;
+      if (stepIndex > 4 && drawings.length > 0) {
+        try {
+          await completeDesignStage(projectId);
+        } catch (error) {
+          showToast(
+            error instanceof Error ? error.message : "상세 설계 단계를 완료하지 못했습니다.",
+            "error",
+          );
+          return;
+        }
+      }
+      goToWorkflowStage(projectId, WORKFLOW_STEP_ROUTES[stepIndex]);
+    } finally {
+      moving = false;
+    }
+  };
+
   const layout = createWorkflowLayout({
     title: L("B07_Design_Title"),
     steps: workflowSteps(),
@@ -595,19 +509,11 @@ export async function renderB07DesignDetail(root: HTMLElement): Promise<void> {
     leftPanel: drawingPanel,
     mainContent: cadStack,
     stages: workflowState?.stages,
-    currentStage: workflowState?.current_stage,
+    // B08 = 옮길 때 단계 4 를 완료하므로 운영에서 막힌 상태여도 켬(281) — 공용 판은 이 단계를 켬
+    currentStage: 5,
     routes: WORKFLOW_STEP_ROUTES,
-    onStepClick: (stepIndex) => {
-      if (!projectId) return;
-      // ⚠ 개발에서는 막지 않는다 (2026-09-09 사용자 지시) — B08·B09 를 확정 전에 봐야
-      //   화면 검증이 되고, 그 우회 단추가 **B08 안에** 있어 여기서 막히면 닿을 길이 없다.
-      //   운영에서는 그대로 막는다.
-      if (stepIndex > 5 && !allDrawingsConfirmed && !import.meta.env.DEV) {
-        showToast("모든 설계 도면을 확정한 뒤 다음 단계로 이동할 수 있습니다.", "warning");
-        return;
-      }
-      goToWorkflowStage(projectId, WORKFLOW_STEP_ROUTES[stepIndex]);
-    },
+    // ☰ · 진행 단계 판 · [<] [>] 한 길 — 저장 후 이동(옛 「모든 횡단 확정」 잠금 · 자동 B08 이동 없음)
+    onStepClick: (stepIndex) => void moveToStage(stepIndex),
   });
   layout.root.classList.add("b07-design-layout");
   root.replaceChildren(layout.root);
diff --git a/B07_DesignDetail/B07_DesignDetail_UI_Panels.ts b/B07_DesignDetail/B07_DesignDetail_UI_Panels.ts
index 55af92418..7f805e943 100644
--- a/B07_DesignDetail/B07_DesignDetail_UI_Panels.ts
+++ b/B07_DesignDetail/B07_DesignDetail_UI_Panels.ts
@@ -12,7 +12,6 @@ import { currentLanguageIndex, ui_locales } from "@ui/ui_template_locale";
 import type { CrossDesignInfo, DesignDrawingItem } from "./B07_DesignDetail_Api_Fetch";
 import { buildDevelopmentSection } from "./B07_DesignDetail_UI_Development";
 import { buildPlanSection } from "./B07_DesignDetail_UI_PlanKinds";
-import { openPlanManager, type PlanManageControls } from "./B07_DesignDetail_UI_PlanManage";
 
 function L(key: keyof typeof ui_locales): string {
   return ui_locales[key][currentLanguageIndex];
@@ -60,9 +59,8 @@ export function buildDrawingSidePanel(
   onSelect: (drawing: DesignDrawingItem) => void,
   errorMessage?: string,
   devBypass = false,
-  plan?: PlanManageControls,
-  /** 횡단도 묶음 맨 아래에 붙일 자리(153-1 장 배치 칸) — 내용은 화면 조립이 도면을 열 때마다 채움. */
-  crossTools?: HTMLElement,
+  /** 묶음 ⚙(280-5) — 카드 제목 · 한 장 단추 안 오른쪽 · 표지 · 빈 도각은 없음. */
+  onSettings?: (kind: DesignDrawingItem["kind"]) => void,
   /** 311 다시 세울 때 옛 접힘(`foldedGroups`) — 없는 묶음은 기본값. */
   folded = new Map<string, boolean>(),
 ): HTMLDivElement {
@@ -107,24 +105,26 @@ export function buildDrawingSidePanel(
     button.addEventListener("click", () => onSelect(drawing));
     return button;
   };
+  const settingsOf = (kind: DesignDrawingItem["kind"]) =>
+    onSettings && kind !== "cover" && kind !== "blank" ? () => onSettings(kind) : undefined;
 
   for (const group of DRAWING_GROUPS) {
     if (group.kind === "plan") {
       // 종류를 다 지워도 묶음은 남긴다 — 그 안에서 다시 더한다.
       const plans = drawings.filter((item) => item.kind === "plan");
-      panel.append(
-        buildPlanSection(
-          plans,
-          drawingButton,
-          plan ? () => openPlanManager(plan) : undefined,
-          isFolded("plan"),
-        ),
-      );
+      panel.append(buildPlanSection(plans, drawingButton, settingsOf("plan"), isFolded("plan")));
       continue;
     }
     if (group.kind === "development") {
       const sheets = drawings.filter((item) => item.kind === "development");
-      panel.append(buildDevelopmentSection(sheets, drawingButton, isFolded("development")));
+      panel.append(
+        buildDevelopmentSection(
+          sheets,
+          drawingButton,
+          isFolded("development"),
+          settingsOf("development"),
+        ),
+      );
       continue;
     }
     const items = group.kind
@@ -158,11 +158,17 @@ export function buildDrawingSidePanel(
       // 도각만 있는 도면은 그렇다고 알린다 — 빈 화면을 보고 오류로 오해하지 않게.
       button.dataset.pending = String(drawing.kind === "blank");
       if (drawing.kind === "blank") button.title = "준비 중 — 도각만 표시합니다";
+      const settings = settingsOf(drawing.kind);
+      if (settings) button.append(buttonGear(settings));
       panel.append(button);
       continue;
     }
     // 컨테이너 = 좌측 패널 공용 카드(269 · B05/B06 「구조물 배치」 양식).
-    const section = createPanelCard(`${group.label} ${items.length}`, isFolded(group.kind ?? ""));
+    const section = createPanelCard(
+      `${group.label} ${items.length}`,
+      isFolded(group.kind ?? ""),
+      group.kind && settingsOf(group.kind),
+    );
     section.classList.add("b07-drawing-group");
     if (group.kind) section.dataset.kind = group.kind;
     if (cross) {
@@ -180,13 +186,34 @@ export function buildDrawingSidePanel(
       empty.textContent = "B05 · B06 구조물 배치에 연결된 구조물 도면이 없습니다.";
       section.append(empty);
     }
-    if (cross && crossTools) section.append(crossTools);
     panel.append(section);
   }
   attachCollapsible(panel);
   return panel;
 }
 
+/** 한 장 단추 안 오른쪽 ⚙(280-5) — 단추 안 단추 금지라 span · 누름 · Enter 가 도면 열기로 안 올라감. */
+function buttonGear(onSettings: () => void): HTMLElement {
+  const gear = document.createElement("span");
+  gear.className = "b07-drawing-button__settings";
+  gear.setAttribute("role", "button");
+  gear.tabIndex = 0;
+  gear.textContent = "⚙";
+  gear.title = "설정";
+  gear.setAttribute("aria-label", "설정");
+  gear.addEventListener("click", (event) => {
+    event.stopPropagation();
+    onSettings();
+  });
+  gear.addEventListener("keydown", (event) => {
+    if (event.key !== "Enter" && event.key !== " ") return;
+    event.preventDefault();
+    event.stopPropagation();
+    onSettings();
+  });
+  return gear;
+}
+
 const GROUND_TYPE_LABEL: Record<CrossDesignInfo["ground_type"], keyof typeof ui_locales> = {
   soil: "B06_Design_Ground_Soil",
   ripping_rock: "B06_Design_Ground_Ripping",
diff --git a/B07_DesignDetail/B07_DesignDetail_UI_PlanKinds.ts b/B07_DesignDetail/B07_DesignDetail_UI_PlanKinds.ts
index 684029b0a..8b8971d54 100644
--- a/B07_DesignDetail/B07_DesignDetail_UI_PlanKinds.ts
+++ b/B07_DesignDetail/B07_DesignDetail_UI_PlanKinds.ts
@@ -252,7 +252,7 @@ export function groupPlanSheets(
   });
 }
 
-/** 「평면도」 묶음 — 종류마다 이름 줄 + 장 단추, 아래에 [평면도 관리](130-1). */
+/** 「평면도」 묶음 — 종류마다 이름 줄 + 장 단추 · 제목 ⚙ = 평면도 관리 모달(130-1 · 280-5). */
 export function buildPlanSection(
   items: DesignDrawingItem[],
   makeButton: (drawing: DesignDrawingItem, label: string) => HTMLButtonElement,
@@ -260,7 +260,7 @@ export function buildPlanSection(
   collapsed = true,
 ): HTMLElement {
   // 컨테이너 = 좌측 패널 공용 카드(269)
-  const section = createPanelCard(`평면도 ${items.length}`, collapsed);
+  const section = createPanelCard(`평면도 ${items.length}`, collapsed, onManage);
   section.classList.add("b07-drawing-group", "b07-plan");
   section.dataset.kind = "plan";
 
@@ -273,13 +273,5 @@ export function buildPlanSection(
     block.append(...buttons);
     section.append(block);
   }
-
-  if (onManage) {
-    // 종류 · 대피소 자리 · 장 미리보기는 모달 한 곳(좌측 공간 · 접근 혼돈 — 130-1).
-    const manage = el("button", "ui-panel-btn b07-plan-manage-open", "평면도 관리");
-    manage.type = "button";
-    manage.addEventListener("click", onManage);
-    section.append(manage);
-  }
   return section;
 }
diff --git a/B07_DesignDetail/B07_DesignDetail_UI_PlanManage.ts b/B07_DesignDetail/B07_DesignDetail_UI_PlanManage.ts
index af52ce824..b4dbe70bd 100644
--- a/B07_DesignDetail/B07_DesignDetail_UI_PlanManage.ts
+++ b/B07_DesignDetail/B07_DesignDetail_UI_PlanManage.ts
@@ -34,6 +34,8 @@ export interface PlanManageControls {
   projectId: string;
   /** 모달을 닫음 — changed = 종류 · 자리 · 확정을 고쳤나 · openId = [CAD 에서 열기]로 고른 장. */
   onClosed: (changed: boolean, openId?: string) => void;
+  /** 머리 단추 — ⚙ 로 열 때 [원본에서 다시 그리기](280-5). */
+  actions?: HTMLElement[];
 }
 
 function el<K extends keyof HTMLElementTagNameMap>(
@@ -54,7 +56,7 @@ function button(className: string, text: string, onClick: () => void): HTMLButto
   return node;
 }
 
-export function openPlanManager(controls: PlanManageControls): void {
+export function openPlanManager(controls: PlanManageControls): { close: () => void } {
   const { projectId } = controls;
   let changed = false;
   let closed = false;
@@ -240,6 +242,7 @@ export function openPlanManager(controls: PlanManageControls): void {
     title: "평면도 관리",
     closeLabel: "닫기",
     dialogClass: "b07-plan-manage",
+    actions: controls.actions,
     beforeClose: () => {
       finish();
       return true;
@@ -252,4 +255,5 @@ export function openPlanManager(controls: PlanManageControls): void {
       void refresh();
     },
   });
+  return { close: () => finish() };
 }
diff --git a/B07_DesignDetail/B07_DesignDetail_UI_Save.ts b/B07_DesignDetail/B07_DesignDetail_UI_Save.ts
new file mode 100644
index 000000000..94d40d7f5
--- /dev/null
+++ b/B07_DesignDetail/B07_DesignDetail_UI_Save.ts
@@ -0,0 +1,147 @@
+/* =============================================================================
+ * B07_DesignDetail_UI_Save.ts
+ * 상세 설계 저장 · 원본 되돌림 묶음(요구 280-5 · 280-6 · 281) — `_UI_Page.ts` 가 700줄에 닿아 뗌.
+ *
+ *   저장 = 페이지를 옮길 때만([<] [>] · ☰ · 진행 단계 판 — `onStepClick` 한 길).
+ *          고친 탭(●) + 지금 탭을 `confirm` 길로 · 안 고친 도면은 보내지 않음(늘 원본에서 새로 그림).
+ *          잠금 없음 — 저장본도 그대로 고침 · 다시 옮길 때 다시 저장.
+ *   원본 되돌림 = ⚙ 모달 [원본에서 다시 그리기] — 저장본이면 `invalidate` · 고친 것 버리고 다시 실음.
+ * ========================================================================== */
+
+import {
+  hideLoadingOverlay,
+  showConfirmDialog,
+  showLoadingOverlay,
+  showToast,
+} from "@ui/ui_template_elements";
+import type { CadSaveResult } from "@ui/cad_host/cad_host";
+import type { CadTabs } from "@ui/cad_host/cad_host_tabs";
+import {
+  confirmDesignDrawing,
+  invalidateDesignDrawing,
+  type CadDrawing,
+  type DesignDrawingItem,
+  type QuantityTable,
+} from "./B07_DesignDetail_Api_Fetch";
+
+/** 화면 조립이 쥔 상태를 읽고 쓰는 길 — 이 묶음은 상태를 갖지 않음. */
+export interface DrawingStore {
+  projectId: string;
+  drawings: DesignDrawingItem[];
+  tabs: CadTabs<CadDrawing>;
+  current: () => DesignDrawingItem | undefined;
+  /** CAD 에 저장 안 한 편집이 있나 · 지움 */
+  cadDirty: () => boolean;
+  setCadClean: () => void;
+  requestCad: () => Promise<CadSaveResult<CadDrawing, QuantityTable>>;
+  isFrameEditing: () => boolean;
+  /** 도면 캐시에서 뺌 — 다음 열기에 서버에서 다시 받음 */
+  forget: (id: string) => void;
+  /** 그 도면을 서버에서 다시 받아 실음 */
+  reload: (drawing: DesignDrawingItem) => Promise<void>;
+}
+
+/** 좌측 단추 저장본 띠(초록) — 저장본 = 서버 `confirmed`. */
+function markButton(id: string, saved: boolean): void {
+  document
+    .querySelectorAll<HTMLElement>(`.b07-drawing-button[data-drawing-id="${id}"]`)
+    .forEach((button) => (button.dataset.confirmed = String(saved)));
+}
+
+/**
+ * 고친 도면을 저장 — 지금 탭(CAD 에서 받음 · 횡단은 수량표 같이) + 다른 고친 탭(받아 둔 편집본).
+ * 고친 것 없으면 요청 없이 참 · 하나라도 실패하면 알림 뒤 거짓(부르는 쪽은 머묾).
+ */
+export async function saveEditedDrawings(store: DrawingStore): Promise<boolean> {
+  if (store.isFrameEditing()) {
+    showToast("도각 편집을 마친 뒤 옮기세요.", "warning");
+    return false;
+  }
+  const current = store.current();
+  const active = store.tabs.active();
+  const editable = (item: DesignDrawingItem | undefined): item is DesignDrawingItem =>
+    !!item && item.kind !== "blank";
+  const currentEdited = editable(current) && (store.cadDirty() || !!active?.dirty);
+  const others = store.tabs
+    .tabs()
+    .filter((tab) => tab !== active && tab.dirty && tab.drawing)
+    .map((tab) => ({ tab, item: store.drawings.find((item) => item.id === tab.id) }))
+    .filter(({ item }) => editable(item));
+  if (!currentEdited && others.length === 0) return true;
+
+  const save = async (
+    item: DesignDrawingItem,
+    drawing: CadDrawing,
+    table: QuantityTable | null,
+  ) => {
+    await confirmDesignDrawing(store.projectId, item.id, drawing, table);
+    item.confirmed = true;
+    markButton(item.id, true);
+    store.forget(item.id); // 저장본이 정본 — 다음 열기는 서버에서
+  };
+  showLoadingOverlay();
+  try {
+    if (currentEdited && current) {
+      const saved = await store.requestCad();
+      await save(
+        current,
+        saved.drawing,
+        current.kind === "cross" ? (saved.quantityTable ?? null) : null,
+      );
+      store.setCadClean();
+      if (active) store.tabs.markClean(active);
+    }
+    for (const { tab, item } of others) {
+      // 횡단 수량표는 서버가 그림의 표 글에서 다시 뽑음(받아 둔 편집본엔 수량표 칸이 없음)
+      await save(item as DesignDrawingItem, tab.drawing as CadDrawing, null);
+      store.tabs.markClean(tab);
+    }
+    return true;
+  } catch (error) {
+    showToast(
+      `${error instanceof Error ? error.message : "도면을 저장하지 못했습니다."} — 이 화면에 머묾`,
+      "error",
+    );
+    return false;
+  } finally {
+    hideLoadingOverlay();
+  }
+}
+
+/** 지금 도면에 버릴 것(저장본 · 고친 것)이 있나 — ⚙ [원본에서 다시 그리기] 켬. */
+export function hasRedrawable(store: DrawingStore): boolean {
+  const current = store.current();
+  if (!current || current.kind === "blank") return false;
+  return current.confirmed || store.cadDirty() || !!store.tabs.active()?.dirty;
+}
+
+/** ⚙ [원본에서 다시 그리기] — 물은 뒤 저장본 풂(`invalidate`) · 고친 것 버림 · 다시 실음. 해냈으면 참. */
+export async function redrawFromSource(store: DrawingStore): Promise<boolean> {
+  const current = store.current();
+  if (!current || !hasRedrawable(store)) return false;
+  const ok = await showConfirmDialog(
+    `「${current.label}」 의 저장본 · 고친 것을 버리고 원본에서 다시 그릴까요?`,
+    "다시 그리기",
+  );
+  if (!ok) return false;
+  showLoadingOverlay();
+  try {
+    if (current.confirmed) {
+      await invalidateDesignDrawing(store.projectId, current.id);
+      current.confirmed = false;
+      markButton(current.id, false);
+    }
+    store.forget(current.id);
+    store.setCadClean();
+    const active = store.tabs.active();
+    if (active) store.tabs.markClean(active);
+    await store.reload(current);
+    showToast("원본에서 다시 그렸습니다.", "success");
+    return true;
+  } catch (error) {
+    showToast(error instanceof Error ? error.message : "원본에서 다시 그리지 못했습니다.", "error");
+    return false;
+  } finally {
+    hideLoadingOverlay();
+  }
+}
diff --git a/B07_DesignDetail/B07_DesignDetail_UI_Settings.ts b/B07_DesignDetail/B07_DesignDetail_UI_Settings.ts
new file mode 100644
index 000000000..e4012364c
--- /dev/null
+++ b/B07_DesignDetail/B07_DesignDetail_UI_Settings.ts
@@ -0,0 +1,124 @@
+/* =============================================================================
+ * B07_DesignDetail_UI_Settings.ts
+ * 좌측 도면 묶음 ⚙ 설정 모달(요구 280-5) — 공용 `openModal` · 머리 [원본에서 다시 그리기](281).
+ *
+ *   평면도 = 평면도 관리 모달 그대로(`openPlanManager`)
+ *   횡단도 = 장 배치(열 · 행 · [이 장] · [모든 장]) · 표 배율 · [안내선 숨기기] — 좌측 카드 밑에서 옮김
+ *   구조물 도면 = 「M02 그림 — 축척 없음」 한 줄 · 종단 · 토적 · 전개도 = 몸 비움(축척 칸은 485-2)
+ *   [원본에서 다시 그리기] = 지금 연 도면이 그 묶음일 때만 켬
+ * ========================================================================== */
+
+import { createButton } from "@ui/ui_template_elements";
+import { openModal } from "@ui/ui_template_modal";
+import type { CrossLayout, DesignDrawingItem } from "./B07_DesignDetail_Api_Fetch";
+import {
+  buildCrossLayoutControls,
+  DRAWING_GROUPS,
+  isCrossSheet,
+} from "./B07_DesignDetail_UI_Panels";
+import { openPlanManager, type PlanManageControls } from "./B07_DesignDetail_UI_PlanManage";
+
+type Kind = DesignDrawingItem["kind"];
+
+export interface DrawingSettingsDeps {
+  drawings: DesignDrawingItem[];
+  current: () => DesignDrawingItem | undefined;
+  /** 지금 도면에 버릴 것(저장본 · 고친 것)이 있나 */
+  canRedraw: () => boolean;
+  /** 원본에서 다시 그리기 — 해냈으면 참(모달 닫음) */
+  redraw: () => Promise<boolean>;
+  plan?: PlanManageControls;
+  cross: {
+    layout: () => Promise<CrossLayout>;
+    /** 배치 저장 — 모달은 닫힌 뒤 · `sheet` = 지금 장 번호(장 아니면 0) */
+    save: (next: CrossLayout, sheet: number) => void;
+    guideToggle: HTMLButtonElement;
+  };
+}
+
+/** ⚙ 묶음에 드는 도면 종류 — 횡단도 카드엔 표준 횡단면도 줄이 같이 있음. */
+const memberOf = (kind: Kind): Kind[] => (kind === "cross" ? ["cross", "cross_standard"] : [kind]);
+
+const note = (text: string): HTMLElement => {
+  const line = document.createElement("p");
+  line.className = "b07-settings__note";
+  line.textContent = text;
+  return line;
+};
+
+/** 묶음 `kind` 의 ⚙ 모달을 엶. */
+export function openDrawingSettings(kind: Kind, deps: DrawingSettingsDeps): void {
+  const current = deps.current();
+  const mine = !!current && memberOf(kind).includes(current.kind);
+  let closeModal = (): void => undefined;
+  const redraw = createButton({
+    label: "원본에서 다시 그리기",
+    variant: "ghost",
+    disabled: !(mine && deps.canRedraw()),
+    onClick: () => {
+      void deps.redraw().then((done) => done && closeModal());
+    },
+  });
+  redraw.title = !mine
+    ? "이 묶음 도면을 연 뒤 쓸 수 있음"
+    : redraw.disabled
+      ? "이미 원본 그대로"
+      : "저장본 · 고친 것을 버리고 B06 원본에서 새로 그림";
+  redraw.classList.add("b07-settings__redraw");
+
+  if (kind === "plan" && deps.plan) {
+    const manager = openPlanManager({ ...deps.plan, actions: [redraw] });
+    closeModal = manager.close;
+    return;
+  }
+  const label = DRAWING_GROUPS.find((group) => group.kind === kind)?.label ?? "도면";
+  openModal({
+    title: `${label} 설정`,
+    closeLabel: "닫기",
+    dialogClass: "b07-settings",
+    actions: [redraw],
+    mount: (body, close) => {
+      closeModal = close;
+      if (mine) body.append(note(`지금 도면: ${current?.label}`));
+      if (kind === "structure") body.append(note("M02 그림 — 축척 없음"));
+      if (kind === "cross") mountCross(body, deps, close);
+    },
+  });
+}
+
+/** 횡단 모달 몸 — 배치 칸은 받은 뒤 · 안내선 단추는 먼저(배치를 못 받아도 남음). */
+function mountCross(body: HTMLElement, deps: DrawingSettingsDeps, close: () => void): void {
+  const current = deps.current();
+  const sheet =
+    current && isCrossSheet(current)
+      ? deps.drawings.filter(isCrossSheet).findIndex((item) => item.id === current.id) + 1
+      : 0;
+  const holder = document.createElement("div");
+  holder.className = "b07-cross-layout";
+  holder.append(deps.cross.guideToggle);
+  body.append(holder);
+  void deps.cross
+    .layout()
+    .then((layout) => {
+      const apply = (next: CrossLayout): void => {
+        close();
+        deps.cross.save(next, sheet);
+      };
+      const controls = buildCrossLayoutControls(
+        (sheet && layout.sheets[String(sheet)]) || layout.default,
+        sheet
+          ? (grid) => apply({ ...layout, sheets: { ...layout.sheets, [String(sheet)]: grid } })
+          : null,
+        (grid) => apply({ ...layout, default: grid, sheets: {} }),
+        {
+          scale: {
+            value: layout.table_scale ?? 1,
+            onApply: (scale) => apply({ ...layout, table_scale: scale }),
+          },
+        },
+      );
+      controls.append(deps.cross.guideToggle);
+      holder.replaceWith(controls);
+    })
+    .catch(() => holder.prepend(note("배치를 받지 못했습니다.")));
+}
diff --git a/B07_DesignDetail/B07_DesignDetail_UI_Style.css b/B07_DesignDetail/B07_DesignDetail_UI_Style.css
index 0ee251ae8..bd92bbb2c 100644
--- a/B07_DesignDetail/B07_DesignDetail_UI_Style.css
+++ b/B07_DesignDetail/B07_DesignDetail_UI_Style.css
@@ -89,6 +89,28 @@
   text-overflow: ellipsis;
 }
 
+/* 한 장 단추 ⚙(280-5) — 단추 안 오른쪽 · 이름은 가운데 그대로 */
+.b07-drawing-button:has(.b07-drawing-button__settings) {
+  position: relative;
+  padding-right: 22px;
+  padding-left: 22px;
+}
+
+.b07-drawing-button__settings {
+  position: absolute;
+  top: 50%;
+  right: 6px;
+  transform: translateY(-50%);
+  color: var(--color-text-muted);
+  line-height: 1;
+  cursor: pointer;
+}
+
+.b07-drawing-button__settings:hover,
+.b07-drawing-button__settings:focus-visible {
+  color: var(--color-primary);
+}
+
 .b07-drawing-button:hover,
 .b07-drawing-button[data-active="true"] {
   border-color: var(--color-border);
@@ -200,17 +222,8 @@
   color: var(--color-text-muted);
 }
 
-/* 횡단 장 배치(153-1 · 212-3) — 횡단도 묶음 맨 아래 전체 폭 · 한 줄에 한 일:
-   배치 열 · 행 / [이 장] [모든 장] / 표 배율 [배율 적용] / [안내선 숨기기].
-   단추 · 숫자 칸 크기 = 좌측 패널 공용 양식(`.ui-panel-form` · 269) · 한 줄 안 같은 너비. */
-.b07-cross-layout-slot {
-  grid-column: 1 / -1;
-}
-
-.b07-cross-layout-slot:empty {
-  display: none;
-}
-
+/* 횡단 장 배치(153-1 · 212-3 · 280-5 ⚙ 횡단 모달) — 한 줄에 한 일:
+   배치 열 · 행 / [이 장] [모든 장] / 표 배율 [배율 적용] / [안내선 숨기기] · 한 줄 안 같은 너비. */
 .b07-cross-layout {
   display: flex;
   flex-direction: column;
@@ -459,3 +472,34 @@ html.is-bm-route .b07-cad-stack > .cad-tabs {
   flex: 1 1 0;
   height: auto;
 }
+
+/* 탭 줄 겹판(280-6) — CAD 리본 탭 줄 빈 자리(CAD 가 `.cad-host` 에 적은 px) · 리본 탭 줄 26 px 안 */
+.b07-cad-stack .cad-host > .cad-tabs {
+  position: absolute;
+  z-index: 3;
+  top: 0;
+  right: var(--cad-tab-slot-right, 0px);
+  left: var(--cad-tab-slot-left, 0px);
+  height: 26px;
+  padding: 2px 4px 0;
+  border-bottom: none;
+  background: transparent;
+}
+
+.b07-cad-stack .cad-host > .cad-tabs .cad-tabs__tab {
+  padding-block: 2px;
+}
+
+/* ⚙ 설정 모달(280-5) — 안내 한 줄 · 횡단 배치 칸 */
+.b07-settings__note {
+  margin: 0 0 var(--spacing-8);
+  color: var(--color-text-secondary);
+  font-size: 13px;
+}
+
+.b07-settings .b07-cross-layout {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-8);
+  min-width: 280px;
+}
diff --git a/B07_DesignDetail/openwebcad/src/App.css b/B07_DesignDetail/openwebcad/src/App.css
index ba1b7de29..ce7c76163 100644
--- a/B07_DesignDetail/openwebcad/src/App.css
+++ b/B07_DesignDetail/openwebcad/src/App.css
@@ -3,7 +3,8 @@
 @import "../../../ui_template/ui_template_theme.css";
 
 :root {
-	--cad-title-height: 42px;
+	/* 제목줄 없음(요구 280-6) — 칸들이 이 변수로 자리 잡아 0 으로 둠 */
+	--cad-title-height: 0px;
 	/* 116px 에서는 리본 줄의 내용(85px)이 보이는 높이(81px)를 넘어 세로 스크롤바가
 	   생겼다(2026-09-04 실측) — 모자란 4px + 여유 2px 를 더한다. */
 	--cad-ribbon-height: 122px;
@@ -55,11 +56,7 @@ button {
 	z-index: 2;
 	pointer-events: none;
 }
-.cad-host-save {
-	--cad-title-height: 0px;
-}
 .cad-bare {
-	--cad-title-height: 0px;
 	--cad-status-height: 0px;
 }
 .controls {
@@ -85,64 +82,6 @@ body > canvas[data-id="canvas"] {
 	cursor: none;
 }
 
-.cad-titlebar {
-	position: fixed;
-	inset: 0 0 auto 0;
-	height: var(--cad-title-height);
-	display: flex;
-	align-items: center;
-	gap: 24px;
-	padding: 0 12px;
-	background: var(--cad-chrome);
-	border-bottom: 1px solid var(--cad-line);
-	box-shadow: var(--shadow-sm);
-}
-.cad-brand {
-	display: flex;
-	align-items: baseline;
-	gap: 9px;
-	min-width: 220px;
-}
-.cad-brand strong {
-	color: var(--color-text);
-	font-size: 14px;
-}
-.cad-brand span,
-.cad-file-state {
-	color: var(--cad-text-dim);
-	font-size: 11px;
-}
-.cad-file-state {
-	display: flex;
-	align-items: center;
-	gap: 7px;
-}
-.cad-file-state__dot {
-	width: 7px;
-	height: 7px;
-	border-radius: 50%;
-	background: var(--color-success);
-	box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-success) 25%, transparent);
-}
-.cad-title-actions {
-	display: flex;
-	gap: 4px;
-	margin-left: auto;
-}
-.cad-title-actions button {
-	height: 28px;
-	min-width: 32px;
-	padding: 0 9px;
-	border: 1px solid transparent;
-	border-radius: 3px;
-	background: transparent;
-	font-size: 12px;
-}
-.cad-title-actions button:hover {
-	border-color: var(--cad-line);
-	background: var(--cad-hover);
-}
-
 .cad-ribbon {
 	position: fixed;
 	top: var(--cad-title-height);
@@ -168,8 +107,11 @@ body > canvas[data-id="canvas"] {
 	padding: 0 8px;
 	border-bottom: 1px solid var(--cad-line);
 }
+.cad-ribbon-tabs__slot {
+	flex: 1;
+	min-width: 0;
+}
 .cad-ribbon-tabs__collapse {
-	margin-left: auto;
 	width: 24px;
 	height: 20px;
 	align-self: center;
@@ -275,14 +217,15 @@ body > canvas[data-id="canvas"] {
 .cad-quick-access {
 	display: flex;
 	gap: 2px;
-	margin-left: 14px;
+	align-self: center;
 }
-.cad-quick-access button {
-	width: 26px;
-	height: 24px;
+.cad-ribbon-tabs .cad-quick-access button {
+	width: 24px;
+	height: 20px;
+	padding: 0;
 	border: 1px solid transparent;
-	border-radius: 3px;
-	background: transparent;
+	border-radius: 4px;
+	line-height: 1;
 	font-size: 13px;
 }
 .cad-quick-access button:hover {
@@ -334,6 +277,8 @@ body > canvas[data-id="canvas"] {
 	border-radius: 3px;
 	cursor: pointer;
 }
+/* 고른 것들 색이 다름(488) — 빈 견본(투명 · 점선 테두리) */
+input[type="color"][data-mixed="true"]::-webkit-color-swatch { background: transparent !important; border: 1px dashed var(--cad-text-muted); }
 /* 위젯 패널 안의 작은 명령 버튼은 한 줄 높이에 맞춘다 */
 .cad-ribbon-props .cad-tool[data-size="small"] {
 	height: 22px;
@@ -540,7 +485,7 @@ body > canvas[data-id="canvas"] {
 	flex-direction: column;
 	align-items: flex-end;
 	gap: 2px;
-	max-width: 360px;
+	white-space: nowrap;
 	padding: 2px 4px;
 	border: 0;
 	background: transparent;
@@ -718,153 +663,13 @@ body.cad-file-dragging::after {
 	font-size: 10px;
 }
 
-/* -----------------------------------------------------------------------------
- * 수량 산출표 패널 (CAD 화면 하단 중심, 접이식) — 첨부 양식
- * -------------------------------------------------------------------------- */
-.cad-qtable {
-	position: fixed;
-	z-index: 3;
-	/* 명령행 위로 띄운다 — 겹치면 명령 입력칸을 클릭으로 누를 수 없다(2026-08-31).
-	   명령행을 접으면 --cad-command-height가 0이라 예전처럼 상태막대 위에 붙는다. */
-	bottom: calc(var(--cad-status-height) + var(--cad-command-height) + 8px);
-	left: calc(var(--cad-panel-width) + (100vw - var(--cad-panel-width)) / 2);
-	transform: translateX(-50%);
-	/* 표(가장 넓은 자식) 기준 폭 고정 → 접었다 펴도 폭이 변하지 않는다 */
-	width: max-content;
-	max-width: min(1040px, calc(100vw - var(--cad-panel-width) - 24px));
-	border: 1px solid var(--cad-line);
-	border-radius: 6px;
-	background: var(--cad-chrome-raised);
-	box-shadow: var(--shadow-lg);
-	color: var(--cad-text);
-}
-
-.cad-qtable__header {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	padding: 5px 8px;
-}
-.cad-qtable__title {
-	display: flex;
-	flex: 1;
-	align-items: baseline;
-	justify-content: center;
-	gap: 8px;
-	min-width: 0;
-}
-.cad-qtable__title strong {
-	color: var(--color-text);
-	font-size: 14px;
-}
-.cad-qtable__title span {
-	overflow: hidden;
-	color: var(--cad-text-dim);
-	font-size: 11px;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-.cad-qtable__status {
-	padding: 1px 7px;
-	border-radius: 999px;
-	font-size: 10px;
-	font-style: normal;
-}
-.cad-qtable__status[data-confirmed="true"] {
-	background: color-mix(in srgb, var(--color-success) 22%, transparent);
-	color: var(--color-success);
-}
-.cad-qtable__status[data-confirmed="false"] {
-	background: color-mix(in srgb, var(--color-warning) 22%, transparent);
-	color: var(--color-warning);
-}
-.cad-qtable__nav,
-.cad-qtable__collapse {
-	width: 26px;
-	height: 24px;
-	border: 1px solid var(--cad-line);
-	border-radius: 4px;
-	background: var(--cad-chrome-sunken);
-	color: var(--cad-text);
-	font-size: 13px;
-}
-.cad-qtable__nav:hover:not(:disabled),
-.cad-qtable__collapse:hover {
-	background: var(--cad-hover);
-}
-.cad-qtable__nav:disabled {
-	opacity: 0.35;
-	cursor: not-allowed;
-}
-
-.cad-qtable__body {
-	padding: 0 8px 8px;
-	overflow-x: auto;
-}
-/* 접힘: 표는 DOM에 남겨 폭은 유지하되 세로로만 감춘다 */
-.cad-qtable[data-collapsed="true"] .cad-qtable__body {
-	max-height: 0;
-	padding-top: 0;
-	padding-bottom: 0;
-	overflow: hidden;
-	visibility: hidden;
-}
-.cad-qtable table {
-	margin: 0 auto;
-	border-collapse: collapse;
-}
-.cad-qtable th,
-.cad-qtable td {
-	padding: 0;
-	border: 1px solid var(--cad-line);
-	font-size: 11px;
-	text-align: center;
-	vertical-align: middle;
-}
-.cad-qtable__label {
-	padding: 2px 9px;
-	color: var(--cad-text-dim);
-	font-weight: 600;
-	white-space: nowrap;
-	background: var(--cad-chrome);
-}
-.cad-qtable__label--vertical {
-	width: 18px;
-	writing-mode: vertical-rl;
-	text-orientation: upright;
-	letter-spacing: 1px;
-}
-.cad-qtable__value input {
-	width: 72px;
-	padding: 3px 4px;
-	border: 0;
-	background: transparent;
-	color: var(--cad-text);
-	font: inherit;
-	text-align: center;
-}
-.cad-qtable__value input:focus {
-	outline: 2px solid var(--color-focus-ring);
-	outline-offset: -2px;
-	background: var(--cad-hover);
-}
-.cad-qtable__value--derived input {
-	color: var(--cad-text-muted);
-	background: var(--cad-chrome-sunken);
-	cursor: not-allowed;
-}
-
 @media (max-width: 800px) {
 	:root {
 		--cad-panel-width: 200px;
 	}
-	.cad-file-state,
 	.cad-statusbar__hint {
 		display: none;
 	}
-	.cad-brand {
-		min-width: auto;
-	}
 }
 
 /* 특성 팔레트 — 값을 바로 고치는 입력들 */
diff --git a/B07_DesignDetail/openwebcad/src/App.tsx b/B07_DesignDetail/openwebcad/src/App.tsx
index 93ce68b1d..370698bba 100644
--- a/B07_DesignDetail/openwebcad/src/App.tsx
+++ b/B07_DesignDetail/openwebcad/src/App.tsx
@@ -1,14 +1,12 @@
 import './App.css';
 import { ToastContainer } from 'react-toastify';
 import { FramePlaceholderPanel } from './components/FramePlaceholderPanel.tsx';
-import { QuantityPanel } from './components/QuantityPanel.tsx';
 import { Toolbar } from './components/Toolbar.tsx';
 
 function App() {
 	return (
 		<div className="cad-app">
 			<Toolbar />
-			<QuantityPanel />
 			<FramePlaceholderPanel />
 			<ToastContainer position="bottom-right" theme="light" />
 		</div>
diff --git a/B07_DesignDetail/openwebcad/src/commands/command-catalog.json b/B07_DesignDetail/openwebcad/src/commands/command-catalog.json
index 634771019..fc10f1907 100644
--- a/B07_DesignDetail/openwebcad/src/commands/command-catalog.json
+++ b/B07_DesignDetail/openwebcad/src/commands/command-catalog.json
@@ -88,9 +88,9 @@
   {"id": "PLACETABLE", "label": "표 놓기", "aliases": []},
   {"id": "REVCLOUD", "label": "구름형 리비전", "aliases": []},
   {"id": "ANNOSCALE", "label": "주석 축척", "aliases": []},
-  {"id": "LAYER", "label": "도면층 특성", "aliases": ["LA"]},
-  {"id": "LAYCURSET", "label": "현재 도면층 설정", "aliases": []},
-  {"id": "LAYOFF", "label": "도면층 끄기", "aliases": []},
+  {"id": "LAYER", "label": "레이어 특성", "aliases": ["LA"]},
+  {"id": "LAYCURSET", "label": "현재 레이어 설정", "aliases": []},
+  {"id": "LAYOFF", "label": "레이어 끄기", "aliases": []},
   {"id": "LAYON", "label": "모두 켜기", "aliases": []},
   {"id": "LAYFRZ", "label": "동결", "aliases": []},
   {"id": "LAYTHW", "label": "동결 해제", "aliases": []},
@@ -99,16 +99,16 @@
   {"id": "LAYISO", "label": "분리", "aliases": []},
   {"id": "LAYUNISO", "label": "분리 해제", "aliases": []},
   {"id": "LAYERP", "label": "이전 상태", "aliases": []},
-  {"id": "LAYERSTATE", "label": "도면층 상태 저장", "aliases": ["LAS"]},
-  {"id": "LAYERSTATERESTORE", "label": "도면층 상태 복원", "aliases": []},
-  {"id": "LAYMCH", "label": "도면층 일치", "aliases": []},
-  {"id": "LAYCUR", "label": "현재 도면층으로", "aliases": []},
-  {"id": "LAYMRG", "label": "도면층 병합", "aliases": []},
-  {"id": "LAYDEL", "label": "도면층 삭제", "aliases": []},
-  {"id": "LAYWALK", "label": "도면층 탐색", "aliases": []},
+  {"id": "LAYERSTATE", "label": "레이어 상태 저장", "aliases": ["LAS"]},
+  {"id": "LAYERSTATERESTORE", "label": "레이어 상태 복원", "aliases": []},
+  {"id": "LAYMCH", "label": "레이어 일치", "aliases": []},
+  {"id": "LAYCUR", "label": "현재 레이어로", "aliases": []},
+  {"id": "LAYMRG", "label": "레이어 병합", "aliases": []},
+  {"id": "LAYDEL", "label": "레이어 삭제", "aliases": []},
+  {"id": "LAYWALK", "label": "레이어 탐색", "aliases": []},
   {"id": "COLOR", "label": "색상", "aliases": ["COL"]},
   {"id": "LINETYPE", "label": "선종류", "aliases": ["LT"]},
-  {"id": "LWEIGHT", "label": "선가중치", "aliases": ["LW"]},
+  {"id": "LWEIGHT", "label": "선 두께", "aliases": ["LW"]},
   {"id": "PROPERTIES", "label": "특성", "aliases": ["CH", "MO", "PR"]},
   {"id": "QUICKPROPERTIES", "label": "빠른 특성", "aliases": ["QP"]},
   {"id": "TRANSPARENCY", "label": "투명도", "aliases": []},
@@ -136,6 +136,7 @@
   {"id": "IMAGEATTACH", "label": "이미지 부착", "aliases": ["IAT"]},
   {"id": "BLOCK", "label": "블록 작성", "aliases": ["B"]},
   {"id": "INSERT", "label": "블록 삽입", "aliases": ["I"]},
+  {"id": "IMPORT", "label": "DWG 불러오기", "aliases": []},
   {"id": "SELECT", "label": "선택", "aliases": []},
   {"id": "ZOOM", "label": "범위 줌", "aliases": ["Z"]},
   {"id": "ZOOMIN", "label": "확대", "aliases": []},
diff --git a/B07_DesignDetail/openwebcad/src/commands/commands.insert.ts b/B07_DesignDetail/openwebcad/src/commands/commands.insert.ts
index 6bdeb8ebc..6cb2b8d73 100644
--- a/B07_DesignDetail/openwebcad/src/commands/commands.insert.ts
+++ b/B07_DesignDetail/openwebcad/src/commands/commands.insert.ts
@@ -4,6 +4,7 @@ import { saveBlockFromEntities } from '../blocks/block-library';
 import { setBlockLibraryVisible } from '../components/ui-state';
 import { importImageFromFile } from '../helpers/import-export-handlers/import-image-from-file';
 import { pickFile } from '../helpers/pick-file';
+import { importDrawingFile } from '../integration/dxf-clip-paste';
 import { getActiveToolActor, getSelectedEntities } from '../state';
 import { Tool } from '../tools';
 import { imageImportToolStateMachine } from '../tools/image-import-tool';
@@ -58,4 +59,14 @@ export const INSERT_COMMANDS: CadCommand[] = [
 			return '블록 라이브러리';
 		},
 	},
+	{
+		id: 'IMPORT',
+		label: 'DWG 불러오기',
+		glyph: '📂',
+		hint: 'DWG · DXF 파일을 지금 도면에 원좌표 그대로 더한다(골라진 채 · 되돌리기 한 번에 빠짐)',
+		run: () => {
+			pickFile('.dwg,.dxf', importDrawingFile);
+			return 'DWG · DXF 파일 선택';
+		},
+	},
 ];
diff --git a/B07_DesignDetail/openwebcad/src/commands/commands.layer.ts b/B07_DesignDetail/openwebcad/src/commands/commands.layer.ts
index d5ea2b0fb..c5437d0e2 100644
--- a/B07_DesignDetail/openwebcad/src/commands/commands.layer.ts
+++ b/B07_DesignDetail/openwebcad/src/commands/commands.layer.ts
@@ -25,25 +25,25 @@ import {
 export const LAYER_COMMANDS: CadCommand[] = [
 	{
 		id: 'LAYER',
-		label: '도면층 특성',
+		label: '레이어 특성',
 		aliases: ['LA'],
 		glyph: '▤',
-		hint: '도면층을 만들고 이름·표시·잠금을 관리한다',
+		hint: '레이어를 만들고 이름·표시·잠금을 관리한다',
 		run: openLayerManager,
 	},
 	{
 		id: 'LAYCURSET',
-		label: '현재 도면층 설정',
+		label: '현재 레이어 설정',
 		glyph: '◉',
-		hint: '선택한 객체의 도면층을 현재 도면층으로 지정한다',
+		hint: '선택한 객체의 레이어를 현재 레이어로 지정한다',
 		tool: Tool.LAYER_CURRENT,
 		machine: layerCurrentToolStateMachine,
 	},
 	{
 		id: 'LAYOFF',
-		label: '도면층 끄기',
+		label: '레이어 끄기',
 		glyph: '◐',
-		hint: '선택 객체가 속한 도면층을 숨긴다',
+		hint: '선택 객체가 속한 레이어를 숨긴다',
 		tool: Tool.LAYOFF,
 		machine: layerOffToolStateMachine,
 	},
@@ -51,14 +51,14 @@ export const LAYER_COMMANDS: CadCommand[] = [
 		id: 'LAYON',
 		label: '모두 켜기',
 		glyph: '◉',
-		hint: '모든 도면층을 표시한다',
+		hint: '모든 레이어를 표시한다',
 		run: turnAllLayersOn,
 	},
 	{
 		id: 'LAYFRZ',
 		label: '동결',
 		glyph: '❄',
-		hint: '도면층을 표시·재생성 대상에서 뺀다',
+		hint: '레이어를 표시·재생성 대상에서 뺀다',
 		tool: Tool.LAYFRZ,
 		machine: layerFreezeToolStateMachine,
 	},
@@ -66,14 +66,14 @@ export const LAYER_COMMANDS: CadCommand[] = [
 		id: 'LAYTHW',
 		label: '동결 해제',
 		glyph: '☀',
-		hint: '모든 도면층의 동결을 푼다',
+		hint: '모든 레이어의 동결을 푼다',
 		run: thawAllLayers,
 	},
 	{
 		id: 'LAYLCK',
 		label: '잠금',
 		glyph: '🔒',
-		hint: '도면층 객체를 편집할 수 없게 한다',
+		hint: '레이어 객체를 편집할 수 없게 한다',
 		tool: Tool.LAYLCK,
 		machine: layerLockToolStateMachine,
 	},
@@ -81,7 +81,7 @@ export const LAYER_COMMANDS: CadCommand[] = [
 		id: 'LAYULK',
 		label: '잠금 해제',
 		glyph: '🔓',
-		hint: '도면층 잠금을 푼다',
+		hint: '레이어 잠금을 푼다',
 		tool: Tool.LAYULK,
 		machine: layerUnlockToolStateMachine,
 	},
@@ -89,7 +89,7 @@ export const LAYER_COMMANDS: CadCommand[] = [
 		id: 'LAYISO',
 		label: '분리',
 		glyph: '◫',
-		hint: '선택 객체의 도면층만 남기고 나머지를 숨긴다',
+		hint: '선택 객체의 레이어만 남기고 나머지를 숨긴다',
 		tool: Tool.LAYISO,
 		machine: layerIsolateToolStateMachine,
 	},
@@ -97,70 +97,70 @@ export const LAYER_COMMANDS: CadCommand[] = [
 		id: 'LAYUNISO',
 		label: '분리 해제',
 		glyph: '◻',
-		hint: '도면층 분리 이전 상태로 되돌린다',
+		hint: '레이어 분리 이전 상태로 되돌린다',
 		run: unisolateLayers,
 	},
 	{
 		id: 'LAYERP',
 		label: '이전 상태',
 		glyph: '↺',
-		hint: '직전 도면층 설정으로 되돌린다',
+		hint: '직전 레이어 설정으로 되돌린다',
 		run: restorePreviousLayers,
 	},
 	{
 		id: 'LAYERSTATE',
-		label: '도면층 상태 저장',
+		label: '레이어 상태 저장',
 		aliases: ['LAS'],
 		glyph: '💾',
-		hint: '현재 도면층 설정을 이름으로 저장한다',
+		hint: '현재 레이어 설정을 이름으로 저장한다',
 		tool: Tool.LAYERSTATE,
 		machine: layerStateSaveToolStateMachine,
 	},
 	{
 		id: 'LAYERSTATERESTORE',
-		label: '도면층 상태 복원',
+		label: '레이어 상태 복원',
 		glyph: '⭯',
-		hint: '저장한 도면층 설정을 되돌린다',
+		hint: '저장한 레이어 설정을 되돌린다',
 		tool: Tool.LAYERSTATE_RESTORE,
 		machine: layerStateRestoreToolStateMachine,
 	},
 	{
 		id: 'LAYMCH',
-		label: '도면층 일치',
+		label: '레이어 일치',
 		glyph: '⇄',
-		hint: '선택 객체를 대상 객체의 도면층으로 옮긴다',
+		hint: '선택 객체를 대상 객체의 레이어로 옮긴다',
 		tool: Tool.LAYMCH,
 		machine: layerMatchToolStateMachine,
 	},
 	{
 		id: 'LAYCUR',
-		label: '현재 도면층으로',
+		label: '현재 레이어로',
 		glyph: '⇥',
-		hint: '선택 객체를 현재 도면층으로 옮긴다',
+		hint: '선택 객체를 현재 레이어로 옮긴다',
 		tool: Tool.LAYCUR,
 		machine: layerToCurrentToolStateMachine,
 	},
 	{
 		id: 'LAYMRG',
-		label: '도면층 병합',
+		label: '레이어 병합',
 		glyph: '⊎',
-		hint: '한 도면층의 객체를 다른 도면층으로 옮기고 원래 도면층을 지운다',
+		hint: '한 레이어의 객체를 다른 레이어로 옮기고 원래 레이어를 지운다',
 		tool: Tool.LAYMRG,
 		machine: layerMergeToolStateMachine,
 	},
 	{
 		id: 'LAYDEL',
-		label: '도면층 삭제',
+		label: '레이어 삭제',
 		glyph: '🗑',
-		hint: '선택한 도면층과 그 객체를 삭제한다',
+		hint: '선택한 레이어와 그 객체를 삭제한다',
 		tool: Tool.LAYDEL,
 		machine: layerDeleteToolStateMachine,
 	},
 	{
 		id: 'LAYWALK',
-		label: '도면층 탐색',
+		label: '레이어 탐색',
 		glyph: '👣',
-		hint: '부를 때마다 다음 도면층만 표시한다',
+		hint: '부를 때마다 다음 레이어만 표시한다',
 		run: walkLayers,
 	},
 ];
diff --git a/B07_DesignDetail/openwebcad/src/commands/commands.modify.ts b/B07_DesignDetail/openwebcad/src/commands/commands.modify.ts
index a4bae8470..d61f0a42d 100644
--- a/B07_DesignDetail/openwebcad/src/commands/commands.modify.ts
+++ b/B07_DesignDetail/openwebcad/src/commands/commands.modify.ts
@@ -287,7 +287,7 @@ export const MODIFY_COMMANDS: CadCommand[] = [
 		id: 'SETBYLAYER',
 		label: 'ByLayer로',
 		glyph: '▤',
-		hint: '선택 객체의 특성을 도면층 값으로 되돌린다',
+		hint: '선택 객체의 특성을 레이어 값으로 되돌린다',
 		tool: Tool.SETBYLAYER,
 		machine: setByLayerToolStateMachine,
 	},
diff --git a/B07_DesignDetail/openwebcad/src/commands/commands.utility.ts b/B07_DesignDetail/openwebcad/src/commands/commands.utility.ts
index 038e923e0..5ef6af6c0 100644
--- a/B07_DesignDetail/openwebcad/src/commands/commands.utility.ts
+++ b/B07_DesignDetail/openwebcad/src/commands/commands.utility.ts
@@ -58,7 +58,7 @@ export const PROPERTY_COMMANDS: CadCommand[] = [
 	},
 	{
 		id: 'LWEIGHT',
-		label: '선가중치',
+		label: '선 두께',
 		aliases: ['LW'],
 		glyph: '▬',
 		hint: '선 굵기를 지정한다',
@@ -192,7 +192,7 @@ export const INQUIRY_COMMANDS: CadCommand[] = [
 		id: 'SELECTSIMILAR',
 		label: '유사 선택',
 		glyph: '⁝⁝',
-		hint: '같은 종류·색·도면층 객체를 모두 선택한다',
+		hint: '같은 종류·색·레이어 객체를 모두 선택한다',
 		tool: Tool.SELECTSIMILAR,
 		machine: selectSimilarToolStateMachine,
 	},
diff --git a/B07_DesignDetail/openwebcad/src/components/DropHint.tsx b/B07_DesignDetail/openwebcad/src/components/DropHint.tsx
index 8f489acc7..8d45496c4 100644
--- a/B07_DesignDetail/openwebcad/src/components/DropHint.tsx
+++ b/B07_DesignDetail/openwebcad/src/components/DropHint.tsx
@@ -1,4 +1,4 @@
-/** 화면 오른쪽 위 흐린 안내 — 오토캐드에서 저장한 파일을 끌어다 놓는 법 · 누르면 순서 (B07 · M02 양식 둘 다) */
+/** 화면 오른쪽 위 흐린 안내 한 줄 — DWG · DXF 끌어다 놓기 · [삽입 → DWG 불러오기] · 누르면 순서 (B07 · M02 양식 둘 다) */
 import { type FC, useState } from 'react';
 import { isDrawingReadOnly } from '../state';
 
@@ -12,12 +12,12 @@ export const DropHint: FC = () => {
 			onClick={() => setOpen((value) => !value)}
 			title="오토캐드 도형을 이 화면에 붙이는 법"
 		>
-			오토캐드에서 WBLOCK(또는 DXFOUT)으로 저장 → 파일을 여기로 끌어다 놓기
+			DWG · DXF 파일을 끌어다 놓거나 [삽입 → DWG 불러오기]
 			{open && (
 				<span className="cad-drop-hint__steps">
 					<span>① 오토캐드에서 도형을 고르고 WBLOCK(또는 DXFOUT) 입력 → 파일 이름 정해 저장</span>
-					<span>② 저장한 파일(도면 파일 통째도 됨)을 이 화면으로 끌어다 놓기</span>
-					<span>③ 원래 좌표 · 도면층 그대로 붙고 골라진 상태 — 되돌리기 한 번에 빠짐</span>
+					<span>② 저장한 파일(도면 파일 통째도 됨)을 끌어다 놓기 · [삽입 → DWG 불러오기]</span>
+					<span>③ 원래 좌표 · 레이어 그대로 붙고 골라진 상태 — 되돌리기 한 번에 빠짐</span>
 				</span>
 			)}
 		</button>
diff --git a/B07_DesignDetail/openwebcad/src/components/InspectorPanel.tsx b/B07_DesignDetail/openwebcad/src/components/InspectorPanel.tsx
index b640e300d..3807a356a 100644
--- a/B07_DesignDetail/openwebcad/src/components/InspectorPanel.tsx
+++ b/B07_DesignDetail/openwebcad/src/components/InspectorPanel.tsx
@@ -40,7 +40,7 @@ export const InspectorPanel: FC<InspectorPanelProps> = ({ collapsed, onToggleCol
 							data-active={tab === 'layers'}
 							onClick={() => openInspector('layers')}
 						>
-							도면층
+							레이어
 						</button>
 					</div>
 					{tab === 'properties' ? (
diff --git a/B07_DesignDetail/openwebcad/src/components/LayerManager.tsx b/B07_DesignDetail/openwebcad/src/components/LayerManager.tsx
index 0191975f0..6bd315d6d 100644
--- a/B07_DesignDetail/openwebcad/src/components/LayerManager.tsx
+++ b/B07_DesignDetail/openwebcad/src/components/LayerManager.tsx
@@ -161,9 +161,9 @@ export const LayerManager: FC<LayerManagerProps> = ({
 				))}
 			</div>
 			<Button
-				label="새 도면층"
+				label="새 레이어"
 				iconName={IconName.FolderPlus}
-				title="도면층을 새로 만든다"
+				title="레이어를 새로 만든다"
 				onClick={(evt) => handleCreateNewLayer(evt)}
 				className="w-full mt-2"
 			/>
diff --git a/B07_DesignDetail/openwebcad/src/components/PropertiesEditor.tsx b/B07_DesignDetail/openwebcad/src/components/PropertiesEditor.tsx
index a4410ef40..ae9191758 100644
--- a/B07_DesignDetail/openwebcad/src/components/PropertiesEditor.tsx
+++ b/B07_DesignDetail/openwebcad/src/components/PropertiesEditor.tsx
@@ -2,25 +2,31 @@
 import type { FC } from 'react';
 import type { Entity } from '../entities/Entity';
 import { polylineLength, sampleEntityPoints } from '../helpers/geometry/sample-entity';
-import { getEntities, getLayers, getSelectedEntities, setEntities } from '../state';
-import { dashToLineType, LINE_TYPES, LINE_WIDTHS } from './RibbonWidgets';
+import {
+	commonValue,
+	LINE_TYPES,
+	LINE_WIDTHS,
+	restyle,
+	selectionLineStyle,
+	styleTargets,
+} from '../helpers/selection-style';
+import { getLayers, getSelectedEntities } from '../state';
 
 interface PropertiesEditorProps {
 	compact?: boolean;
 }
 
-function applyToSelection(mutate: (entity: Entity) => void): void {
-	const selected = getSelectedEntities();
-	if (!selected.length) return;
-	for (const entity of selected) mutate(entity);
-	setEntities([...getEntities()], true);
-}
+/** 고른 것을 사본으로 바꿈 — 되돌리기 한 칸(488) · 선 특성은 글 뺌 */
+const applyToSelection = (mutate: (entity: Entity) => void) => restyle(getSelectedEntities(), mutate);
+const applyToLines = (mutate: (entity: Entity) => void) =>
+	restyle(styleTargets(getSelectedEntities()), mutate);
 
-/** 여러 객체가 값이 다르면 '*가지각색' 대신 첫 객체 값을 보여 준다 (AutoCAD와 같은 관행) */
+/** 여러 객체가 값이 다르면 빈 칸(488 · 리본과 같은 규칙 · 고르면 모두에 적용) */
 export const PropertiesEditor: FC<PropertiesEditorProps> = ({ compact = false }) => {
 	const selected = getSelectedEntities();
 	const layers = getLayers();
 	const first = selected[0];
+	const view = selectionLineStyle();
 
 	if (!first) {
 		return <p className="cad-properties__empty">선택된 객체가 없습니다.</p>;
@@ -39,9 +45,10 @@ export const PropertiesEditor: FC<PropertiesEditorProps> = ({ compact = false })
 				<span>색상</span>
 				<input
 					type="color"
-					value={first.lineColor}
+					value={view.color || '#000000'}
+					data-mixed={view.color ? undefined : 'true'}
 					onChange={(event) =>
-						applyToSelection((entity) => {
+						applyToLines((entity) => {
 							entity.lineColor = event.target.value;
 						})
 					}
@@ -49,15 +56,16 @@ export const PropertiesEditor: FC<PropertiesEditorProps> = ({ compact = false })
 			</label>
 
 			<label>
-				<span>선가중치</span>
+				<span>선 두께</span>
 				<select
-					value={first.lineWidth}
+					value={view.width}
 					onChange={(event) =>
-						applyToSelection((entity) => {
+						applyToLines((entity) => {
 							entity.lineWidth = Number(event.target.value);
 						})
 					}
 				>
+					<option value="" hidden />
 					{LINE_WIDTHS.map((width) => (
 						<option key={width} value={width}>
 							{width}px
@@ -69,14 +77,15 @@ export const PropertiesEditor: FC<PropertiesEditorProps> = ({ compact = false })
 			<label>
 				<span>선종류</span>
 				<select
-					value={dashToLineType(first.lineDash)}
+					value={view.lineType}
 					onChange={(event) => {
 						const dash = LINE_TYPES.find((type) => type.value === event.target.value)?.dash;
-						applyToSelection((entity) => {
+						applyToLines((entity) => {
 							entity.lineDash = dash ? [...dash] : undefined;
 						});
 					}}
 				>
+					<option value="" hidden />
 					{LINE_TYPES.map((type) => (
 						<option key={type.value} value={type.value}>
 							{type.label}
@@ -86,15 +95,16 @@ export const PropertiesEditor: FC<PropertiesEditorProps> = ({ compact = false })
 			</label>
 
 			<label>
-				<span>도면층</span>
+				<span>레이어</span>
 				<select
-					value={first.layerId}
+					value={commonValue(selected, (entity) => entity.layerId)}
 					onChange={(event) =>
 						applyToSelection((entity) => {
 							entity.layerId = event.target.value;
 						})
 					}
 				>
+					<option value="" hidden />
 					{layers.map((layer) => (
 						<option key={layer.id} value={layer.id}>
 							{layer.name}
diff --git a/B07_DesignDetail/openwebcad/src/components/QuantityPanel.tsx b/B07_DesignDetail/openwebcad/src/components/QuantityPanel.tsx
deleted file mode 100644
index 19f5b2631..000000000
--- a/B07_DesignDetail/openwebcad/src/components/QuantityPanel.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import { type FC, useCallback, useEffect, useState } from 'react';
-import { HtmlEvent } from '../App.types';
-import { requestDrawingNavigation } from '../integration/aislo-drawing-bridge';
-import { getDesignMeta } from '../state';
-
-/**
- * 도면 내비게이션 바 (CAD 화면 하단 중심).
- * 수량 산출표는 HTML 테이블 대신 도면 자체의 CAD 테이블 레이어(b08-cross-table)로
- * 렌더되므로, 여기서는 제목·측점정보·확정상태·이전/다음 이동만 담당한다.
- */
-export const QuantityPanel: FC = () => {
-	const [meta, setMeta] = useState(getDesignMeta());
-
-	const refresh = useCallback(() => setMeta(getDesignMeta()), []);
-	useEffect(() => {
-		window.addEventListener(HtmlEvent.UPDATE_STATE, refresh);
-		return () => window.removeEventListener(HtmlEvent.UPDATE_STATE, refresh);
-	}, [refresh]);
-
-	if (!meta) return null;
-
-	return (
-		<section className="cad-qtable controls" data-collapsed="true">
-			<header className="cad-qtable__header">
-				<button
-					type="button"
-					className="cad-qtable__nav"
-					disabled={!meta.hasPrev}
-					title="이전 도면"
-					onClick={() => requestDrawingNavigation('prev')}
-				>
-					‹
-				</button>
-				<div className="cad-qtable__title">
-					<strong>{meta.title}</strong>
-					{meta.info && <span>{meta.info}</span>}
-					<em
-						className="cad-qtable__status"
-						data-confirmed={meta.confirmed}
-						title={meta.confirmed ? '설계 확정됨' : '미확정'}
-					>
-						{meta.confirmed ? '확정' : '미확정'}
-					</em>
-				</div>
-				<button
-					type="button"
-					className="cad-qtable__nav"
-					disabled={!meta.hasNext}
-					title="다음 도면"
-					onClick={() => requestDrawingNavigation('next')}
-				>
-					›
-				</button>
-			</header>
-		</section>
-	);
-};
diff --git a/B07_DesignDetail/openwebcad/src/components/QuickAccessBar.tsx b/B07_DesignDetail/openwebcad/src/components/QuickAccessBar.tsx
index b51e26dc3..c99d8e61c 100644
--- a/B07_DesignDetail/openwebcad/src/components/QuickAccessBar.tsx
+++ b/B07_DesignDetail/openwebcad/src/components/QuickAccessBar.tsx
@@ -1,26 +1,14 @@
-/** 제목표시줄 + 빠른 실행 도구막대 (AutoCAD 상단 막대) */
-import { type FC, useEffect, useState } from 'react';
-import { HtmlEvent } from '../App.types';
+/** 빠른 실행 단추(↶ ↷) — 리본 탭 줄 오른쪽(접기 단추 앞)에 그린다 · 숨김 목록은 DOM 만 둔다 */
+import type { FC } from 'react';
 import { getCommandById } from '../commands/registry';
 import { runCommand } from '../commands/run-command';
-import { QUICK_ACCESS_COMMANDS } from '../ribbon/ribbon.config';
-import { getHostTitle, isHostSave } from '../state';
+import { QUICK_ACCESS_COMMANDS, QUICK_ACCESS_HIDDEN } from '../ribbon/ribbon.config';
+import { isHostSave } from '../state';
 
 export const QuickAccessBar: FC = () => {
-	const [hostTitle, setTitle] = useState(getHostTitle());
-	useEffect(() => {
-		const refresh = () => setTitle(getHostTitle());
-		window.addEventListener(HtmlEvent.UPDATE_STATE, refresh);
-		return () => window.removeEventListener(HtmlEvent.UPDATE_STATE, refresh);
-	}, []);
-	// 부모 페이지가 저장·이름을 맡는 M02 에선 제목 줄을 숨겨 그림 칸을 넓힌다.
+	// 부모 [저장]이 맡는 M02 는 우하단 ViewControls 에 ↶ ↷ 가 있어 안 그린다
 	if (isHostSave()) return null;
 	return (
-	<header className="cad-titlebar controls">
-		<div className="cad-brand">
-			<strong>Aislo CAD</strong>
-			<span>{hostTitle}</span>
-		</div>
 		<div className="cad-quick-access">
 			{QUICK_ACCESS_COMMANDS.map((id) => {
 				const command = getCommandById(id);
@@ -29,6 +17,7 @@ export const QuickAccessBar: FC = () => {
 					<button
 						type="button"
 						key={command.id}
+						hidden={QUICK_ACCESS_HIDDEN.includes(id)}
 						title={`${command.label} (${command.id})`}
 						onClick={() => runCommand(command)}
 					>
@@ -37,10 +26,5 @@ export const QuickAccessBar: FC = () => {
 				);
 			})}
 		</div>
-		<div className="cad-file-state">
-			<span className="cad-file-state__dot" />
-			현재 도면
-		</div>
-	</header>
-);
+	);
 };
diff --git a/B07_DesignDetail/openwebcad/src/components/RibbonWidgets.tsx b/B07_DesignDetail/openwebcad/src/components/RibbonWidgets.tsx
index b680a9b0c..4b77e6555 100644
--- a/B07_DesignDetail/openwebcad/src/components/RibbonWidgets.tsx
+++ b/B07_DesignDetail/openwebcad/src/components/RibbonWidgets.tsx
@@ -4,11 +4,16 @@ import { runCommandInput } from '../commands/run-command';
 import type { Entity } from '../entities/Entity';
 import { EntityName } from '../entities/Entity';
 import type { TextEntity } from '../entities/TextEntity';
+import {
+	LINE_TYPES,
+	LINE_WIDTHS,
+	repaint,
+	restyle,
+	selectionLineStyle,
+	styleTargets,
+} from '../helpers/selection-style';
 import {
 	getActiveLayerId,
-	getActiveLineColor,
-	getActiveLineDash,
-	getActiveLineWidth,
 	getActiveTextStyle,
 	getEntities,
 	getLayers,
@@ -21,50 +26,31 @@ import {
 	setEntities,
 } from '../state';
 
-export const LINE_TYPES: { value: string; label: string; dash: number[] | undefined }[] = [
-	{ value: 'solid', label: '실선', dash: undefined },
-	{ value: 'dashed', label: '파선', dash: [10, 5] },
-	{ value: 'dashdot', label: '1점쇄선', dash: [12, 4, 2, 4] },
-	{ value: 'dotted', label: '점선', dash: [2, 4] },
-];
-
-export const LINE_WIDTHS = [1, 2, 3, 4, 5];
-
 const FONT_FAMILIES = ['Noto Sans KR', 'Malgun Gothic', 'Pretendard', 'Arial', 'monospace'];
 
-export const dashToLineType = (dash: number[] | undefined): string =>
-	LINE_TYPES.find((type) => JSON.stringify(type.dash) === JSON.stringify(dash))?.value ?? 'solid';
-
-/** 선택 객체가 있으면 즉시 적용하고, 없으면 이후 그리기 기본값만 바꾼다. */
-function applyToSelection(mutate: (entity: Entity) => void, trackInUndoStack = true): boolean {
-	const selected = getSelectedEntities();
-	if (!selected.length) return false;
-	for (const entity of selected) {
-		mutate(entity);
-	}
-	setEntities([...getEntities()], trackInUndoStack);
-	return true;
-}
-
 /**
  * 색 선택기는 드래그하는 내내 값 변경을 쏜다. 그 하나하나를 되돌리기·변경통지에 실으면
- * 색 한 번 고르는 동안 수십 건이 나간다(2026-09-01 지적). 끄는 동안에는 화면만 칠하고,
- * 멎은 뒤 한 번만 되돌리기·통지에 싣는다.
+ * 색 한 번 고르는 동안 수십 건이 나간다(2026-09-01 지적). 첫 변경에 사본을 끼우고 끄는 동안에는
+ * 그 사본만 칠하고, 멎은 뒤 한 번만 되돌리기·통지에 싣는다(488 — Ctrl+Z 한 번에 옛 색).
  */
 const COLOR_COMMIT_DELAY_MS = 350;
 let colorCommitTimer: ReturnType<typeof setTimeout> | undefined;
-function paintNowCommitLater(mutate: (entity: Entity) => void): void {
-	applyToSelection(mutate, false); // 화면만 — 되돌리기·미저장 표시는 아직
+let painting: Entity[] | null = null;
+function paintNowCommitLater(targets: Entity[], change: (entity: Entity) => void): void {
+	if (painting) repaint(painting, change);
+	else painting = restyle(targets, change, false); // 화면만
 	clearTimeout(colorCommitTimer);
 	colorCommitTimer = setTimeout(() => {
-		applyToSelection(() => {}, true); // 멎었다 — 이번 한 번만 실어 보낸다
+		painting = null;
+		setEntities([...getEntities()], true); // 멎었다 — 이번 한 번만 실어 보낸다
 	}, COLOR_COMMIT_DELAY_MS);
 }
 
+/** 고른 선 있으면 그것만 바꿈(488 — 그리기 기본값 그대로) · 없으면 그리기 기본값만 */
+const selectedLines = () => styleTargets(getSelectedEntities());
+
 export const PropertiesWidget: FC = () => {
-	const lineColor = getActiveLineColor();
-	const lineWidth = getActiveLineWidth();
-	const lineType = dashToLineType(getActiveLineDash());
+	const view = selectionLineStyle();
 
 	return (
 		<div className="cad-ribbon-props">
@@ -72,28 +58,32 @@ export const PropertiesWidget: FC = () => {
 				<span>색상</span>
 				<input
 					type="color"
-					value={lineColor}
+					value={view.color || '#000000'}
+					data-mixed={view.color ? undefined : 'true'}
 					onChange={(event) => {
 						const color = event.target.value;
-						setActiveLineColor(color);
-						paintNowCommitLater((entity) => {
+						const lines = selectedLines();
+						if (!lines.length) return setActiveLineColor(color);
+						paintNowCommitLater(lines, (entity) => {
 							entity.lineColor = color;
 						});
 					}}
 				/>
 			</label>
-			<label className="cad-prop" title="선가중치 (LWEIGHT)">
-				<span>선가중치</span>
+			<label className="cad-prop" title="선 두께 (LWEIGHT)">
+				<span>선 두께</span>
 				<select
-					value={lineWidth}
+					value={view.width}
 					onChange={(event) => {
 						const width = Number(event.target.value);
-						setActiveLineWidth(width);
-						applyToSelection((entity) => {
+						const lines = selectedLines();
+						if (!lines.length) return setActiveLineWidth(width);
+						restyle(lines, (entity) => {
 							entity.lineWidth = width;
 						});
 					}}
 				>
+					<option value="" hidden />
 					{LINE_WIDTHS.map((width) => (
 						<option key={width} value={width}>
 							{width}px
@@ -104,15 +94,17 @@ export const PropertiesWidget: FC = () => {
 			<label className="cad-prop" title="선종류 (LINETYPE)">
 				<span>선종류</span>
 				<select
-					value={lineType}
+					value={view.lineType}
 					onChange={(event) => {
 						const dash = LINE_TYPES.find((type) => type.value === event.target.value)?.dash;
-						setActiveLineDash(dash ? [...dash] : undefined);
-						applyToSelection((entity) => {
+						const lines = selectedLines();
+						if (!lines.length) return setActiveLineDash(dash ? [...dash] : undefined);
+						restyle(lines, (entity) => {
 							entity.lineDash = dash ? [...dash] : undefined;
 						});
 					}}
 				>
+					<option value="" hidden />
 					{LINE_TYPES.map((type) => (
 						<option key={type.value} value={type.value}>
 							{type.label}
@@ -130,10 +122,10 @@ export const LayersWidget: FC = () => {
 
 	return (
 		<div className="cad-ribbon-props">
-			<label className="cad-prop cad-prop--wide" title="현재 도면층">
-				<span>현재 도면층</span>
+			<label className="cad-prop cad-prop--wide" title="현재 레이어">
+				<span>현재 레이어</span>
 				<select value={activeLayerId} onChange={(event) => setActiveLayerId(event.target.value)}>
-					{/* 잠금 도면층(배경)은 고를 수 없으니 보여 주지 않는다. 현재 층이 잠금이면
+					{/* 잠금 레이어(배경)는 고를 수 없으니 보여 주지 않는다. 현재 층이 잠금이면
 					    (전부 잠금인 도면) 표시가 비지 않게 그 항목만 남긴다. */}
 					{layers
 						.filter((layer) => !layer.isLocked || layer.id === activeLayerId)
@@ -148,11 +140,11 @@ export const LayersWidget: FC = () => {
 				type="button"
 				className="cad-tool"
 				data-size="small"
-				title="도면층 특성 관리자 (LAYER)"
+				title="레이어 특성 관리자 (LAYER)"
 				onClick={() => runCommandInput('LAYER')}
 			>
 				<span className="cad-tool__glyph">▤</span>
-				<span className="cad-tool__label">도면층</span>
+				<span className="cad-tool__label">레이어</span>
 			</button>
 		</div>
 	);
@@ -163,14 +155,11 @@ export const TextStyleWidget: FC = () => {
 
 	const handle = (patch: Partial<typeof textStyle>, live = false) => {
 		setActiveTextStyle(patch);
-		const mutate = (entity: Entity) => {
-			if (entity.getType() === EntityName.Text) {
-				(entity as TextEntity).setTextOptions(patch);
-			}
-		};
+		const texts = getSelectedEntities().filter((entity) => entity.getType() === EntityName.Text);
+		const mutate = (entity: Entity) => (entity as TextEntity).setTextOptions(patch);
 		// 색만 드래그 중 연발한다 — 나머지 항목은 한 번 고르면 끝이라 바로 싣는다.
-		if (live) paintNowCommitLater(mutate);
-		else applyToSelection(mutate);
+		if (live) paintNowCommitLater(texts, mutate);
+		else restyle(texts, mutate);
 	};
 
 	return (
diff --git a/B07_DesignDetail/openwebcad/src/components/Toolbar.tsx b/B07_DesignDetail/openwebcad/src/components/Toolbar.tsx
index ba0b5e184..204258e81 100644
--- a/B07_DesignDetail/openwebcad/src/components/Toolbar.tsx
+++ b/B07_DesignDetail/openwebcad/src/components/Toolbar.tsx
@@ -1,5 +1,5 @@
 /**
- * CAD 화면 골격 조립 — 제목표시줄 · 리본 · 좌측 팔레트 · 탐색막대 · 명령행 · 상태막대.
+ * CAD 화면 골격 조립 — 리본(빠른 실행 포함) · 좌측 팔레트 · 탐색막대 · 명령행 · 상태막대.
  * 각 조각은 자기 파일에 있고, 여기서는 배치와 표시 상태만 다룬다.
  */
 import { type FC, useEffect, useState } from 'react';
@@ -8,7 +8,6 @@ import { InspectorPanel } from './InspectorPanel';
 import { QuickProperties } from './QuickProperties';
 import { BlockLibraryPanel } from './BlockLibraryPanel';
 import { LayersWidget, PropertiesWidget, TextStyleWidget } from './RibbonWidgets';
-import { QuickAccessBar } from './QuickAccessBar';
 import { Ribbon } from '../ribbon/Ribbon';
 import { StatusBar } from './StatusBar';
 import { useCadRefresh } from './use-cad-refresh';
@@ -50,7 +49,6 @@ export const Toolbar: FC = () => {
 
 	return (
 		<>
-			<QuickAccessBar />
 			<Ribbon
 				activeTool={activeTool}
 				widgets={{
diff --git a/B07_DesignDetail/openwebcad/src/helpers/draw-functions.ts b/B07_DesignDetail/openwebcad/src/helpers/draw-functions.ts
index 47fae3023..68942fcca 100644
--- a/B07_DesignDetail/openwebcad/src/helpers/draw-functions.ts
+++ b/B07_DesignDetail/openwebcad/src/helpers/draw-functions.ts
@@ -30,7 +30,7 @@ export function drawEntities(drawController: DrawController, entities: Entity[])
 			continue;
 		}
 		if (!layer?.isVisible || layer.isFrozen) {
-			continue; // 꺼졌거나 동결된 도면층은 그리지 않는다
+			continue; // 꺼졌거나 동결된 레이어는 그리지 않는다
 		}
 		if (isEntityHidden(entity)) {
 			continue; // ISOLATEOBJECTS·HIDEOBJECTS로 숨긴 객체
diff --git a/B07_DesignDetail/openwebcad/src/helpers/get-new-layer.ts b/B07_DesignDetail/openwebcad/src/helpers/get-new-layer.ts
index d5a61a67e..d881b7044 100644
--- a/B07_DesignDetail/openwebcad/src/helpers/get-new-layer.ts
+++ b/B07_DesignDetail/openwebcad/src/helpers/get-new-layer.ts
@@ -6,6 +6,6 @@ export function getNewLayer(): Layer {
 		id: crypto.randomUUID(),
 		isLocked: false,
 		isVisible: true,
-		name: `새 도면층 ${getLayers().length}${1}`,
+		name: `새 레이어 ${getLayers().length}${1}`,
 	};
 }
diff --git a/B07_DesignDetail/openwebcad/src/helpers/pick-file.ts b/B07_DesignDetail/openwebcad/src/helpers/pick-file.ts
index efbb0e236..e701d481c 100644
--- a/B07_DesignDetail/openwebcad/src/helpers/pick-file.ts
+++ b/B07_DesignDetail/openwebcad/src/helpers/pick-file.ts
@@ -1,11 +1,20 @@
-/** 파일 선택창을 띄우고 고른 파일 하나를 돌려준다. 취소하면 아무 일도 없다. */
+/**
+ * 파일 선택창을 띄우고 고른 파일 하나를 돌려준다. 취소하면 아무 일도 없다.
+ * 입력은 고르는 동안 문서에 숨겨 붙임(`.cad-pick-file` · 자동 시험 업로드가 닿게) · 고르거나 취소하면 뗌.
+ */
 export function pickFile(accept: string, onPicked: (file: File) => void): void {
 	const input = document.createElement('input');
 	input.type = 'file';
 	input.accept = accept;
+	input.hidden = true;
+	input.className = 'cad-pick-file';
+	document.querySelectorAll('.cad-pick-file').forEach((old) => old.remove());
 	input.addEventListener('change', () => {
 		const file = input.files?.[0];
+		input.remove();
 		if (file) onPicked(file);
 	});
+	input.addEventListener('cancel', () => input.remove());
+	document.body.append(input);
 	input.click();
 }
diff --git a/B07_DesignDetail/openwebcad/src/helpers/selection-style.ts b/B07_DesignDetail/openwebcad/src/helpers/selection-style.ts
new file mode 100644
index 000000000..4ee9b4c82
--- /dev/null
+++ b/B07_DesignDetail/openwebcad/src/helpers/selection-style.ts
@@ -0,0 +1,107 @@
+/**
+ * 고른 것의 선 특성(색 · 선 두께 · 선종류) 읽기 · 바꾸기 한 벌 (488 · 리본 특성 · 특성 판 · 특성 명령).
+ *
+ * 읽기 = 고른 것의 선 잎(폴리선 → 자식 선 · 글 뺌)이 모두 같으면 그 값 · 다르거나 목록 밖이면 빈 값 ·
+ * 고른 선이 없으면 그리기 기본값.
+ * 바꾸기 = id 그대로 사본으로 갈아 끼움(폴리선 자식까지) — 되돌리기 한 칸 · Ctrl+Z 한 번에 옛 값.
+ */
+import { type Entity, EntityName } from '../entities/Entity';
+import type { PolyLineEntity } from '../entities/PolyLineEntity';
+import {
+	getActiveLineColor,
+	getActiveLineDash,
+	getActiveLineWidth,
+	getEntities,
+	getSelectedEntities,
+	notifyWindow,
+	setEntities,
+} from '../state';
+import { HtmlEvent } from '../App.types';
+import { cloneKeepingLook } from '../tools/move-tool.helpers';
+
+export const LINE_TYPES: { value: string; label: string; dash: number[] | undefined }[] = [
+	{ value: 'solid', label: '실선', dash: undefined },
+	{ value: 'dashed', label: '파선', dash: [10, 5] },
+	{ value: 'dashdot', label: '1점쇄선', dash: [12, 4, 2, 4] },
+	{ value: 'dotted', label: '점선', dash: [2, 4] },
+];
+
+export const LINE_WIDTHS = [1, 2, 3, 4, 5];
+
+/** 점선 → 목록 값 · `[]` · 없음 = 실선 · 목록 밖 = 빈 값 */
+export const dashToLineType = (dash: number[] | undefined): string =>
+	dash?.length
+		? (LINE_TYPES.find((type) => JSON.stringify(type.dash) === JSON.stringify(dash))?.value ?? '')
+		: 'solid';
+
+/** 선 메뉴가 보는 것 — 글 뺌(글 색은 문자 스타일 칸) */
+export const styleTargets = (entities: Entity[]): Entity[] =>
+	entities.filter((entity) => entity.getType() !== EntityName.Text);
+
+/** 그림에 쓰는 잎 — 폴리선은 자식 선이 제 색 · 두께로 그림 */
+const leaves = (entity: Entity): Entity[] =>
+	entity.getType() === EntityName.PolyLine ? (entity as PolyLineEntity).getEntities() : [entity];
+
+/** 모두 같으면 그 값 · 다르거나 없으면 `''`(빈 칸) */
+export function commonValue(entities: Entity[], read: (entity: Entity) => string): string {
+	const values = new Set(entities.flatMap(leaves).map(read));
+	return values.size === 1 ? [...values][0] : '';
+}
+
+export interface LineStyleView {
+	color: string;
+	width: string;
+	lineType: string;
+}
+
+/** 리본 · 특성 판이 보일 값 — 고른 선 있으면 그 값(다르면 `''`) · 없으면 그리기 기본값 */
+export function selectionLineStyle(): LineStyleView {
+	const targets = styleTargets(getSelectedEntities());
+	if (!targets.length) {
+		return {
+			color: getActiveLineColor(),
+			width: String(getActiveLineWidth()),
+			lineType: dashToLineType(getActiveLineDash()),
+		};
+	}
+	const width = commonValue(targets, (entity) => String(entity.lineWidth));
+	return {
+		color: commonValue(targets, (entity) => entity.lineColor.toLowerCase()),
+		width: LINE_WIDTHS.map(String).includes(width) ? width : '',
+		lineType: commonValue(targets, (entity) => dashToLineType(entity.lineDash)),
+	};
+}
+
+/** 사본에 바꿈 — 폴리선은 자식까지 */
+function applyDeep(entity: Entity, change: (entity: Entity) => void): void {
+	change(entity);
+	if (entity.getType() === EntityName.PolyLine) {
+		for (const child of (entity as PolyLineEntity).getEntities()) change(child);
+	}
+}
+
+/**
+ * 바꾼 사본(id 그대로)을 제자리에 끼움 · `track` = 되돌리기 한 칸.
+ * 돌려준 사본은 이어서 칠할 수 있음(`repaint` · 색 끌기).
+ */
+export function restyle(targets: Entity[], change: (entity: Entity) => void, track = true): Entity[] {
+	if (!targets.length) return [];
+	const copies = targets.map((entity) => {
+		const copy = cloneKeepingLook(entity, true);
+		applyDeep(copy, change);
+		return copy;
+	});
+	const byId = new Map(copies.map((copy) => [copy.id, copy]));
+	setEntities(
+		getEntities().map((entity) => byId.get(entity.id) ?? entity),
+		track
+	);
+	notifyWindow(HtmlEvent.UPDATE_STATE);
+	return copies;
+}
+
+/** 이미 끼운 사본을 다시 칠함(화면만 · 되돌리기 없음) */
+export function repaint(copies: Entity[], change: (entity: Entity) => void): void {
+	for (const copy of copies) applyDeep(copy, change);
+	setEntities([...getEntities()], false);
+}
diff --git a/B07_DesignDetail/openwebcad/src/inputController/input-touch.css b/B07_DesignDetail/openwebcad/src/inputController/input-touch.css
index 398902eac..e60591156 100644
--- a/B07_DesignDetail/openwebcad/src/inputController/input-touch.css
+++ b/B07_DesignDetail/openwebcad/src/inputController/input-touch.css
@@ -1,10 +1,10 @@
 /* 손가락 기기 명령 단추(기기대응 4-1 · `input-touch.ts`) — 자판 없이 Esc · Enter · 지움 · 되돌리기 · 다시 · 스냅.
-   마우스만 있는 화면엔 안 보임. 그림 면 오른쪽 가운데에 세로로. */
+   자판 없는 기기(손가락이 주 입력 · 마우스 스침 없음)만 보임 — 터치 노트북엔 안 보임(요구 280-6). 그림 면 오른쪽 가운데에 세로로. */
 .cad-touch-bar {
 	display: none;
 }
 
-@media (any-pointer: coarse) {
+@media (hover: none) and (pointer: coarse) {
 	.cad-touch-bar {
 		position: fixed;
 		top: 50%;
diff --git a/B07_DesignDetail/openwebcad/src/integration/aislo-drawing-bridge.ts b/B07_DesignDetail/openwebcad/src/integration/aislo-drawing-bridge.ts
index 397bd25e0..7ca783049 100644
--- a/B07_DesignDetail/openwebcad/src/integration/aislo-drawing-bridge.ts
+++ b/B07_DesignDetail/openwebcad/src/integration/aislo-drawing-bridge.ts
@@ -41,7 +41,6 @@ export const AISLO_DRAWING_ERROR_MESSAGE = 'aislo:b08:drawing-error';
 export const AISLO_DRAWING_CHANGED_MESSAGE = 'aislo:b08:drawing-changed';
 export const AISLO_DRAWING_SAVE_REQUEST_MESSAGE = 'aislo:b08:save-request';
 export const AISLO_DRAWING_SAVE_RESPONSE_MESSAGE = 'aislo:b08:save-response';
-export const AISLO_DRAWING_NAVIGATE_MESSAGE = 'aislo:b08:navigate';
 export const AISLO_DRAWING_EXPORT_MESSAGE = 'aislo:b08:export-file';
 export const AISLO_DRAWING_HOST_SAVE_MESSAGE = 'aislo:b08:host-save';
 /** 작도 영역 가이드(169-1 · 169-3) — 부모 숫자 칸 → CAD 갈기 · CAD 끌기 → 부모 숫자 칸 */
@@ -95,11 +94,6 @@ function notifyParent(type: string, payload: Record<string, unknown> = {}) {
 	window.parent.postMessage({ type, ...payload }, window.location.origin);
 }
 
-/** 수량 패널에서 이전/다음 도면으로 이동 요청 (부모가 처리). */
-export function requestDrawingNavigation(direction: 'prev' | 'next') {
-	notifyParent(AISLO_DRAWING_NAVIGATE_MESSAGE, { direction });
-}
-
 /** 저장 요청을 부모 페이지 [저장]에 넘긴다 — 캐드는 양식 파일을 모른다. */
 export function requestHostSave() {
 	notifyParent(AISLO_DRAWING_HOST_SAVE_MESSAGE);
diff --git a/B07_DesignDetail/openwebcad/src/integration/dxf-clip-paste.ts b/B07_DesignDetail/openwebcad/src/integration/dxf-clip-paste.ts
index 2be08efa5..bc9855779 100644
--- a/B07_DesignDetail/openwebcad/src/integration/dxf-clip-paste.ts
+++ b/B07_DesignDetail/openwebcad/src/integration/dxf-clip-paste.ts
@@ -1,8 +1,8 @@
 /**
  * 오토캐드 도형 붙이기 — 두 길 모두 서버가 DXF 를 도형으로 바꿔 현재 도면에 원좌표 그대로 붙이고
  * 고른 상태로 둔다(되돌리기 한 번에 빠짐).
- * - 끌어다 놓기: 오토캐드 WBLOCK(DWG) · DXFOUT(DXF) 로 저장한 파일, 또는 도면 파일 통째.
- *   끄는 동안 `body.cad-file-dragging` 으로 흐린 테두리.
+ * - 끌어다 놓기 · [삽입 → DWG 불러오기](IMPORT · 488): 오토캐드 WBLOCK(DWG) · DXFOUT(DXF) 로 저장한 파일,
+ *   또는 도면 파일 통째 · 붙인 범위로 화면 맞춤. 끄는 동안 `body.cad-file-dragging` 으로 흐린 테두리.
  * - Ctrl+V: 시스템 클립보드 글이 DXF 면 같은 길 · 아니면 앱 안 붙여넣기(PASTECLIP).
  *   키 처리(`input-controller.ts`)는 Ctrl+V 의 기본 동작을 막지 않아 브라우저가 `paste` 를 쏜다 —
  *   `paste` 이벤트의 글은 권한 없이 읽힘(iframe 안에서도).
@@ -10,10 +10,14 @@
 import { toast } from 'react-toastify';
 import { runCommandInput } from '../commands/run-command';
 import { hasClipboardContent } from '../helpers/cad-clipboard';
+import { fitView } from '../drawControllers/fit-view';
 import { getEntitiesAndLayersFromJsonObject } from '../helpers/import-export-handlers/import-entities-from-json';
+import { changeView } from '../inputController/zoom-prompt';
 import {
 	addEntities,
 	getLayers,
+	getScreenCanvasDrawController,
+	getSelectedEntities,
 	isDrawingReadOnly,
 	setLayers,
 	setSelectedEntityIds,
@@ -73,6 +77,24 @@ function refuseReadOnly(): boolean {
 	return true;
 }
 
+/** 붙인 것(골라진 채)이 화면에 다 보이게 — ZOOM 이전(P)으로 돌아감 */
+function fitToSelection(count: number): number {
+	const picked = getSelectedEntities();
+	const controller = getScreenCanvasDrawController();
+	if (picked.length)
+		changeView(() => {
+			const { zoom, offset } = fitView(picked, controller.getCanvasSize());
+			controller.setScreenScale(zoom);
+			controller.setScreenOffset(offset);
+		});
+	return count;
+}
+
+/** DWG · DXF 파일 → 지금 도면에 더함(원좌표 · 골라진 채 · 화면 맞춤 · 되돌리기 한 번) */
+export function importDrawingFile(file: File): void {
+	if (!refuseReadOnly()) reportPaste(pasteDrawingFile(file).then(fitToSelection));
+}
+
 export function registerDxfClipPaste(): void {
 	document.addEventListener('paste', (event: ClipboardEvent) => {
 		if ((event.target as HTMLElement | null)?.closest?.('input, textarea, select')) return;
@@ -101,6 +123,6 @@ export function registerDxfClipPaste(): void {
 		event.preventDefault();
 		setDragging(false);
 		const file = event.dataTransfer?.files[0];
-		if (file && !refuseReadOnly()) reportPaste(pasteDrawingFile(file));
+		if (file) importDrawingFile(file);
 	});
 }
diff --git a/B07_DesignDetail/openwebcad/src/integration/host-burger.css b/B07_DesignDetail/openwebcad/src/integration/host-burger.css
index 0099c06d9..3fd4af82b 100644
--- a/B07_DesignDetail/openwebcad/src/integration/host-burger.css
+++ b/B07_DesignDetail/openwebcad/src/integration/host-burger.css
@@ -1,4 +1,4 @@
 /* 앱 ☰ 자리 비키기(기기대응 7-2) — 값은 host-burger.ts 가 적음 · 틀 없이 띄우면 0 */
-html .cad-titlebar {
-	padding-left: max(12px, var(--host-burger-pad, 0px));
+html .cad-ribbon-tabs {
+	padding-left: max(8px, var(--host-burger-pad, 0px));
 }
diff --git a/B07_DesignDetail/openwebcad/src/integration/host-burger.ts b/B07_DesignDetail/openwebcad/src/integration/host-burger.ts
index 543058937..f096efe80 100644
--- a/B07_DesignDetail/openwebcad/src/integration/host-burger.ts
+++ b/B07_DesignDetail/openwebcad/src/integration/host-burger.ts
@@ -1,6 +1,6 @@
 /**
  * 앱 ☰ 자리 비키기(기기대응 7-2) — 앱(B07)이 왼쪽 위에 띄운 ☰ 가 이 틀(iframe) 맨 위 줄에 걸치면
- * 걸친 폭 + 틈 8 을 `--host-burger-pad` 로 적음(App.css `.cad-titlebar` 가 그만큼 왼쪽을 비움).
+ * 걸친 폭 + 틈 8 을 `--host-burger-pad` 로 적음(리본 탭 줄 `.cad-ribbon-tabs` 가 그만큼 왼쪽을 비움).
  * 좌측 패널을 여닫으면 틀 폭이 바뀌어 resize 로 다시 잼 · 홀로 띄운 CAD(틀 없음)는 0.
  */
 import './host-burger.css';
diff --git a/B07_DesignDetail/openwebcad/src/ribbon/Ribbon.tsx b/B07_DesignDetail/openwebcad/src/ribbon/Ribbon.tsx
index 4afe48c35..87ea40472 100644
--- a/B07_DesignDetail/openwebcad/src/ribbon/Ribbon.tsx
+++ b/B07_DesignDetail/openwebcad/src/ribbon/Ribbon.tsx
@@ -1,6 +1,7 @@
 /** 리본 렌더러 — ribbon.config.ts의 데이터와 명령 레지스트리만 보고 그린다. */
 import { type FC, type ReactNode, useEffect, useRef, useState } from 'react';
 import type { CadCommand } from '../commands/command.types';
+import { QuickAccessBar } from '../components/QuickAccessBar';
 import { getCommandById } from '../commands/registry';
 import { runCommand } from '../commands/run-command';
 import {
@@ -157,8 +158,33 @@ export const Ribbon: FC<RibbonProps> = ({ activeTool, widgets, onCommandRun }) =
 	// (오피스 「리본 자동 숨기기」). 접기 단추로 펼치면 고정 펼침.
 	const [peek, setPeek] = useState(false);
 	const navRef = useRef<HTMLElement>(null);
+	const slotRef = useRef<HTMLSpanElement>(null);
 	const peeking = collapsed && peek;
 
+	// 탭 줄 빈 자리([출력] 오른쪽 ~ ↶ 왼쪽)를 부모 `.cad-host` 에 적음 — 부모 페이지가 자기 탭 줄을 거기 겹침.
+	// 값 = iframe 왼쪽 끝 → 빈 자리 왼쪽 · 빈 자리 오른쪽 → iframe 오른쪽 끝(px · CSS right 꼴) · 짝 선례 `integration/host-burger.ts`.
+	useEffect(() => {
+		const host = window.frameElement?.parentElement;
+		const slot = slotRef.current;
+		if (!host?.classList.contains('cad-host') || !slot) return;
+		const update = (): void => {
+			const s = slot.getBoundingClientRect();
+			host.style.setProperty('--cad-tab-slot-left', `${Math.round(s.left)}px`);
+			host.style.setProperty(
+				'--cad-tab-slot-right',
+				`${Math.round(window.innerWidth - s.right)}px`
+			);
+		};
+		update();
+		const observer = new ResizeObserver(update);
+		observer.observe(slot);
+		window.addEventListener('resize', update);
+		return () => {
+			observer.disconnect();
+			window.removeEventListener('resize', update);
+		};
+	}, []);
+
 	useEffect(() => {
 		if (!peeking) return;
 		const close = (event: PointerEvent) => {
@@ -189,6 +215,8 @@ export const Ribbon: FC<RibbonProps> = ({ activeTool, widgets, onCommandRun }) =
 						{tab.label}
 					</button>
 				))}
+				<span ref={slotRef} className="cad-ribbon-tabs__slot" />
+				<QuickAccessBar />
 				<button
 					type="button"
 					className="cad-ribbon-tabs__collapse"
diff --git a/B07_DesignDetail/openwebcad/src/ribbon/ribbon.config.ts b/B07_DesignDetail/openwebcad/src/ribbon/ribbon.config.ts
index 0ca203cd6..e26dc5867 100644
--- a/B07_DesignDetail/openwebcad/src/ribbon/ribbon.config.ts
+++ b/B07_DesignDetail/openwebcad/src/ribbon/ribbon.config.ts
@@ -86,7 +86,7 @@ export const RIBBON_TABS: RibbonTab[] = [
 				],
 			},
 			{
-				label: '도면층',
+				label: '레이어',
 				widget: 'layers',
 				overflow: [
 					'LAYCURSET',
@@ -144,6 +144,7 @@ export const RIBBON_TABS: RibbonTab[] = [
 		id: 'insert',
 		label: '삽입',
 		panels: [
+			{ label: '가져오기', big: ['IMPORT'] },
 			{ label: '블록', big: ['INSERT'], commands: ['BLOCK'] },
 			{ label: '참조', commands: ['IMAGEATTACH'] },
 		],
@@ -204,5 +205,7 @@ export const RIBBON_TABS: RibbonTab[] = [
 	},
 ];
 
-/** 제목표시줄의 빠른 실행 도구막대 */
+/** 리본 탭 줄 오른쪽 빠른 실행 단추 */
 export const QUICK_ACCESS_COMMANDS: string[] = ['QSAVE', 'EXPORT', 'UNDO', 'REDO'];
+/** 그려 두고 숨기는 빠른 실행 — 출력 탭에 같은 명령이 있음 · 되살림 = 여기서 뺌 */
+export const QUICK_ACCESS_HIDDEN: string[] = ['QSAVE', 'EXPORT'];
diff --git a/B07_DesignDetail/openwebcad/src/tools/modify/offset-tool.ts b/B07_DesignDetail/openwebcad/src/tools/modify/offset-tool.ts
index 2d2a0d9ae..cb2a337d1 100644
--- a/B07_DesignDetail/openwebcad/src/tools/modify/offset-tool.ts
+++ b/B07_DesignDetail/openwebcad/src/tools/modify/offset-tool.ts
@@ -62,7 +62,7 @@ const DISTANCE_PROMPT = (): PromptSpec => {
 	return {
 		text: '간격띄우기 거리 지정',
 		options: [THROUGH, option('ERASE', 'E', '지우기')],
-		absent: [option('LAYER', 'L', '도면층')],
+		absent: [option('LAYER', 'L', '레이어')],
 		default:
 			distance === null
 				? { kind: 'option', key: 'THROUGH' }
diff --git a/B07_DesignDetail/openwebcad/src/tools/modify/property-tools.ts b/B07_DesignDetail/openwebcad/src/tools/modify/property-tools.ts
index b2e6d9c4c..433764edc 100644
--- a/B07_DesignDetail/openwebcad/src/tools/modify/property-tools.ts
+++ b/B07_DesignDetail/openwebcad/src/tools/modify/property-tools.ts
@@ -15,6 +15,7 @@ import {
 import { Tool } from '../../tools';
 import { createSequenceTool } from '../factories/sequence-tool';
 import { findDuplicateEntities, reverseEntity } from './modify.helpers';
+import { restyle } from '../../helpers/selection-style';
 
 export const matchPropToolStateMachine = createSequenceTool({
 	tool: Tool.MATCHPROP,
@@ -25,12 +26,12 @@ export const matchPropToolStateMachine = createSequenceTool({
 	],
 	commit: (input) => {
 		const source = input.entity(0);
-		const target = input.entity(1);
-		target.lineColor = source.lineColor;
-		target.lineWidth = source.lineWidth;
-		target.lineDash = source.lineDash;
-		target.layerId = source.layerId;
-		setEntities([...getEntities()], true);
+		restyle([input.entity(1)], (target) => {
+			target.lineColor = source.lineColor;
+			target.lineWidth = source.lineWidth;
+			target.lineDash = source.lineDash ? [...source.lineDash] : undefined;
+			target.layerId = source.layerId;
+		});
 	},
 });
 
@@ -67,18 +68,17 @@ export const setByLayerToolStateMachine = createSequenceTool({
 	helpers: false,
 	steps: [{ kind: 'selection', instructions: 'ByLayer로 되돌릴 객체를 선택한 뒤 ENTER.' }],
 	commit: (input) => {
-		let applied = 0;
-		for (const entity of input.entities(0)) {
+		const targets = input.entities(0).filter((entity) => getLayerById(entity.layerId));
+		restyle(targets, (entity) => {
 			const layer = getLayerById(entity.layerId);
-			if (!layer) continue;
+			if (!layer) return;
 			if (layer.color) entity.lineColor = layer.color;
 			if (layer.lineWidth) entity.lineWidth = layer.lineWidth;
 			entity.lineDash = layer.lineDash ? [...layer.lineDash] : undefined;
-			applied += 1;
-		}
-		setEntities([...getEntities()], true);
+		});
+		const applied = targets.length;
 		setSelectedEntityIds([]);
-		toast.success(`${applied}개 객체를 도면층 특성으로 되돌렸습니다.`);
+		toast.success(`${applied}개 객체를 레이어 특성으로 되돌렸습니다.`);
 	},
 });
 
diff --git a/B07_DesignDetail/openwebcad/src/tools/utility/layer-tools.ts b/B07_DesignDetail/openwebcad/src/tools/utility/layer-tools.ts
index 2003969bc..9d54f5c6c 100644
--- a/B07_DesignDetail/openwebcad/src/tools/utility/layer-tools.ts
+++ b/B07_DesignDetail/openwebcad/src/tools/utility/layer-tools.ts
@@ -1,5 +1,6 @@
 /** 도면층 명령 (조사표 3절 도면층 패널) */
 import { toast } from 'react-toastify';
+import { restyle } from '../../helpers/selection-style';
 import type { Layer } from '../../App.types';
 import { openInspector } from '../../components/ui-state';
 import type { Entity } from '../../entities/Entity';
@@ -35,145 +36,145 @@ const layerNameOf = (layerId: string): string =>
 /** LAYER — 도면층 특성 관리자(좌측 팔레트)를 연다 */
 export function openLayerManager(): string {
 	openInspector('layers');
-	return '도면층 관리자';
+	return '레이어 관리자';
 }
 
 export const layerCurrentToolStateMachine = createSequenceTool({
 	tool: Tool.LAYER_CURRENT,
 	helpers: false,
-	steps: [{ kind: 'entity', instructions: '현재 도면층으로 지정할 객체를 선택하십시오.' }],
+	steps: [{ kind: 'entity', instructions: '현재 레이어로 지정할 객체를 선택하십시오.' }],
 	commit: (input) => {
 		const layerId = input.entity(0).layerId;
 		setActiveLayerId(layerId);
-		toast.success(`현재 도면층: ${layerNameOf(layerId)}`);
+		toast.success(`현재 레이어: ${layerNameOf(layerId)}`);
 	},
 });
 
 export const layerOffToolStateMachine = createSequenceTool({
 	tool: Tool.LAYOFF,
 	helpers: false,
-	steps: [{ kind: 'entity', instructions: '끌 도면층의 객체를 선택하십시오.' }],
+	steps: [{ kind: 'entity', instructions: '끌 레이어의 객체를 선택하십시오.' }],
 	commit: (input) => {
 		const layerId = input.entity(0).layerId;
 		updateLayers((layers) =>
 			layers.map((layer) => (layer.id === layerId ? { ...layer, isVisible: false } : layer))
 		);
-		toast.info(`도면층 끄기: ${layerNameOf(layerId)}`);
+		toast.info(`레이어 끄기: ${layerNameOf(layerId)}`);
 	},
 });
 
 /** LAYON — 모든 도면층 켜기 */
 export function turnAllLayersOn(): string {
 	updateLayers((layers) => layers.map((layer) => ({ ...layer, isVisible: true })));
-	toast.success('모든 도면층을 켰습니다.');
-	return '모든 도면층 켜기';
+	toast.success('모든 레이어를 켰습니다.');
+	return '모든 레이어 켜기';
 }
 
 export const layerFreezeToolStateMachine = createSequenceTool({
 	tool: Tool.LAYFRZ,
 	helpers: false,
-	steps: [{ kind: 'entity', instructions: '동결할 도면층의 객체를 선택하십시오.' }],
+	steps: [{ kind: 'entity', instructions: '동결할 레이어의 객체를 선택하십시오.' }],
 	commit: (input) => {
 		const layerId = input.entity(0).layerId;
 		if (layerId === getActiveLayerId()) {
-			toast.warn('현재 도면층은 동결할 수 없습니다.');
+			toast.warn('현재 레이어는 동결할 수 없습니다.');
 			return;
 		}
 		updateLayers((layers) =>
 			layers.map((layer) => (layer.id === layerId ? { ...layer, isFrozen: true } : layer))
 		);
-		toast.info(`도면층 동결: ${layerNameOf(layerId)}`);
+		toast.info(`레이어 동결: ${layerNameOf(layerId)}`);
 	},
 });
 
 /** LAYTHW — 모든 도면층 동결 해제 */
 export function thawAllLayers(): string {
 	updateLayers((layers) => layers.map((layer) => ({ ...layer, isFrozen: false })));
-	toast.success('모든 도면층을 동결 해제했습니다.');
+	toast.success('모든 레이어를 동결 해제했습니다.');
 	return '동결 해제';
 }
 
 export const layerLockToolStateMachine = createSequenceTool({
 	tool: Tool.LAYLCK,
 	helpers: false,
-	steps: [{ kind: 'entity', instructions: '잠글 도면층의 객체를 선택하십시오.' }],
+	steps: [{ kind: 'entity', instructions: '잠글 레이어의 객체를 선택하십시오.' }],
 	commit: (input) => {
 		const layerId = input.entity(0).layerId;
 		updateLayers((layers) =>
 			layers.map((layer) => (layer.id === layerId ? { ...layer, isLocked: true } : layer))
 		);
-		toast.info(`도면층 잠금: ${layerNameOf(layerId)}`);
+		toast.info(`레이어 잠금: ${layerNameOf(layerId)}`);
 	},
 });
 
 export const layerUnlockToolStateMachine = createSequenceTool({
 	tool: Tool.LAYULK,
 	helpers: false,
-	steps: [{ kind: 'entity', instructions: '잠금 해제할 도면층의 객체를 선택하십시오.' }],
+	steps: [{ kind: 'entity', instructions: '잠금 해제할 레이어의 객체를 선택하십시오.' }],
 	commit: (input) => {
 		const layerId = input.entity(0).layerId;
 		updateLayers((layers) =>
 			layers.map((layer) => (layer.id === layerId ? { ...layer, isLocked: false } : layer))
 		);
-		toast.success(`도면층 잠금 해제: ${layerNameOf(layerId)}`);
+		toast.success(`레이어 잠금 해제: ${layerNameOf(layerId)}`);
 	},
 });
 
 export const layerIsolateToolStateMachine = createSequenceTool({
 	tool: Tool.LAYISO,
 	helpers: false,
-	steps: [{ kind: 'entity', instructions: '남길 도면층의 객체를 선택하십시오.' }],
+	steps: [{ kind: 'entity', instructions: '남길 레이어의 객체를 선택하십시오.' }],
 	commit: (input) => {
 		const layerId = input.entity(0).layerId;
 		updateLayers((layers) =>
 			layers.map((layer) => ({ ...layer, isVisible: layer.id === layerId }))
 		);
-		toast.info(`도면층 분리: ${layerNameOf(layerId)}`);
+		toast.info(`레이어 분리: ${layerNameOf(layerId)}`);
 	},
 });
 
 /** LAYUNISO — 도면층 분리 해제 */
 export function unisolateLayers(): string {
 	updateLayers((layers) => layers.map((layer) => ({ ...layer, isVisible: true })));
-	toast.success('도면층 분리를 해제했습니다.');
-	return '도면층 분리 해제';
+	toast.success('레이어 분리를 해제했습니다.');
+	return '레이어 분리 해제';
 }
 
 /** LAYERP — 직전 도면층 상태로 되돌리기 */
 export function restorePreviousLayers(): string {
 	const previous = popLayerHistory();
 	if (!previous) {
-		toast.info('되돌릴 도면층 상태가 없습니다.');
+		toast.info('되돌릴 레이어 상태가 없습니다.');
 		return '되돌릴 상태 없음';
 	}
 	setLayers(previous);
-	toast.success('직전 도면층 상태로 되돌렸습니다.');
-	return '직전 도면층 상태';
+	toast.success('직전 레이어 상태로 되돌렸습니다.');
+	return '직전 레이어 상태';
 }
 
 export const layerStateSaveToolStateMachine = createSequenceTool({
 	tool: Tool.LAYERSTATE,
 	helpers: false,
-	steps: [{ kind: 'text', instructions: '저장할 도면층 상태 이름을 입력하십시오.' }],
+	steps: [{ kind: 'text', instructions: '저장할 레이어 상태 이름을 입력하십시오.' }],
 	commit: (input) => {
 		saveLayerState(input.text(0), getLayers());
-		toast.success(`도면층 상태 저장: ${input.text(0)}`);
+		toast.success(`레이어 상태 저장: ${input.text(0)}`);
 	},
 });
 
 export const layerStateRestoreToolStateMachine = createSequenceTool({
 	tool: Tool.LAYERSTATE_RESTORE,
 	helpers: false,
-	steps: [{ kind: 'text', instructions: '복원할 도면층 상태 이름을 입력하십시오.' }],
+	steps: [{ kind: 'text', instructions: '복원할 레이어 상태 이름을 입력하십시오.' }],
 	commit: (input) => {
 		const restored = restoreLayerState(input.text(0));
 		if (!restored) {
-			toast.warn('그 이름으로 저장한 도면층 상태가 없습니다.');
+			toast.warn('그 이름으로 저장한 레이어 상태가 없습니다.');
 			return;
 		}
 		pushLayerHistory(getLayers());
 		setLayers(restored);
-		toast.success(`도면층 상태 복원: ${input.text(0)}`);
+		toast.success(`레이어 상태 복원: ${input.text(0)}`);
 	},
 });
 
@@ -182,14 +183,13 @@ export const layerMatchToolStateMachine = createSequenceTool({
 	helpers: false,
 	steps: [
 		{ kind: 'selection', instructions: '옮길 객체를 선택한 뒤 ENTER.' },
-		{ kind: 'entity', instructions: '대상 도면층의 객체를 선택하십시오.' },
+		{ kind: 'entity', instructions: '대상 레이어의 객체를 선택하십시오.' },
 	],
 	commit: (input) => {
 		const layerId = input.entity(1).layerId;
-		for (const entity of input.entities(0)) {
+		restyle(input.entities(0), (entity) => {
 			entity.layerId = layerId;
-		}
-		setEntities([...getEntities()], true);
+		});
 		setSelectedEntityIds([]);
 		toast.success(`${input.entities(0).length}개 객체를 ${layerNameOf(layerId)}(으)로 옮겼습니다.`);
 	},
@@ -198,15 +198,14 @@ export const layerMatchToolStateMachine = createSequenceTool({
 export const layerToCurrentToolStateMachine = createSequenceTool({
 	tool: Tool.LAYCUR,
 	helpers: false,
-	steps: [{ kind: 'selection', instructions: '현재 도면층으로 옮길 객체를 선택한 뒤 ENTER.' }],
+	steps: [{ kind: 'selection', instructions: '현재 레이어로 옮길 객체를 선택한 뒤 ENTER.' }],
 	commit: (input) => {
 		const layerId = getActiveLayerId();
-		for (const entity of input.entities(0)) {
+		restyle(input.entities(0), (entity) => {
 			entity.layerId = layerId;
-		}
-		setEntities([...getEntities()], true);
+		});
 		setSelectedEntityIds([]);
-		toast.success(`${input.entities(0).length}개 객체를 현재 도면층으로 옮겼습니다.`);
+		toast.success(`${input.entities(0).length}개 객체를 현재 레이어로 옮겼습니다.`);
 	},
 });
 
@@ -214,14 +213,14 @@ export const layerMergeToolStateMachine = createSequenceTool({
 	tool: Tool.LAYMRG,
 	helpers: false,
 	steps: [
-		{ kind: 'entity', instructions: '병합할(사라질) 도면층의 객체를 선택하십시오.' },
-		{ kind: 'entity', instructions: '대상 도면층의 객체를 선택하십시오.' },
+		{ kind: 'entity', instructions: '병합할(사라질) 레이어의 객체를 선택하십시오.' },
+		{ kind: 'entity', instructions: '대상 레이어의 객체를 선택하십시오.' },
 	],
 	commit: (input) => {
 		const sourceId = input.entity(0).layerId;
 		const targetId = input.entity(1).layerId;
 		if (sourceId === targetId) {
-			toast.warn('같은 도면층입니다.');
+			toast.warn('같은 레이어입니다.');
 			return;
 		}
 		for (const entity of getEntities()) {
@@ -230,25 +229,25 @@ export const layerMergeToolStateMachine = createSequenceTool({
 		setEntities([...getEntities()], true);
 		updateLayers((layers) => layers.filter((layer) => layer.id !== sourceId));
 		if (getActiveLayerId() === sourceId) setActiveLayerId(targetId);
-		toast.success(`도면층을 ${layerNameOf(targetId)}(으)로 병합했습니다.`);
+		toast.success(`레이어를 ${layerNameOf(targetId)}(으)로 병합했습니다.`);
 	},
 });
 
 export const layerDeleteToolStateMachine = createSequenceTool({
 	tool: Tool.LAYDEL,
 	helpers: false,
-	steps: [{ kind: 'entity', instructions: '삭제할 도면층의 객체를 선택하십시오.' }],
+	steps: [{ kind: 'entity', instructions: '삭제할 레이어의 객체를 선택하십시오.' }],
 	commit: (input) => {
 		const layerId = input.entity(0).layerId;
 		if (getLayers().length <= 1) {
-			toast.warn('마지막 도면층은 삭제할 수 없습니다.');
+			toast.warn('마지막 레이어는 삭제할 수 없습니다.');
 			return;
 		}
 		const doomed: Entity[] = getEntities().filter((entity) => entity.layerId === layerId);
 		deleteEntities(doomed, true);
 		updateLayers((layers) => layers.filter((layer) => layer.id !== layerId));
 		if (getActiveLayerId() === layerId) setActiveLayerId(getLayers()[0].id);
-		toast.success(`도면층과 객체 ${doomed.length}개를 삭제했습니다.`);
+		toast.success(`레이어와 객체 ${doomed.length}개를 삭제했습니다.`);
 	},
 });
 
@@ -256,10 +255,10 @@ export const layerDeleteToolStateMachine = createSequenceTool({
 let walkIndex = -1;
 export function walkLayers(): string {
 	const layers = getLayers();
-	if (!layers.length) return '도면층 없음';
+	if (!layers.length) return '레이어 없음';
 	walkIndex = (walkIndex + 1) % layers.length;
 	const target = layers[walkIndex];
 	updateLayers((all) => all.map((layer) => ({ ...layer, isVisible: layer.id === target.id })));
-	toast.info(`도면층 탐색: ${target.name} (${walkIndex + 1}/${layers.length})`);
-	return `도면층 탐색 ${target.name}`;
+	toast.info(`레이어 탐색: ${target.name} (${walkIndex + 1}/${layers.length})`);
+	return `레이어 탐색 ${target.name}`;
 }
diff --git a/B07_DesignDetail/openwebcad/src/tools/utility/property-tools.ts b/B07_DesignDetail/openwebcad/src/tools/utility/property-tools.ts
index 24f6a55ab..3466e7a10 100644
--- a/B07_DesignDetail/openwebcad/src/tools/utility/property-tools.ts
+++ b/B07_DesignDetail/openwebcad/src/tools/utility/property-tools.ts
@@ -5,7 +5,8 @@ import {
 	setQuickPropertiesVisible,
 	isQuickPropertiesVisible,
 } from '../../components/ui-state';
-import { getEntities, setEntities, setSelectedEntityIds } from '../../state';
+import { restyle } from '../../helpers/selection-style';
+import { setSelectedEntityIds } from '../../state';
 import { Tool } from '../../tools';
 import { createSequenceTool } from '../factories/sequence-tool';
 
@@ -60,10 +61,9 @@ export const colorToolStateMachine = createSequenceTool({
 			toast.warn('#rrggbb 형식이나 색 이름을 입력하십시오.');
 			return;
 		}
-		for (const entity of input.entities(0)) {
+		restyle(input.entities(0), (entity) => {
 			entity.lineColor = color;
-		}
-		setEntities([...getEntities()], true);
+		});
 		setSelectedEntityIds([]);
 		toast.success(`색상 ${color}`);
 	},
@@ -87,10 +87,9 @@ export const lineTypeToolStateMachine = createSequenceTool({
 			return;
 		}
 		const dash = LINE_DASHES[key] ?? LINE_DASHES[key.toUpperCase()];
-		for (const entity of input.entities(0)) {
+		restyle(input.entities(0), (entity) => {
 			entity.lineDash = dash ? [...dash] : undefined;
-		}
-		setEntities([...getEntities()], true);
+		});
 		setSelectedEntityIds([]);
 		toast.success(`선종류 ${key}`);
 	},
@@ -100,17 +99,16 @@ export const lineWeightToolStateMachine = createSequenceTool({
 	tool: Tool.LWEIGHT,
 	helpers: false,
 	steps: [
-		{ kind: 'selection', instructions: '선가중치를 바꿀 객체를 선택한 뒤 ENTER.' },
+		{ kind: 'selection', instructions: '선 두께를 바꿀 객체를 선택한 뒤 ENTER.' },
 		{ kind: 'number', instructions: '선 굵기를 입력하십시오 <1>.', defaultValue: 1 },
 	],
 	commit: (input) => {
 		const width = Math.max(1, Math.round(input.number(1)));
-		for (const entity of input.entities(0)) {
+		restyle(input.entities(0), (entity) => {
 			entity.lineWidth = width;
-		}
-		setEntities([...getEntities()], true);
+		});
 		setSelectedEntityIds([]);
-		toast.success(`선가중치 ${width}px`);
+		toast.success(`선 두께 ${width}px`);
 	},
 });
 
@@ -123,10 +121,9 @@ export const transparencyToolStateMachine = createSequenceTool({
 	],
 	commit: (input) => {
 		const percent = Math.min(90, Math.max(0, input.number(1)));
-		for (const entity of input.entities(0)) {
+		restyle(input.entities(0), (entity) => {
 			entity.opacity = 1 - percent / 100;
-		}
-		setEntities([...getEntities()], true);
+		});
 		setSelectedEntityIds([]);
 		toast.success(`투명도 ${percent}%를 적용했습니다.`);
 	},
diff --git a/B08_Quantity/B08_Quantity_UI_Hydro.ts b/B08_Quantity/B08_Quantity_UI_Hydro.ts
index c835d8c85..251ffbc22 100644
--- a/B08_Quantity/B08_Quantity_UI_Hydro.ts
+++ b/B08_Quantity/B08_Quantity_UI_Hydro.ts
@@ -42,7 +42,12 @@ function note(text: string): HTMLElement {
   return p;
 }
 
-export async function renderHydro(host: HTMLElement, projectId: string): Promise<void> {
+/** `onSave` = 페이지 이동 전 저장 등록(481-2) — 고친 측점 없으면 요청 없이 참. */
+export async function renderHydro(
+  host: HTMLElement,
+  projectId: string,
+  onSave?: (save: () => Promise<boolean>) => void,
+): Promise<void> {
   host.replaceChildren(note("홍수량 계산서를 불러오는 중…"));
   let sheet: HydroPayload;
   let interval = 20;
@@ -133,7 +138,7 @@ export async function renderHydro(host: HTMLElement, projectId: string): Promise
   };
 
   /** [저장] — 측점 전부의 지금 입력을 B08 자기 파일로 · 성공하면 캐시를 비우고 저장본으로 다시 엶 */
-  const saveAll = async (): Promise<void> => {
+  const saveAll = async (): Promise<boolean> => {
     const stations = Object.fromEntries(
       sheet.stations.map((s) => [keyOf(s), unlinked(s, inputsOf(s))]),
     );
@@ -148,12 +153,15 @@ export async function renderHydro(host: HTMLElement, projectId: string): Promise
       clearState("b08-hydro", projectId);
       showToast("수리집수면적표를 저장했습니다.", "success");
       open(openIndex);
+      return true;
     } catch (error) {
       showToast(`저장하지 못했습니다 — ${String(error)}`, "error");
+      return false;
     } finally {
       hideLoadingOverlay();
     }
   };
 
   open(0);
+  onSave?.(async () => !Object.keys(drafts).length || saveAll());
 }
diff --git a/B08_Quantity/B08_Quantity_UI_Material.ts b/B08_Quantity/B08_Quantity_UI_Material.ts
index b7f7c984f..b1e1f50a5 100644
--- a/B08_Quantity/B08_Quantity_UI_Material.ts
+++ b/B08_Quantity/B08_Quantity_UI_Material.ts
@@ -22,7 +22,7 @@ import {
   showToast,
 } from "@ui/ui_template_elements";
 import { createDataTable } from "@ui/ui_template_data_table";
-import { clearState, writeState } from "../A00_Common/b_page_state";
+import { clearState, readState, writeState } from "../A00_Common/b_page_state";
 import {
   blankUnitRows,
   matched,
@@ -117,11 +117,12 @@ function concreteWhy(s: MaterialSheets, source: SummarySource): string {
     : "";
 }
 
-/** 보조 탭 한 장 — 불러오는 동안 한 줄 · 실패하면 까닭 한 줄. */
+/** 보조 탭 한 장 — 불러오는 동안 한 줄 · 실패하면 까닭 한 줄. `onSave` = 페이지 이동 전 저장 등록(481-2). */
 export async function renderMaterialSheet(
   host: HTMLElement,
   projectId: string,
   sheet: MaterialSheetId,
+  onSave?: (save: () => Promise<boolean>) => void,
 ): Promise<void> {
   host.replaceChildren(note("자재 집계표를 불러오는 중…"));
   let loaded: Awaited<ReturnType<typeof loadMaterials>>;
@@ -199,7 +200,7 @@ export async function renderMaterialSheet(
   });
 
   /** [저장] — 사용자 값을 서버로 · 서버가 다시 셈한 표로 그림 · 캐시 비움 */
-  const saveAll = async (): Promise<void> => {
+  const saveAll = async (): Promise<boolean> => {
     showLoadingOverlay();
     try {
       payload = await request<Payload>(`/projects/${projectId}/quantity/materials`, {
@@ -211,10 +212,13 @@ export async function renderMaterialSheet(
       clearState("b08-materials", projectId);
       redraw();
       showToast("자재 집계표를 저장했습니다.", "success");
+      return true;
     } catch (error) {
       showToast(`저장하지 못했습니다 — ${String(error)}`, "error");
+      return false;
     } finally {
       hideLoadingOverlay();
     }
   };
+  onSave?.(async () => !readState("b08-materials", projectId) || saveAll());
 }
diff --git a/B08_Quantity/B08_Quantity_UI_Options.ts b/B08_Quantity/B08_Quantity_UI_Options.ts
index 9255a5cf5..2adb98b0e 100644
--- a/B08_Quantity/B08_Quantity_UI_Options.ts
+++ b/B08_Quantity/B08_Quantity_UI_Options.ts
@@ -100,8 +100,12 @@ function hint(text: string): HTMLElement {
   return p;
 }
 
-/** 좌측 패널 — 맨 끝 `.ui-sidebar-actions` 줄([저장] · [?] 자리). `onSaved` = 열린 탭 다시 그림. */
-export function createOptionsPanel(projectId: string | null, onSaved: () => void): HTMLElement {
+/** 좌측 패널 — 맨 끝 `.ui-sidebar-actions` 줄([저장] · [?] 자리). `onSaved` = 열린 탭 다시 그림.
+ *  `save` = 페이지 이동 전 저장(481-2) — 옵션 · 이정 캐시 없으면 요청 없이 참 · 실패면 거짓. */
+export function createOptionsPanel(
+  projectId: string | null,
+  onSaved: () => void,
+): { panel: HTMLElement; save: () => Promise<boolean> } {
   const one = createInputField({
     label: "배관 1본 길이 (m)",
     type: "number",
@@ -192,12 +196,12 @@ export function createOptionsPanel(projectId: string | null, onSaved: () => void
     input.addEventListener("change", show);
   }
 
-  const saveAll = async (): Promise<void> => {
-    if (!projectId) return;
+  const saveAll = async (): Promise<boolean> => {
+    if (!projectId) return true;
     const draft = readDraft(projectId);
     if (draft.one_pipe_length_m === null) {
       showToast("배관 1본 길이를 넣으세요 — 0 보다 큰 값.", "error");
-      return;
+      return false;
     }
     showLoadingOverlay();
     try {
@@ -215,8 +219,10 @@ export function createOptionsPanel(projectId: string | null, onSaved: () => void
       show();
       showToast("수량 산출 옵션을 저장했습니다.", "success");
       onSaved();
+      return true;
     } catch (error) {
       showToast(`저장하지 못했습니다 — ${String(error)}`, "error");
+      return false;
     } finally {
       hideLoadingOverlay();
     }
@@ -256,5 +262,8 @@ export function createOptionsPanel(projectId: string | null, onSaved: () => void
       },
       (error: unknown) => showToast(`옵션을 불러오지 못했습니다 — ${String(error)}`, "error"),
     );
-  return panel;
+  const changed = (): boolean =>
+    !!projectId &&
+    (!!readState("b08-options", projectId) || !!readState("b08-milestone", projectId));
+  return { panel, save: async () => !changed() || saveAll() };
 }
diff --git a/B08_Quantity/B08_Quantity_UI_Page.ts b/B08_Quantity/B08_Quantity_UI_Page.ts
index 2a8ed9154..d0784ab1c 100644
--- a/B08_Quantity/B08_Quantity_UI_Page.ts
+++ b/B08_Quantity/B08_Quantity_UI_Page.ts
@@ -7,6 +7,7 @@
  *   자재 아래 보조 탭 = 총괄자재수량집계표 · 콘크리트소요자재집계표 · 자재수량집계표(121-1 `…_UI_Material`).
  *   옛 수량 산출 코드(`old_code/B08_Quantity/`)는 가져오지 않음 — 새로 씀.
  *   좌측 패널 = 메인 탭과 같은 컨테이너 셋 + [저장] 줄(`B08_Quantity_UI_Options` · PLAN 122).
+ *   단계 이동(☰ · 진행 단계 · [<] [>]) = 보이는 화면(좌측 옵션 + 지금 탭) 저장 성공 뒤 · 실패면 머묾(481-2).
  * ========================================================================== */
 
 import "@ui/ui_template_general_layout.css";
@@ -47,6 +48,9 @@ const SHEETS = [
 
 type SheetId = (typeof SHEETS)[number]["id"];
 
+/** 지금 탭의 이동 전 저장 — 자재 · 수리 탭이 서면 등록 · 떠난 탭(`host.isConnected` 거짓)은 안 씀(481-2). */
+type TabSave = (host: HTMLElement, save: () => Promise<boolean>) => void;
+
 function pendingNote(): HTMLElement {
   const pending = document.createElement("p");
   pending.className = "ui-general-block__empty";
@@ -55,7 +59,7 @@ function pendingNote(): HTMLElement {
 }
 
 /** 자재 탭 — 보조 탭 줄 + 몸통(보조 탭마다 새 몸통 · 늦은 응답이 다른 보조 탭을 덮지 않게). */
-function renderMaterials(host: HTMLElement, projectId: string | null): void {
+function renderMaterials(host: HTMLElement, projectId: string | null, onSave: TabSave): void {
   const tabs = document.createElement("div");
   tabs.className = "b08-quantity__tabs ui-subtabs b08-structure__tabs";
   tabs.setAttribute("role", "tablist");
@@ -78,17 +82,17 @@ function renderMaterials(host: HTMLElement, projectId: string | null): void {
     const body = document.createElement("div");
     view.replaceChildren(body);
     if (!projectId) body.append(pendingNote());
-    else void renderMaterialSheet(body, projectId, picked);
+    else void renderMaterialSheet(body, projectId, picked, (save) => onSave(body, save));
   };
   host.replaceChildren(tabs, view);
   select("material");
 }
 
 /** 탭마다 새 몸통 — 늦게 온 응답이 다른 탭 화면을 덮지 않게(떨어진 몸통에만 그림). */
-function renderTab(host: HTMLElement, tab: TabId, projectId: string | null): void {
+function renderTab(host: HTMLElement, tab: TabId, projectId: string | null, onSave: TabSave): void {
   const view = document.createElement("div");
   host.replaceChildren(view);
-  if (tab === "material") return renderMaterials(view, projectId);
+  if (tab === "material") return renderMaterials(view, projectId, onSave);
   if (tab === "summary" && projectId) {
     // 보조 탭 줄 자리(170-4) — 보이지 않는 sm 단추 한 줄 · 자재 탭과 같은 높이라 탭 바꿀 때 안 튐
     const blank = document.createElement("div");
@@ -101,7 +105,8 @@ function renderTab(host: HTMLElement, tab: TabId, projectId: string | null): voi
     view.append(blank, body);
     return void renderStructureSummary(body, projectId);
   }
-  if (tab === "hydrology" && projectId) return void renderHydro(view, projectId);
+  if (tab === "hydrology" && projectId)
+    return void renderHydro(view, projectId, (save) => onSave(view, save));
   if (tab === "earthwork" && projectId) return void renderEarthwork(view, projectId);
   if (tab === "milestone" && projectId) return renderMilestone(view, projectId);
   view.append(pendingNote());
@@ -118,6 +123,8 @@ export function renderB08Quantity(root: HTMLElement): void {
   panel.setAttribute("role", "tabpanel");
 
   let current: TabId = "summary";
+  let tabSave: { host: HTMLElement; save: () => Promise<boolean> } | null = null;
+  const onTabSave: TabSave = (host, save) => (tabSave = { host, save });
   const select = (tab: TabId): void => {
     current = tab;
     tabBar.replaceChildren(
@@ -133,7 +140,7 @@ export function renderB08Quantity(root: HTMLElement): void {
         return button;
       }),
     );
-    renderTab(panel, tab, projectId);
+    renderTab(panel, tab, projectId, onTabSave);
   };
 
   const body = document.createElement("div");
@@ -141,16 +148,26 @@ export function renderB08Quantity(root: HTMLElement): void {
   body.append(tabBar, panel);
   select("summary");
 
+  // [저장] 뒤 열린 탭을 서버 정본으로 다시 그림
+  const options = createOptionsPanel(projectId, () => select(current));
+  // 왼쪽 → 지금 탭 차례 · 탭 저장은 왼쪽 저장이 탭을 다시 그리기 전에 쥠
+  const saveShown = async (): Promise<boolean> => {
+    const tab = tabSave?.host.isConnected ? tabSave.save : null;
+    return (await options.save()) && (!tab || (await tab()));
+  };
+
   const layout = createWorkflowLayout({
     title: L("B08_Quantity_Title"),
     steps: workflowSteps(),
     activeStep: 5,
     mainContent: body,
-    // [저장] 뒤 열린 탭을 서버 정본으로 다시 그림
-    leftPanel: createOptionsPanel(projectId, () => select(current)),
+    leftPanel: options.panel,
     routes: WORKFLOW_STEP_ROUTES,
     onStepClick: (stepIndex: number) => {
-      if (projectId) goToWorkflowStage(projectId, WORKFLOW_STEP_ROUTES[stepIndex]);
+      if (!projectId) return;
+      void saveShown().then(
+        (ok) => ok && goToWorkflowStage(projectId, WORKFLOW_STEP_ROUTES[stepIndex]),
+      );
     },
   });
   root.append(layout.root);
diff --git a/B09_Estimation/B09_Estimation_UI_Shell.ts b/B09_Estimation/B09_Estimation_UI_Shell.ts
index ad09ecbaa..6f348881f 100644
--- a/B09_Estimation/B09_Estimation_UI_Shell.ts
+++ b/B09_Estimation/B09_Estimation_UI_Shell.ts
@@ -275,15 +275,15 @@ export function renderB09Estimation(root: HTMLElement): void {
     show(current);
   };
 
-  // keep = 화면 캐시 그대로(296 [업데이트] — 지운 줄 · 고친 칸을 안 되살림)
+  // keep = 화면 캐시 그대로(296 [업데이트] — 지운 줄 · 고친 칸을 안 되살림) · 참 = 성공
   const run = async (
     path: string,
     method: string,
     done: string,
     init?: Row,
     keep = false,
-  ): Promise<void> => {
-    if (!projectId) return;
+  ): Promise<boolean> => {
+    if (!projectId) return false;
     showLoadingOverlay();
     try {
       const next = await request<Row>(`/projects/${projectId}${path}`, {
@@ -293,18 +293,18 @@ export function renderB09Estimation(root: HTMLElement): void {
       if (!keep) clearState("b09-estimation", projectId);
       apply(next, !keep);
       showToast(done, "success");
+      return true;
     } catch (error) {
       showToast(`하지 못했습니다 — ${String(error)}`, "error");
+      return false;
     } finally {
       hideLoadingOverlay();
     }
   };
 
-  const save = createButton({
-    label: "저장",
-    variant: "filled",
-    onClick: () => void run("/estimation", "PUT", "원가 사용자 값을 저장했습니다.", { user }),
-  });
+  const saveUser = (): Promise<boolean> =>
+    run("/estimation", "PUT", "원가 사용자 값을 저장했습니다.", { user });
+  const save = createButton({ label: "저장", variant: "filled", onClick: () => void saveUser() });
   save.dataset.b09Save = "";
   const refresh = createButton({
     label: "업데이트",
@@ -352,8 +352,13 @@ export function renderB09Estimation(root: HTMLElement): void {
     mainContent: body,
     leftPanel: left,
     routes: WORKFLOW_STEP_ROUTES,
+    // 481-2 단계 이동 = 고친 값 저장 성공 뒤 · 실패면 머묾 · 불러오기 전 · 고침 없음 = 요청 없이
     onStepClick: (stepIndex: number) => {
-      if (projectId) goToWorkflowStage(projectId, WORKFLOW_STEP_ROUTES[stepIndex]);
+      if (!projectId) return;
+      const changed = payload && readState("b09-estimation", projectId);
+      void (changed ? saveUser() : Promise.resolve(true)).then(
+        (ok) => ok && goToWorkflowStage(projectId, WORKFLOW_STEP_ROUTES[stepIndex]),
+      );
     },
   });
   root.append(layout.root);
diff --git a/main.py b/main.py
index 8ffc770ba..f7448a5bb 100644
--- a/main.py
+++ b/main.py
@@ -65,6 +65,7 @@ from B06_Section.B06_Section_Router_CrossTable import router as b06_section_cros
 from B07_DesignDetail.B07_DesignDetail_Router import router as b07_design_router
 from B07_DesignDetail.B07_DesignDetail_Router_Frame import router as b07_frame_router
 from B07_DesignDetail.B07_DesignDetail_Router_PlanKinds import router as b07_plan_kinds_router
+from B07_DesignDetail.B07_DesignDetail_Router_Support_Scale import router as b07_scale_router
 from B08_Quantity.B08_Quantity_Router_Earthwork import router as b08_earthwork_router
 from B08_Quantity.B08_Quantity_Router_Hydro import router as b08_hydro_router
 from B08_Quantity.B08_Quantity_Router_Options import router as b08_options_router
@@ -654,6 +655,7 @@ app.include_router(b06_section_cross_table_router, dependencies=protected_with_c
 app.include_router(b07_design_router, dependencies=protected_with_company)
 app.include_router(b07_frame_router, dependencies=protected_with_company)
 app.include_router(b07_plan_kinds_router, dependencies=protected_with_company)
+app.include_router(b07_scale_router, dependencies=protected_with_company)
 app.include_router(b08_hydro_router, dependencies=protected_with_company)
 app.include_router(b08_earthwork_router, dependencies=protected_with_company)
 app.include_router(b08_summary_router, dependencies=protected_with_company)
diff --git a/resources/tester/cad/command-catalog.test.ts b/resources/tester/cad/command-catalog.test.ts
index ab6736cdb..951b6283d 100644
--- a/resources/tester/cad/command-catalog.test.ts
+++ b/resources/tester/cad/command-catalog.test.ts
@@ -7,6 +7,7 @@ import { describe, expect, it } from "vitest";
 
 import catalog from "../../../B07_DesignDetail/openwebcad/src/commands/command-catalog.json";
 import { getAllCommands } from "../../../B07_DesignDetail/openwebcad/src/commands/registry";
+import { RIBBON_TABS } from "../../../B07_DesignDetail/openwebcad/src/ribbon/ribbon.config";
 
 describe("command-catalog.json", () => {
   it("registry 와 같은 명령 · 한글 이름 · 기본 별칭 · 차례", () => {
@@ -31,4 +32,16 @@ describe("command-catalog.json", () => {
     expect(owner("SE")).toBeUndefined();
     expect(owner("ED")).toBe("TEXTEDIT");
   });
+
+  it("488 — 이름 · 설명에 「도면층」 · 「선가중치」 없음(레이어 · 선 두께)", () => {
+    const words = getAllCommands().flatMap((c) => [c.label, c.hint ?? ""]);
+    expect(words.filter((w) => /도면층|선가중치/.test(w))).toEqual([]);
+    expect(catalog.find((c) => c.id === "LAYER")?.label).toContain("레이어");
+  });
+
+  it("488 — 삽입 탭에 [DWG 불러오기](IMPORT)", () => {
+    const insert = RIBBON_TABS.find((tab) => tab.id === "insert");
+    expect(insert?.panels.flatMap((panel) => panel.big ?? [])).toContain("IMPORT");
+    expect(catalog.find((c) => c.id === "IMPORT")?.label).toBe("DWG 불러오기");
+  });
 });
diff --git a/resources/tester/cad/selection-style.test.ts b/resources/tester/cad/selection-style.test.ts
new file mode 100644
index 000000000..577cc6d65
--- /dev/null
+++ b/resources/tester/cad/selection-style.test.ts
@@ -0,0 +1,121 @@
+/**
+ * 488-2 — 선 특성 메뉴 = 고른 것의 값(다르면 빈 칸) · 바꾸면 고른 것만 · 폴리선 자식까지 · Ctrl+Z 한 번에 옛 값.
+ * 짝: `src/helpers/selection-style.ts`(리본 특성 · 특성 판 · COLOR · LWEIGHT 등 명령 같이 씀).
+ * 실행: cd B07_DesignDetail/openwebcad && npx vitest run --dir ../../resources/tester/cad selection-style
+ */
+// 앱과 같은 flatten 사본(시험 쪽 사본 점은 앱 Segment 가 못 받음)
+import { Point } from "../../../B07_DesignDetail/openwebcad/node_modules/@flatten-js/core";
+import { beforeEach, describe, expect, it } from "vitest";
+import type { Entity } from "../../../B07_DesignDetail/openwebcad/src/entities/Entity";
+import { LineEntity } from "../../../B07_DesignDetail/openwebcad/src/entities/LineEntity";
+import { PolyLineEntity } from "../../../B07_DesignDetail/openwebcad/src/entities/PolyLineEntity";
+import { TextEntity } from "../../../B07_DesignDetail/openwebcad/src/entities/TextEntity";
+import {
+  dashToLineType,
+  restyle,
+  selectionLineStyle,
+  styleTargets,
+} from "../../../B07_DesignDetail/openwebcad/src/helpers/selection-style";
+import {
+  getActiveLineWidth,
+  getEntities,
+  getSelectedEntities,
+  resetUndoBaseline,
+  setActiveLineWidth,
+  setEntities,
+  setLayers,
+  setSelectedEntityIds,
+  undo,
+} from "../../../B07_DesignDetail/openwebcad/src/state";
+
+const line = (color: string, width = 1, dash?: number[]) => {
+  const entity = new LineEntity("L", new Point(0, 0), new Point(10, 0));
+  entity.lineColor = color;
+  entity.lineWidth = width;
+  entity.lineDash = dash;
+  return entity;
+};
+/** 엔진 꼴 — 부모 값과 자식 선 값이 따로 */
+const poly = (childColor: string) => {
+  const kids = [line(childColor), line(childColor)];
+  const entity = new PolyLineEntity("L", kids);
+  entity.lineColor = "#ffffff";
+  return entity;
+};
+const leafWidths = (entity: Entity) =>
+  entity instanceof PolyLineEntity ? entity.getEntities().map((kid) => kid.lineWidth) : [entity.lineWidth];
+const byId = (id: string) => getEntities().find((entity) => entity.id === id) as Entity;
+
+/** 실은 도면 = 선 a(빨강) · 폴리선 b(자식 파랑) · 글 · 방금 그린 선 d */
+let a: LineEntity;
+let b: PolyLineEntity;
+let d: LineEntity;
+beforeEach(() => {
+  setLayers([{ id: "L", name: "L", isVisible: true, isLocked: false }]);
+  a = line("#ff0000");
+  b = poly("#0000ff");
+  const text = new TextEntity("L", "글", new Point(0, 0));
+  setEntities([a, b, text], false);
+  resetUndoBaseline();
+  d = line("#00ff00");
+  setEntities([...getEntities(), d], true); // 방금 그린 선
+  setSelectedEntityIds([a.id, b.id, text.id]);
+  setActiveLineWidth(1);
+});
+
+describe("selectionLineStyle", () => {
+  it("다른 색 = 빈 칸 · 같은 두께 · 선종류 = 그 값 · 글은 안 봄", () => {
+    expect(styleTargets(getSelectedEntities())).toHaveLength(2);
+    expect(selectionLineStyle()).toEqual({ color: "", width: "1", lineType: "solid" });
+  });
+
+  it("폴리선은 자식 값을 봄 · 목록 밖 두께 · 점선 = 빈 칸", () => {
+    setSelectedEntityIds([b.id]);
+    expect(selectionLineStyle().color).toBe("#0000ff");
+    a.lineWidth = 0.5;
+    a.lineDash = [6, 4]; // 엔진 점선(목록 밖)
+    setSelectedEntityIds([a.id]);
+    expect(selectionLineStyle()).toEqual({ color: "#ff0000", width: "", lineType: "" });
+    expect([dashToLineType([]), dashToLineType(undefined), dashToLineType([10, 5])]).toEqual([
+      "solid",
+      "solid",
+      "dashed",
+    ]);
+  });
+
+  it("고른 선 없으면 그리기 기본값", () => {
+    setSelectedEntityIds([]);
+    setActiveLineWidth(4);
+    expect(selectionLineStyle().width).toBe("4");
+  });
+});
+
+describe("restyle", () => {
+  it("고른 것만 · 폴리선 자식까지 · 고름 · id 그대로 · 기본값 그대로", () => {
+    restyle(styleTargets(getSelectedEntities()), (entity) => {
+      entity.lineWidth = 3;
+    });
+    expect(leafWidths(byId(a.id))).toEqual([3]);
+    expect(leafWidths(byId(b.id))).toEqual([3, 3]);
+    expect(byId(d.id).lineWidth).toBe(1);
+    expect(getSelectedEntities()).toHaveLength(3);
+    expect(selectionLineStyle().width).toBe("3");
+    expect(getActiveLineWidth()).toBe(1);
+  });
+
+  it("Ctrl+Z 한 번 = 옛 값 · 방금 그린 선 남음", () => {
+    restyle(styleTargets(getSelectedEntities()), (entity) => {
+      entity.lineWidth = 3;
+    });
+    undo();
+    expect(leafWidths(byId(a.id))).toEqual([1]);
+    expect(leafWidths(byId(b.id))).toEqual([1, 1]);
+    expect(getEntities().map((entity) => entity.id)).toContain(d.id);
+  });
+
+  it("고른 것 없으면 아무것도 안 바뀜 · 되돌리기 칸 안 쌓임", () => {
+    expect(restyle([], () => {})).toEqual([]);
+    undo();
+    expect(getEntities().map((entity) => entity.id)).not.toContain(d.id); // 한 칸 전 = 그리기 전
+  });
+});
diff --git a/resources/tester/helper_130_b07_plan_manage.cjs b/resources/tester/helper_130_b07_plan_manage.cjs
index b3a1e2334..e7649734e 100644
--- a/resources/tester/helper_130_b07_plan_manage.cjs
+++ b/resources/tester/helper_130_b07_plan_manage.cjs
@@ -51,7 +51,8 @@ class FakeNode {
     (this.listeners[type] ||= []).push(handler);
   }
   click() {
-    (this.listeners.click || []).forEach((handler) => handler({}));
+    const event = { stopPropagation() {}, preventDefault() {} };
+    (this.listeners.click || []).forEach((handler) => handler(event));
   }
   fire(type, event = {}) {
     (this.listeners[type] || []).forEach((handler) => handler({ preventDefault() {}, ...event }));
@@ -246,6 +247,7 @@ function loadTs(file) {
 
 const settle = () => new Promise((done) => setTimeout(done, 0));
 const { buildDrawingSidePanel } = loadTs(path.join(B07, "B07_DesignDetail_UI_Panels.ts"));
+const { openPlanManager } = loadTs(path.join(B07, "B07_DesignDetail_UI_PlanManage.ts"));
 
 (async () => {
   const out = {};
@@ -257,11 +259,14 @@ const { buildDrawingSidePanel } = loadTs(path.join(B07, "B07_DesignDetail_UI_Pan
     (drawing) => selected.push(drawing.id),
     undefined,
     false,
-    plan,
+    // 280-5 평면도 ⚙ = 평면도 관리 모달(화면 조립 `openDrawingSettings` 와 같은 길)
+    (kind) => kind === "plan" && openPlanManager(plan),
   );
+  const gear = () => section.querySelectorAll(".ui-collapsible__settings")[0];
   const section = panel.querySelector(".b07-plan");
   out.left = {
-    manage: byText(section, "BUTTON", "평면도 관리").length,
+    manage: section.querySelectorAll(".ui-collapsible__settings").length,
+    manageButton: byText(section, "BUTTON", "평면도 관리").length,
     sheetButtons: section.querySelectorAll(".b07-drawing-button").map((b) => b.dataset.drawingId),
     formFields: all(section).filter((n) => ["SELECT", "INPUT", "LABEL"].includes(n.tagName)).length,
     remove: byText(section, "BUTTON", "×").length,
@@ -269,7 +274,7 @@ const { buildDrawingSidePanel } = loadTs(path.join(B07, "B07_DesignDetail_UI_Pan
   };
 
   // 단추 → 모달
-  byText(section, "BUTTON", "평면도 관리")[0].click();
+  gear().click();
   await settle();
   const modal = modals[0];
   const cad = cads[0];
@@ -396,7 +401,7 @@ const { buildDrawingSidePanel } = loadTs(path.join(B07, "B07_DesignDetail_UI_Pan
   out.close = { closes: [...closes], destroyed: cad.destroyed, open: modal.open };
 
   // 다시 열어 고치지 않고 [CAD 에서 열기] → changed = false · 그 장 id
-  byText(section, "BUTTON", "평면도 관리")[0].click();
+  gear().click();
   await settle();
   await settle();
   const modal2 = modals[1];
diff --git a/resources/tester/helper_153_b07_cross_layout.cjs b/resources/tester/helper_153_b07_cross_layout.cjs
index 272cd5cbe..1266a6f49 100644
--- a/resources/tester/helper_153_b07_cross_layout.cjs
+++ b/resources/tester/helper_153_b07_cross_layout.cjs
@@ -56,7 +56,8 @@ class FakeNode {
     (this.listeners[type] ||= []).push(handler);
   }
   click() {
-    if (!this.disabled) (this.listeners.click || []).forEach((handler) => handler({}));
+    const event = { stopPropagation() {}, preventDefault() {} };
+    if (!this.disabled) (this.listeners.click || []).forEach((handler) => handler(event));
   }
 }
 const all = (node) => [node, ...node.children.flatMap(all)];
@@ -104,6 +105,7 @@ const { buildDrawingSidePanel, buildCrossLayoutControls } = loadTs(
 );
 
 const out = {};
+const settings = [];
 const slot = new FakeNode("div");
 slot.className = "b07-cross-layout-slot";
 const panel = buildDrawingSidePanel(
@@ -115,12 +117,17 @@ const panel = buildDrawingSidePanel(
   () => {},
   undefined,
   false,
-  undefined,
-  slot,
+  (kind) => settings.push(kind),
 );
+// 280-5 배치 칸은 ⚙ 횡단 모달로 — 카드엔 ⚙ 하나 · 배치 칸 없음
 const cross = all(panel).find((n) => n.dataset.kind === "cross");
-out.slotLast = cross.children.at(-1) === slot;
-out.slotCount = all(panel).filter((n) => n === slot).length;
+const gears = byClass(cross, "ui-collapsible__settings");
+out.card = {
+  gears: gears.length,
+  layoutInCard: byClass(cross, "b07-cross-layout").length,
+};
+gears[0].click();
+out.card.settings = settings;
 
 // 장 — [이 장] 켜짐 · 값 바꿔 누름
 const applied = [];
diff --git a/resources/tester/helper_224_1c_subpanel_popout.cjs b/resources/tester/helper_224_1c_subpanel_popout.cjs
index c48685322..c3bf297be 100644
--- a/resources/tester/helper_224_1c_subpanel_popout.cjs
+++ b/resources/tester/helper_224_1c_subpanel_popout.cjs
@@ -117,7 +117,7 @@ const js = ts.transpileModule(read("A00_Common", "design", "design_profile_popou
 const mod = {};
 new Function("exports", "require", "window", "document", js)(
   mod,
-  () => ({ showToast() {} }),
+  () => ({ showToast() {}, releaseSelectAfterPick() {} }),
   main,
   mainDoc,
 );
diff --git a/resources/tester/helper_280_4_fit.cjs b/resources/tester/helper_280_4_fit.cjs
new file mode 100644
index 000000000..c5acd1a52
--- /dev/null
+++ b/resources/tester/helper_280_4_fit.cjs
@@ -0,0 +1,136 @@
+/* PLAN 483-3(요구 280-4) 「유지」 — `logic/B05_Profile_RouteEdit_StationFit.ts` 를 Node 로 돌려 JSON 한 줄
+ * (`test_280_4_fit.py` 가 판정). 분석 D 재현 2 노선(helper_366_3 와 같은 지그재그).
+ */
+const fs = require("fs");
+const path = require("path");
+const ts = require(path.join(__dirname, "..", "..", "config", "node_modules", "typescript"));
+
+const ROOT = path.join(__dirname, "..", "..");
+const cache = new Map();
+
+function loadTs(file) {
+  const full = path.resolve(file);
+  if (cache.has(full)) return cache.get(full);
+  const js = ts.transpileModule(fs.readFileSync(full, "utf8"), {
+    compilerOptions: { module: ts.ModuleKind.CommonJS, target: ts.ScriptTarget.ES2020 },
+  }).outputText;
+  const box = { exports: {} };
+  cache.set(full, box.exports);
+  const localRequire = (request) =>
+    request.startsWith(".")
+      ? loadTs(path.join(path.dirname(full), `${request}.ts`))
+      : require(request);
+  new Function("exports", "module", "require", js)(box.exports, box, localRequire);
+  cache.set(full, box.exports);
+  return box.exports;
+}
+
+const LOGIC = path.join(ROOT, "B05_Profile", "logic");
+const fit = loadTs(path.join(LOGIC, "B05_Profile_RouteEdit_StationFit.ts"));
+const edits = loadTs(path.join(LOGIC, "B05_Profile_UI_RouteEdit_Edits.ts"));
+const frame = loadTs(path.join(LOGIC, "B05_Profile_UI_RouteEdit_Frame.ts"));
+
+const STATION = 20;
+const BASE = { minRadiusM: 30, limitRadiusM: 12, limitArcM: 0, stationM: STATION };
+const STEP10 = { ...BASE, intervalM: 10 };
+const STEPNO = { ...BASE, intervalM: STATION };
+const ROUTE = [
+  [0, 0],
+  [93, 7],
+  [171, 61],
+  [262, 48],
+  [337, 112],
+  [431, 101],
+  [503, 160],
+];
+
+function columns(planned) {
+  const n = planned.length;
+  return {
+    planned: planned.map(([x, y]) => [x, y]),
+    curveOn: planned.map(() => true),
+    curveRadius: planned.map(() => null),
+    curveLock: planned.map(() => null),
+    curveArc: planned.map(() => null),
+    apexLock: planned.map((_, i) => i === 0 || i === n - 1),
+  };
+}
+const withPlanned = (cols, planned) => ({ ...cols, planned: planned.map(([x, y]) => [x, y]) });
+const round2 = (v) => Math.round(v * 100) / 100;
+function mcs(cols) {
+  const built = edits.rebuildLine({ ...cols, curveRadius: [...cols.curveRadius] }, STEPNO);
+  return frame.curveSpans(built.vertices, built.curves).map(([a, b]) => round2((a + b) / 2));
+}
+function off(cols, step) {
+  const built = edits.rebuildLine({ ...cols, curveRadius: [...cols.curveRadius] }, STEPNO);
+  return fit.offStationCount(built.vertices, built.curves, step);
+}
+/** IP `k` 를 들어오는 접선 따라 d 밀기 — 손 편집 흉내. */
+function nudge(cols, k, d) {
+  const p = cols.planned;
+  const len = Math.hypot(p[k][0] - p[k - 1][0], p[k][1] - p[k - 1][1]);
+  const ux = (p[k][0] - p[k - 1][0]) / len;
+  const uy = (p[k][1] - p[k - 1][1]) / len;
+  const next = p.map(([x, y]) => [x, y]);
+  next[k] = [p[k][0] + ux * d, p[k][1] + uy * d];
+  return withPlanned(cols, next);
+}
+/** IP `k` 를 화면 좌표로 (dx, dy) 옮김 — 앞 교점 손 편집(접선 밖 · 맞춤이 되밀어도 제자리로 안 돌아감). */
+function shift(cols, k, dx, dy) {
+  const next = cols.planned.map(([x, y]) => [x, y]);
+  next[k] = [next[k][0] + dx, next[k][1] + dy];
+  return withPlanned(cols, next);
+}
+/** 손 편집 한 걸음 = 편집기 applyEdit(`fitAfter(before, now, limits)`). */
+const step = (before, now, limits) => withPlanned(now, fit.fitAfter(before, now, limits));
+
+const FRONT = [0, 3]; // 앞 IP1 을 y +3 m
+
+// ① 측점 No. 로 맞춘 노선
+const s1 = withPlanned(columns(ROUTE), fit.fitCurveStations(columns(ROUTE), STEPNO, 1));
+// ② 10 m · IP2 를 손으로 밀어 그 곡선 MC = N+10(밀 거리 훑어 첫 N+10)
+let s2 = null;
+let pushed = null;
+for (let d = 1; d <= 12 && !s2; d += 0.5) {
+  const now = step(s1, nudge(s1, 2, d), STEP10);
+  const mc = mcs(now)[1];
+  if (Math.abs(mc / 10 - Math.round(mc / 10)) < 0.005 && Math.round(mc / 10) % 2 === 1)
+    ((s2 = now), (pushed = d));
+}
+// ③ 간격만 측점 No. 로(편집기 = 간격 바꿈 → applyEdit · 노선 그대로)
+const s3 = step(s2, s2, STEPNO);
+// ④ 측점 No. 로 돌린 뒤 앞 IP1 +3 m
+const s4 = step(s3, shift(s3, 1, FRONT[0], FRONT[1]), STEPNO);
+// ⑤ 10 m 그대로 앞 IP1 +3 m
+const s5 = step(s2, shift(s2, 1, FRONT[0], FRONT[1]), STEP10);
+// ⑥ 그 곡선 IP2 를 손으로 다시 밀기(측점 No.) → N+0
+const s6 = step(s3, nudge(s3, 2, 4), STEPNO);
+// ⑦ before 없이(옛 동작) 측점 No. 로 다시 맞춤 = N+10 이 흔들림(기준이 고침을 재는지)
+const s7 = withPlanned(s4, fit.fitCurveStations(shift(s3, 1, FRONT[0], FRONT[1]), STEPNO, 1));
+// ⑧ 끄는 중 미리보기(fitDrag · before) = 놓을 때(fitAfter)
+const dragNow = shift(s3, 1, FRONT[0], FRONT[1]);
+const preview = withPlanned(dragNow, fit.fitDrag(dragNow, s3.planned, 1, STEPNO, s3));
+const release = step(s3, preview, STEPNO);
+const gap = Math.max(
+  ...preview.planned.map((v, i) =>
+    Math.hypot(v[0] - release.planned[i][0], v[1] - release.planned[i][1]),
+  ),
+);
+
+console.log(
+  JSON.stringify({
+    pushed,
+    mc: {
+      s1: mcs(s1),
+      s2: mcs(s2),
+      s3: mcs(s3),
+      s4: mcs(s4),
+      s5: mcs(s5),
+      s6: mcs(s6),
+      s7: mcs(s7),
+    },
+    off: { s2no: off(s2, STATION), s2ten: off(s2, 10), s4: off(s4, STATION) },
+    dragGap: gap,
+    previewMc: mcs(preview),
+  }),
+);
diff --git a/resources/tester/helper_280_5_b07_settings.cjs b/resources/tester/helper_280_5_b07_settings.cjs
new file mode 100644
index 000000000..179a6018e
--- /dev/null
+++ b/resources/tester/helper_280_5_b07_settings.cjs
@@ -0,0 +1,419 @@
+/* 280-5 · 281 B07 ⚙ 설정 · 저장 후 이동 헬퍼 — 좌측 목록 ⚙ 자리 · 누름(접힘 · 도면 열기 안 감) ·
+ * ⚙ 모달(평면도 = 평면도 관리 · 횡단 = 배치 칸 + 안내선 · 구조물 = 축척 없음 줄 · [원본에서 다시 그리기]) ·
+ * 저장 묶음(`_UI_Save` — 고친 탭만 · 실패 = 거짓 · 원본 되돌림)을 Node 로 돌려 표준출력 JSON 한 벌로.
+ * TS 는 그 자리에서 트랜스파일 · 화면 그릇은 쓰는 만큼만 흉내 · 서버 길 · 모달 · 단추는 기록용 가짜.
+ */
+const fs = require("fs");
+const path = require("path");
+const ts = require(path.join(__dirname, "..", "..", "config", "node_modules", "typescript"));
+const CATALOG = require("./helper_322_catalog_module.cjs"); // 구조물 표(322-1)
+
+const ROOT = path.join(__dirname, "..", "..");
+const B07 = path.join(ROOT, "B07_DesignDetail");
+const UI = path.join(ROOT, "ui_template");
+const cache = new Map();
+
+class FakeNode {
+  constructor(tag) {
+    this.tagName = tag.toUpperCase();
+    this.children = [];
+    this.parent = null;
+    this.dataset = {};
+    this.attrs = {};
+    this.listeners = {};
+    this._text = "";
+    this._classes = new Set();
+    this.value = "";
+    this.disabled = false;
+    const self = this;
+    this.classList = {
+      add: (...names) => names.forEach((n) => self._classes.add(n)),
+      remove: (...names) => names.forEach((n) => self._classes.delete(n)),
+      toggle: (name) =>
+        self._classes.has(name) ? self._classes.delete(name) : self._classes.add(name),
+      contains: (name) => self._classes.has(name),
+    };
+  }
+  set className(value) {
+    this._classes = new Set(String(value).split(/\s+/).filter(Boolean));
+  }
+  get className() {
+    return [...this._classes].join(" ");
+  }
+  set textContent(value) {
+    this._text = String(value);
+    this.children = [];
+  }
+  get textContent() {
+    return this._text + this.children.map((c) => c.textContent).join("");
+  }
+  setAttribute(key, value) {
+    this.attrs[key] = String(value);
+  }
+  append(...kids) {
+    kids.forEach((k) => {
+      if (k.parent) k.parent.children = k.parent.children.filter((c) => c !== k);
+      k.parent = this;
+      this.children.push(k);
+    });
+  }
+  prepend(...kids) {
+    kids.forEach((k) => (k.parent = this));
+    this.children.unshift(...kids);
+  }
+  replaceWith(node) {
+    const at = this.parent.children.indexOf(this);
+    node.parent = this.parent;
+    this.parent.children[at] = node;
+  }
+  addEventListener(type, handler) {
+    (this.listeners[type] ||= []).push(handler);
+  }
+  /** 누름 — 올라가기(bubble)까지 · stopPropagation 이면 멈춤 */
+  click() {
+    if (this.disabled) return;
+    let stopped = false;
+    const event = { target: this, stopPropagation: () => (stopped = true), preventDefault() {} };
+    for (let node = this; node && !stopped; node = node.parent)
+      (node.listeners.click || []).forEach((handler) => handler(event));
+  }
+  closest(selector) {
+    const name = selector.slice(1);
+    for (let node = this; node; node = node.parent) if (node.classList.contains(name)) return node;
+    return null;
+  }
+}
+const all = (node) => [node, ...node.children.flatMap(all)];
+const byClass = (node, name) => all(node).filter((n) => n.classList.contains(name));
+
+globalThis.document = {
+  createElement: (tag) => new FakeNode(tag),
+  querySelectorAll: () => [],
+};
+
+const toasts = [];
+const modals = [];
+const plans = [];
+const calls = [];
+let failConfirm = false;
+let answer = true;
+
+const button = (opts) => {
+  const node = new FakeNode("button");
+  node.className = "ui-btn";
+  node.textContent = opts.label;
+  node.disabled = !!opts.disabled;
+  if (opts.onClick) node.addEventListener("click", opts.onClick);
+  return node;
+};
+const STUBS = {
+  "@ui/ui_template_elements": {
+    createButton: button,
+    createInputField: (opts) => {
+      const root = new FakeNode("label");
+      const input = new FakeNode("input");
+      input.value = opts.value ?? "";
+      input.setAttribute("type", opts.type);
+      const label = new FakeNode("span");
+      label.className = "ui-field__label";
+      label.textContent = opts.label;
+      root.append(label, input);
+      return { root, input };
+    },
+    showToast: (message, kind) => toasts.push([kind, message]),
+    showLoadingOverlay: () => calls.push(["overlay+"]),
+    hideLoadingOverlay: () => calls.push(["overlay-"]),
+    showConfirmDialog: async (message) => (calls.push(["ask", message]), answer),
+  },
+  "@ui/ui_template_modal": {
+    openModal: (opts) => {
+      const body = new FakeNode("div");
+      const modal = { opts, body, open: true };
+      modals.push(modal);
+      opts.mount(body, () => (modal.open = false), new FakeNode("div"));
+      return { close: () => (modal.open = false) };
+    },
+  },
+  "@ui/ui_template_locale": {
+    currentLanguageIndex: 0,
+    ui_locales: new Proxy({}, { get: (_, key) => [String(key)] }),
+  },
+  "./B07_DesignDetail_UI_PlanManage": {
+    openPlanManager: (controls) => {
+      const plan = { controls, open: true };
+      plans.push(plan);
+      return { close: () => (plan.open = false) };
+    },
+  },
+  "./B07_DesignDetail_Api_Fetch": {
+    confirmDesignDrawing: async (projectId, id, drawing, table) => {
+      calls.push(["confirm", id, drawing.tag, table]);
+      if (failConfirm) throw new Error("서버 오류");
+      return { all_confirmed: true };
+    },
+    invalidateDesignDrawing: async (projectId, id) => calls.push(["invalidate", id]),
+  },
+};
+
+function loadTs(file) {
+  const full = path.resolve(file);
+  if (cache.has(full)) return cache.get(full);
+  const js = ts.transpileModule(fs.readFileSync(full, "utf8"), {
+    compilerOptions: { module: ts.ModuleKind.CommonJS, target: ts.ScriptTarget.ES2020 },
+  }).outputText;
+  const box = { exports: {} };
+  cache.set(full, box.exports);
+  const localRequire = (request) => {
+    if (CATALOG.isCatalogRequest(request)) return CATALOG;
+    if (STUBS[request]) return STUBS[request];
+    if (request === "@ui/ui_template_collapsible")
+      return loadTs(path.join(UI, "ui_template_collapsible.ts"));
+    if (request.startsWith(".")) {
+      const target = path.join(path.dirname(full), `${request}.ts`);
+      return fs.existsSync(target) ? loadTs(target) : {};
+    }
+    return {};
+  };
+  new Function("exports", "module", "require", js)(box.exports, box, localRequire);
+  cache.set(full, box.exports);
+  return box.exports;
+}
+
+const { buildDrawingSidePanel } = loadTs(path.join(B07, "B07_DesignDetail_UI_Panels.ts"));
+const { attachCollapsible } = loadTs(path.join(UI, "ui_template_collapsible.ts"));
+const { openDrawingSettings } = loadTs(path.join(B07, "B07_DesignDetail_UI_Settings.ts"));
+const Save = loadTs(path.join(B07, "B07_DesignDetail_UI_Save.ts"));
+
+const item = (id, kind, extra = {}) => ({ id, kind, label: id, confirmed: false, ...extra });
+const drawings = [
+  item("cover", "cover"),
+  item("plan_k", "plan", { plan_kind: "k", plan_kind_name: "지형" }),
+  item("longitudinal", "longitudinal"),
+  item("cross_standard", "cross_standard"),
+  item("cross_s1", "cross"),
+  item("cross_s2", "cross"),
+  item("mass_haul", "mass_haul"),
+  item("structure_k", "structure"),
+  item("dev_k", "development", { plan_kind: "dk", plan_kind_name: "옹벽" }),
+];
+
+(async () => {
+  const out = {};
+  // ── 좌측 ⚙ 자리 ───────────────────────────────────────────────────────────
+  const settings = [];
+  const selected = [];
+  const panel = buildDrawingSidePanel(
+    drawings,
+    (d) => selected.push(d.id),
+    undefined,
+    false,
+    (kind) => settings.push(kind),
+  );
+  const cards = byClass(panel, "b07-drawing-group");
+  out.cardGears = cards
+    .filter((c) => byClass(c, "ui-collapsible__settings").length)
+    .map((c) => c.dataset.kind);
+  out.cardGearInTitle = cards.every((c) =>
+    byClass(c, "ui-collapsible__settings").every((g) =>
+      g.parent.classList.contains("ui-collapsible__title"),
+    ),
+  );
+  const buttonGears = byClass(panel, "b07-drawing-button__settings");
+  out.buttonGears = buttonGears.map((g) => g.parent.dataset.drawingId);
+  out.buttonGearRole = buttonGears.map((g) => [g.tagName, g.attrs.role, g.tabIndex]);
+  out.coverGear = byClass(panel, "b07-drawing-button")
+    .filter((b) => b.dataset.drawingId === "cover")
+    .flatMap((b) => byClass(b, "b07-drawing-button__settings")).length;
+
+  // 누름 — 카드 ⚙ = 접힘 그대로 · 단추 ⚙ = 도면 안 엶 · 제목 누름은 여전히 접음
+  const before = cards.map((c) => c.classList.contains("is-collapsed"));
+  cards.forEach((c) => byClass(c, "ui-collapsible__settings")[0]?.click());
+  out.collapsedSame = cards.every((c, i) => c.classList.contains("is-collapsed") === before[i]);
+  buttonGears.forEach((g) => g.click());
+  out.settingsCalls = [...settings];
+  out.selectedAfterGear = [...selected];
+  const crossCard = cards.find((c) => c.dataset.kind === "cross");
+  const crossTitle = byClass(crossCard, "ui-collapsible__title")[0];
+  const wasCollapsed = crossCard.classList.contains("is-collapsed");
+  crossTitle.click();
+  out.titleClickToggles = crossCard.classList.contains("is-collapsed") !== wasCollapsed;
+  byClass(panel, "b07-drawing-button")
+    .find((b) => b.dataset.drawingId === "mass_haul")
+    .click();
+  out.buttonClickOpens = selected.at(-1) === "mass_haul";
+  // Enter 도 도면 안 엶
+  const enterBefore = selected.length;
+  const gear = buttonGears[0];
+  let stopped = false;
+  gear.listeners.keydown.forEach((h) =>
+    h({ key: "Enter", preventDefault() {}, stopPropagation: () => (stopped = true) }),
+  );
+  out.enterStops = stopped && selected.length === enterBefore;
+
+  // ── ⚙ 모달 ──────────────────────────────────────────────────────────────
+  let current = drawings[4]; // cross_s1
+  let redraws = 0;
+  const saved = [];
+  const guideToggle = button({ label: "안내선 숨기기" });
+  const deps = {
+    drawings,
+    current: () => current,
+    canRedraw: () => true,
+    redraw: async () => (redraws++, true),
+    plan: { projectId: "p1", onClosed: () => {} },
+    cross: {
+      layout: async () => ({ default: [4, 4], sheets: { 1: [3, 2] }, table_scale: 1.2 }),
+      save: (next, sheet) => saved.push([next, sheet]),
+      guideToggle,
+    },
+  };
+  const texts = (node) =>
+    all(node)
+      .map((n) => n._text)
+      .filter(Boolean);
+  openDrawingSettings("cross", deps);
+  await new Promise((r) => setTimeout(r, 0));
+  const cross = modals.at(-1);
+  const crossInputs = all(cross.body).filter((n) => n.tagName === "INPUT");
+  out.crossModal = {
+    title: cross.opts.title,
+    labels: byClass(cross.body, "ui-field__label").map((n) => n.textContent),
+    values: crossInputs.map((n) => n.value),
+    buttons: all(cross.body)
+      .filter((n) => n.tagName === "BUTTON")
+      .map((n) => [n.textContent, n.disabled]),
+    guideLast: byClass(cross.body, "b07-cross-layout")[0].children.at(-1) === guideToggle,
+    head: cross.opts.actions.map((n) => [n.textContent, n.disabled]),
+    notes: texts(cross.body).filter((t) => t.startsWith("지금 도면")),
+  };
+  crossInputs[0].value = "2";
+  all(cross.body)
+    .find((n) => n.textContent === "이 장")
+    .click();
+  out.crossSave = { saved, closed: !cross.open };
+
+  openDrawingSettings("structure", deps);
+  const structure = modals.at(-1);
+  out.structureModal = {
+    title: structure.opts.title,
+    notes: texts(structure.body),
+    head: structure.opts.actions.map((n) => [n.textContent, n.disabled, n.title]),
+  };
+
+  openDrawingSettings("longitudinal", deps);
+  out.longModal = { title: modals.at(-1).opts.title, bodyKids: modals.at(-1).body.children.length };
+
+  current = drawings[1]; // plan_k
+  openDrawingSettings("plan", deps);
+  const plan = plans.at(-1);
+  out.planModal = {
+    viaManager: plans.length === 1 && modals.length === 3,
+    head: plan.controls.actions.map((n) => [n.textContent, n.disabled]),
+  };
+  plan.controls.actions[0].click();
+  await new Promise((r) => setTimeout(r, 0));
+  out.planRedraw = { redraws, closed: !plan.open };
+
+  current = drawings[3]; // 표준 횡단면도도 횡단 묶음
+  openDrawingSettings("cross", deps);
+  out.standardInCross = !modals.at(-1).opts.actions[0].disabled;
+
+  // ── 저장 묶음 ────────────────────────────────────────────────────────────
+  const tabsOf = (list, activeId) => ({
+    tabs: () => list,
+    active: () => list.find((t) => t.id === activeId),
+    markClean: (tab) => {
+      tab.dirty = false;
+      delete tab.drawing;
+    },
+  });
+  const storeOf = (over = {}) => {
+    let dirty = over.cadDirty ?? false;
+    const store = {
+      projectId: "p1",
+      drawings,
+      tabs: over.tabs,
+      current: () => over.current,
+      cadDirty: () => dirty,
+      setCadClean: () => (dirty = false),
+      requestCad: async () => ({ drawing: { tag: "live" }, quantityTable: { q: 1 } }),
+      isFrameEditing: () => !!over.frame,
+      forget: (id) => calls.push(["forget", id]),
+      reload: async (d) => calls.push(["reload", d.id]),
+    };
+    return store;
+  };
+  const reset = () => {
+    calls.length = 0;
+    drawings.forEach((d) => (d.confirmed = false));
+  };
+
+  // 고친 것 없음 = 요청 0 · 참
+  reset();
+  let ok = await Save.saveEditedDrawings(
+    storeOf({ current: drawings[4], tabs: tabsOf([{ id: "cross_s1" }], "cross_s1") }),
+  );
+  out.noEdits = { ok, calls: [...calls] };
+
+  // 지금 탭(CAD 편집) + 다른 고친 탭 = confirm 둘 · 안 고친 탭은 안 보냄
+  reset();
+  const list = [
+    { id: "cross_s1", dirty: true },
+    { id: "longitudinal", dirty: true, drawing: { tag: "stash" } },
+    { id: "mass_haul" },
+  ];
+  ok = await Save.saveEditedDrawings(
+    storeOf({ current: drawings[4], cadDirty: true, tabs: tabsOf(list, "cross_s1") }),
+  );
+  out.saveEdited = {
+    ok,
+    confirms: calls.filter((c) => c[0] === "confirm"),
+    clean: list.map((t) => !!t.dirty),
+    confirmed: drawings.filter((d) => d.confirmed).map((d) => d.id),
+  };
+
+  // 실패 = 거짓 · 알림
+  reset();
+  failConfirm = true;
+  const toastStart = toasts.length;
+  ok = await Save.saveEditedDrawings(
+    storeOf({
+      current: drawings[4],
+      cadDirty: true,
+      tabs: tabsOf([{ id: "cross_s1", dirty: true }], "cross_s1"),
+    }),
+  );
+  failConfirm = false;
+  out.saveFail = { ok, toasts: toasts.slice(toastStart).map((t) => t[0]) };
+
+  // 도각 편집 중 = 거짓 · 요청 0
+  reset();
+  ok = await Save.saveEditedDrawings(
+    storeOf({ current: drawings[4], cadDirty: true, frame: true, tabs: tabsOf([], "") }),
+  );
+  out.frameEditing = { ok, calls: calls.filter((c) => c[0] === "confirm").length };
+
+  // 원본에서 다시 그리기 — 저장본 = invalidate + 다시 실음 · 원본 그대로 = 꺼짐 · 물음 [취소] = 그대로
+  reset();
+  drawings[6].confirmed = true;
+  const mh = storeOf({ current: drawings[6], tabs: tabsOf([{ id: "mass_haul" }], "mass_haul") });
+  out.redrawable = Save.hasRedrawable(mh);
+  ok = await Save.redrawFromSource(mh);
+  out.redraw = {
+    ok,
+    calls: calls.filter((c) => c[0] !== "overlay+" && c[0] !== "overlay-").map((c) => c[0]),
+    confirmed: drawings[6].confirmed,
+  };
+  out.pristine = Save.hasRedrawable(mh);
+  answer = false;
+  reset();
+  drawings[6].confirmed = true;
+  ok = await Save.redrawFromSource(mh);
+  answer = true;
+  out.redrawCancel = { ok, invalidates: calls.filter((c) => c[0] === "invalidate").length };
+
+  process.stdout.write(JSON.stringify(out));
+})().catch((error) => {
+  process.stderr.write(String(error && error.stack ? error.stack : error));
+  process.exit(1);
+});
diff --git a/resources/tester/helper_280_6_select_release.cjs b/resources/tester/helper_280_6_select_release.cjs
new file mode 100644
index 000000000..5b84ac0ab
--- /dev/null
+++ b/resources/tester/helper_280_6_select_release.cjs
@@ -0,0 +1,76 @@
+/* 280-6 드롭다운 초점 빼기(`ui_template/ui_template_native_menu.ts` `releaseSelectAfterPick`) 단위검증 헬퍼 —
+ * 그 자리에서 트랜스파일해 Node 로 돌리고 값을 JSON 으로 냄. 가짜 창 · 가짜 select · 가짜 타이머로 판정. */
+const fs = require("fs");
+const path = require("path");
+const ts = require(path.join(__dirname, "..", "..", "config", "node_modules", "typescript"));
+
+const ROOT = path.join(__dirname, "..", "..");
+const js = ts.transpileModule(
+  fs.readFileSync(path.join(ROOT, "ui_template", "ui_template_native_menu.ts"), "utf8"),
+  { compilerOptions: { module: ts.ModuleKind.CommonJS, target: ts.ScriptTarget.ES2020 } },
+).outputText;
+const box = { exports: {} };
+new Function("exports", "module", "require", js)(box.exports, box, require);
+const m = box.exports;
+
+// 가짜 창 — 캡처 듣기 · 타이머(손으로 돌림) · 문서 하나
+function setup() {
+  const listeners = [];
+  const timers = [];
+  const doc = { activeElement: null };
+  const win = {
+    addEventListener: (type, fn, capture) => listeners.push({ type, fn, capture }),
+    setTimeout: (fn) => timers.push(fn),
+  };
+  m.releaseSelectAfterPick(win);
+  const el = (tagName) => {
+    const node = { tagName, ownerDocument: doc, blurs: 0 };
+    node.blur = () => {
+      node.blurs += 1;
+      doc.activeElement = null;
+    };
+    return node;
+  };
+  const fire = (type, target) =>
+    listeners.filter((l) => l.type === type).forEach((l) => l.fn({ type, target }));
+  const tick = () => timers.splice(0).forEach((fn) => fn());
+  return { listeners, doc, el, fire, tick };
+}
+
+// 차례 하나 — 초점을 select 에 두고 입력들을 쏜 뒤 change · (처리) · 한 틱
+function run(inputs, tag = "SELECT", moveFocus = false) {
+  const t = setup();
+  const target = t.el(tag);
+  t.doc.activeElement = target;
+  inputs.forEach((type) => t.fire(type, target));
+  t.fire("change", target);
+  const before = target.blurs; // 한 틱 전엔 안 뺌
+  if (moveFocus) t.doc.activeElement = t.el("INPUT");
+  t.tick();
+  return { before, blurs: target.blurs };
+}
+
+const src = (rel) => fs.readFileSync(path.join(ROOT, rel), "utf8");
+const setupOnce = setup();
+
+console.log(
+  JSON.stringify({
+    mouse: run(["pointerdown"]),
+    keyboard: run(["keydown"]),
+    none: run([]),
+    input: run(["pointerdown"], "INPUT"),
+    moved: run(["pointerdown"], "SELECT", true),
+    mouseThenKey: run(["pointerdown", "keydown"]),
+    keyThenMouse: run(["keydown", "pointerdown"]),
+    listeners: setupOnce.listeners.map((l) => [l.type, l.capture]),
+    wiring: {
+      main: /releaseSelectAfterPick\(window\)/.test(src("A00_Common/main.ts")),
+      cad: /releaseSelectAfterPick\(frame\.contentWindow\)/.test(
+        src("ui_template/cad_host/cad_host.ts"),
+      ),
+      popout: /releaseSelectAfterPick\(next\)/.test(
+        src("A00_Common/design/design_profile_popout.ts"),
+      ),
+    },
+  }),
+);
diff --git a/resources/tester/helper_282_1_profile_toolbar.cjs b/resources/tester/helper_282_1_profile_toolbar.cjs
index 932c18225..260f28e3d 100644
--- a/resources/tester/helper_282_1_profile_toolbar.cjs
+++ b/resources/tester/helper_282_1_profile_toolbar.cjs
@@ -134,7 +134,7 @@ const { withToolLead } = load(`${leadSrc}\nexports.withToolLead = withToolLead;`
 
 // ---- 진짜 attachProfilePopout ----
 const { attachProfilePopout } = load(read("A00_Common", "design", "design_profile_popout.ts"), {
-  require: () => ({ showToast() {} }),
+  require: () => ({ showToast() {}, releaseSelectAfterPick() {} }),
   document,
   window,
   getComputedStyle: () => ({ backgroundColor: "" }),
diff --git a/resources/tester/helper_311_panel_folded.cjs b/resources/tester/helper_311_panel_folded.cjs
index 2df9bb2fa..545a7a2f3 100644
--- a/resources/tester/helper_311_panel_folded.cjs
+++ b/resources/tester/helper_311_panel_folded.cjs
@@ -225,7 +225,6 @@ const first = b07.buildDrawingSidePanel(
   undefined,
   false,
   undefined,
-  undefined,
   b07.foldedGroups(fresh),
 );
 out.b07First = groups(first);
@@ -245,7 +244,6 @@ const again = b07.buildDrawingSidePanel(
   undefined,
   false,
   undefined,
-  undefined,
   b07.foldedGroups(host),
 );
 out.b07Redraw = groups(again);
diff --git a/resources/tester/helper_481_2_save_move.cjs b/resources/tester/helper_481_2_save_move.cjs
new file mode 100644
index 000000000..2c30cf863
--- /dev/null
+++ b/resources/tester/helper_481_2_save_move.cjs
@@ -0,0 +1,251 @@
+/* 481-2 B08 · B09 단계 이동 = 저장 성공 뒤 — 진짜 `B08_Quantity_UI_Page.ts` · `B09_Estimation_UI_Shell.ts` 를
+ * 트랜스파일해 가짜 DOM · 가짜 의존 위에서 돌리고 값을 JSON 으로 냄.
+ * 의존은 기록용 가짜 — 지정 안 한 import 는 무엇이든 받아 주는 빈 값(any). */
+const fs = require("fs");
+const path = require("path");
+const ts = require(path.join(__dirname, "..", "..", "config", "node_modules", "typescript"));
+const ROOT = path.join(__dirname, "..", "..");
+
+// 무엇이든 받아 주는 빈 값 — 부르면 또 빈 값 · 펼치면 비어 있음 · 글자로는 ""
+function any() {
+  const store = {};
+  return new Proxy(function () {}, {
+    get(_t, k) {
+      if (k in store) return store[k];
+      if (k === "then") return undefined;
+      if (k === Symbol.iterator) return function* () {};
+      if (k === Symbol.toPrimitive) return () => "";
+      return (store[k] = any());
+    },
+    set(_t, k, v) {
+      store[k] = v;
+      return true;
+    },
+    apply: () => any(),
+    construct: () => any(),
+  });
+}
+
+// 가짜 요소 — isConnected = 뿌리까지 부모 줄이 이어짐
+class Node {
+  constructor(tag = "div") {
+    this.tagName = tag.toUpperCase();
+    this.children = [];
+    this.parent = null;
+    this.dataset = {};
+    this.style = {};
+    this.classList = { add() {}, toggle() {}, remove() {}, contains: () => false };
+  }
+  get isConnected() {
+    let n = this;
+    while (n.parent) n = n.parent;
+    return n.isRoot === true;
+  }
+  append(...kids) {
+    kids.forEach((k) => {
+      if (k instanceof Node) k.parent = this;
+      this.children.push(k);
+    });
+  }
+  replaceChildren(...kids) {
+    this.children.forEach((k) => k instanceof Node && (k.parent = null));
+    this.children = [];
+    this.append(...kids);
+  }
+  setAttribute() {}
+  querySelector() {
+    return null;
+  }
+  querySelectorAll() {
+    return [];
+  }
+  addEventListener() {}
+}
+global.document = { createElement: (tag) => new Node(tag) };
+
+function load(rel, stubs) {
+  let src = fs
+    .readFileSync(path.join(ROOT, rel), "utf8")
+    .replace(/import\.meta\.glob\(/g, "(() => ({}))(");
+  const js = ts.transpileModule(src, {
+    compilerOptions: { module: ts.ModuleKind.CommonJS, target: ts.ScriptTarget.ES2020 },
+  }).outputText;
+  const mod = { exports: {} };
+  const req = (id) => (id in stubs ? stubs[id] : id.endsWith(".css") ? {} : any());
+  new Function("exports", "module", "require", js)(mod.exports, mod, req);
+  return mod.exports;
+}
+const flush = () => new Promise((r) => setTimeout(r, 0));
+
+const calls = [];
+let layoutOpts = null;
+const store = new Map(); // 가짜 세션 캐시 — 이름 → 값
+const common = {
+  "@ui/ui_template_workflow_layout": {
+    createWorkflowLayout: (opts) => {
+      layoutOpts = opts;
+      const root = new Node();
+      root.append(opts.leftPanel, opts.mainContent);
+      return { root };
+    },
+  },
+  "@ui/ui_template_elements": {
+    createButton: (o) => Object.assign(new Node("button"), { onClick: o.onClick }),
+    showToast: (text, kind) => calls.push(`toast:${kind}`),
+    showLoadingOverlay() {},
+    hideLoadingOverlay() {},
+    showConfirmDialog: async () => false,
+  },
+  "@ui/ui_template_locale": { ui_locales: any(), currentLanguageIndex: 0 },
+  "@config/config_frontend": { CURRENT_PROJECT_ID_KEY: "pid", API_BASE_URL: "/api" },
+  "../A00_Common/b_page_scaffold": { workflowSteps: () => [] },
+  "../A00_Common/b_workflow_nav": {
+    WORKFLOW_STEP_ROUTES: ["b03", "b04", "b05", "b06", "b07", "b08", "b09"],
+    goToWorkflowStage: (_p, route) => calls.push(`go:${route}`),
+  },
+  "../A00_Common/b_page_state": {
+    readState: (name) => store.get(name) ?? null,
+    writeState: (name, v) => store.set(name, v),
+    clearState: (name) => store.delete(name),
+  },
+};
+global.localStorage = { getItem: () => "P1" };
+
+async function b08() {
+  let optionsOk = true;
+  let tabOk = true;
+  let registerMaterial = null;
+  let registerHydro = null;
+  const m = load("B08_Quantity/B08_Quantity_UI_Page.ts", {
+    ...common,
+    "./B08_Quantity_UI_Options": {
+      createOptionsPanel: () => ({
+        panel: new Node(),
+        save: async () => (calls.push("save:options"), optionsOk),
+      }),
+    },
+    "./B08_Quantity_UI_Material": {
+      renderMaterialSheet: (_h, _p, _s, onSave) => (registerMaterial = onSave),
+    },
+    "./B08_Quantity_UI_Hydro": { renderHydro: (_h, _p, onSave) => (registerHydro = onSave) },
+  });
+  const root = Object.assign(new Node(), { isRoot: true });
+  m.renderB08Quantity(root);
+  const body = layoutOpts.mainContent;
+  const tabBar = body.children[0];
+  const clickTab = (id) => tabBar.children.find((b) => b.dataset.b08Tab === id).onClick();
+  const step = async (i) => {
+    calls.length = 0;
+    layoutOpts.onStepClick(i);
+    await flush();
+    await flush();
+    return [...calls];
+  };
+  const tabSave = (tag) => async () => (calls.push(`save:${tag}`), tabOk);
+  const out = {};
+  out.summaryOk = await step(6);
+  optionsOk = false;
+  out.optionsFail = await step(6);
+  optionsOk = true;
+  clickTab("material");
+  registerMaterial(tabSave("material"));
+  out.materialOk = await step(4);
+  tabOk = false;
+  out.materialFail = await step(4);
+  optionsOk = false;
+  out.optionsFailSkipsTab = await step(4);
+  optionsOk = true;
+  tabOk = false;
+  clickTab("hydrology");
+  registerHydro(tabSave("hydro"));
+  out.hydroFail = await step(6);
+  clickTab("earthwork"); // 수리 탭 떠남 — 떨어진 탭 저장은 안 부름
+  out.leftTab = await step(6);
+  return out;
+}
+
+async function b09() {
+  let fail = false;
+  global.fetch = async (url, init) => {
+    calls.push(`fetch:${init?.method ?? "GET"}:${url}`);
+    if (fail && init?.method === "PUT") return { ok: false, status: 500, json: async () => ({}) };
+    return { ok: true, status: 200, json: async () => any(), text: async () => "{}" };
+  };
+  const m = load("B09_Estimation/B09_Estimation_UI_Shell.ts", common);
+  calls.length = 0;
+  m.renderB09Estimation(Object.assign(new Node(), { isRoot: true }));
+  const step = async (i) => {
+    calls.length = 0;
+    layoutOpts.onStepClick(i);
+    for (let k = 0; k < 5; k++) await flush();
+    return calls.filter((c) => !c.startsWith("toast"));
+  };
+  const out = {};
+  out.beforeLoad = await (async () => {
+    store.set("b09-estimation", { x: 1 });
+    return step(5); // 불러오기 전 — 저장 없이 이동 · 캐시는 남음
+  })();
+  for (let k = 0; k < 5; k++) await flush(); // GET 응답 반영
+  store.delete("b09-estimation");
+  out.clean = await step(5);
+  store.set("b09-estimation", { x: 1 });
+  fail = true;
+  out.fail = await step(5);
+  fail = false;
+  out.ok = await step(5);
+  return out;
+}
+
+// 진짜 좌측 옵션 `save` — 캐시 없으면 요청 없이 참 · 1본 빈칸 = 거짓 · 요청 실패 = 거짓
+async function options() {
+  let fail = false;
+  const m = load("B08_Quantity/B08_Quantity_UI_Options.ts", {
+    ...common,
+    "@ui/ui_template_elements": {
+      ...common["@ui/ui_template_elements"],
+      createInputField: () => ({ input: new Node("input"), root: new Node() }),
+    },
+    "@ui/ui_template_collapsible": { attachCollapsible() {}, createPanelCard: () => new Node() },
+    "./B08_Quantity_UI_Hydro": {
+      request: async (url, init) => {
+        calls.push(`req:${init?.method ?? "GET"}`);
+        if (fail && init?.method === "PUT") throw new Error("500");
+        return { one_pipe_length_m: 6, rock_ratios_pct: { 연암: 90 }, material_surcharge_pct: {} };
+      },
+    },
+    "./B08_Quantity_UI_Milestone_State": {
+      saveMilestone: async () => calls.push("req:milestone"),
+    },
+  });
+  const panel = m.createOptionsPanel("P1", () => calls.push("redraw"));
+  await flush();
+  const run = async () => {
+    calls.length = 0;
+    const ok = await panel.save();
+    return [ok, calls.filter((c) => !c.startsWith("toast"))];
+  };
+  const out = {};
+  store.clear();
+  out.clean = await run();
+  store.set("b08-options", { soft_rock_pct: 80 });
+  out.changed = await run();
+  out.after = store.has("b08-options");
+  store.set("b08-milestone", { x: 1 });
+  out.milestoneOnly = await run();
+  store.set("b08-options", { one_pipe_length_m: null });
+  out.blankPipe = await run();
+  store.set("b08-options", { soft_rock_pct: 70 });
+  fail = true;
+  out.fail = await run();
+  out.keptOnFail = store.has("b08-options");
+  store.clear();
+  return out;
+}
+
+(async () => {
+  const r = { b08: await b08(), b09: await b09(), options: await options() };
+  console.log(JSON.stringify(r));
+})().catch((e) => {
+  console.error(e && e.stack ? e.stack : e);
+  process.exit(1);
+});
diff --git a/resources/tester/test_121_b08_material_sheets.py b/resources/tester/test_121_b08_material_sheets.py
index e789ec9d1..ef0c22283 100644
--- a/resources/tester/test_121_b08_material_sheets.py
+++ b/resources/tester/test_121_b08_material_sheets.py
@@ -224,7 +224,7 @@ def test_저장은_고친_칸만_서버가_다시_셈(tmp_path, monkeypatch):
 
 def test_화면_연결():
     page = (ROOT / "B08_Quantity" / "B08_Quantity_UI_Page.ts").read_text(encoding="utf-8")
-    assert "renderMaterialSheet(body, projectId, picked)" in page
+    assert "renderMaterialSheet(body, projectId, picked, (save) => onSave(body, save))" in page
     ui = (ROOT / "B08_Quantity" / "B08_Quantity_UI_Material.ts").read_text(encoding="utf-8") + (
         ROOT / "B08_Quantity" / "B08_Quantity_Material_Tables.ts"
     ).read_text(encoding="utf-8")
diff --git a/resources/tester/test_122_b08_options.py b/resources/tester/test_122_b08_options.py
index e063a0454..826e9d6ca 100644
--- a/resources/tester/test_122_b08_options.py
+++ b/resources/tester/test_122_b08_options.py
@@ -138,7 +138,8 @@ def test_라우터_등록_응답_칸():
 def test_좌측_패널_컨테이너_셋과_저장_줄():
     page = (ROOT / "B08_Quantity/B08_Quantity_UI_Page.ts").read_text(encoding="utf-8")
     panel = (ROOT / "B08_Quantity/B08_Quantity_UI_Options.ts").read_text(encoding="utf-8")
-    assert "leftPanel: createOptionsPanel(projectId, () => select(current))" in page
+    assert "createOptionsPanel(projectId, () => select(current))" in page
+    assert "leftPanel: options.panel" in page
     # 160-1 — 메인 탭 차례 = 구조물 집계표 · 자재 · 토공 · 수리 · 카드도 같은 차례(1본 → 집계표 · 할증 → 자재)
     tabs = ("summary", "material", "earthwork", "hydrology", "milestone")  # 244-1 거리이정표
     ids = re.findall(r'\{ id: "(\w+)", label: "B08_Quantity_Tab_', page)
diff --git a/resources/tester/test_130_b07_plan_manage.py b/resources/tester/test_130_b07_plan_manage.py
index ca7023a5d..25d45793a 100644
--- a/resources/tester/test_130_b07_plan_manage.py
+++ b/resources/tester/test_130_b07_plan_manage.py
@@ -36,7 +36,8 @@ def out():
 
 def test_좌측은_장_목록과_관리_단추만(out):
     left = out["left"]
-    assert left["manage"] == 1
+    assert left["manage"] == 1  # 280-5 제목 ⚙ 하나
+    assert left["manageButton"] == 0  # [평면도 관리] 단추 지움
     assert left["sheetButtons"] == ["plan_k_terrain", "plan_k_terrain_2", "plan_k_route"]
     assert left["formFields"] == 0  # 드롭다운 · 이름 칸 · 체크박스 없음
     assert left["remove"] == 0
diff --git a/resources/tester/test_153_1_b07_cross_layout.py b/resources/tester/test_153_1_b07_cross_layout.py
index edc706067..af9d9d6ec 100644
--- a/resources/tester/test_153_1_b07_cross_layout.py
+++ b/resources/tester/test_153_1_b07_cross_layout.py
@@ -2,7 +2,7 @@
 """153-1 B07 횡단 장 배치 칸.
 
 못박는 것
-  - 배치 칸 자리 = 좌측 「횡단도」 묶음 맨 아래(한 번만) — 정보 칸을 다시 그려도 안 사라짐.
+  - 배치 칸 자리 = 「횡단도」 카드 ⚙ 모달(280-5) — 카드엔 ⚙ 하나 · 배치 칸 없음.
   - 공용 입력칸(ui-field__label · ui-input--sm · 1~10) 둘 + 작은 ghost 단추 [이 장] [모든 장].
   - 장이 아니면 [이 장] 꺼짐 · [모든 장]은 됨 · 범위 밖 값 = 알림만.
 
@@ -31,9 +31,11 @@ def out():
     return json.loads(proc.stdout)
 
 
-def test_횡단도_묶음_맨_아래(out):
-    assert out["slotLast"] is True
-    assert out["slotCount"] == 1
+def test_횡단도_카드는_설정_단추만(out):
+    card = out["card"]
+    assert card["gears"] == 1
+    assert card["layoutInCard"] == 0
+    assert card["settings"] == ["cross"]
 
 
 def test_공용_입력칸과_작은_단추(out):
diff --git a/resources/tester/test_180_3_b07_guide_toggle.py b/resources/tester/test_180_3_b07_guide_toggle.py
index abbdef089..a8c0899c2 100644
--- a/resources/tester/test_180_3_b07_guide_toggle.py
+++ b/resources/tester/test_180_3_b07_guide_toggle.py
@@ -68,7 +68,10 @@ def test_페이지_잇기_토스트_거름_장만():
     assert "if (guideShown() && guide?.marks?.length) {" in page  # 숨김 = 넘침 토스트 없음
     assert "cad.setGuideVisible(visible)" in page
     assert "if (!guideShown()) cad.setGuideVisible(false);" in page  # 다시 세운 화면에 이어 줌
-    assert "controls.append(guideToggle);" in page  # 배치 칸 줄 끝
+    # 배치 칸 줄 끝 = ⚙ 횡단 모달(280-5)
+    assert "controls.append(deps.cross.guideToggle);" in _read(
+        B07 / "B07_DesignDetail_UI_Settings.ts"
+    )
     assert "guideToggle.disabled = !isCrossSheet(drawing);" in page  # 장만
     # 단추는 인쇄 칸선(도각 층) · 도면 개체를 건드리지 않음 — 파이썬 쪽 변경 없음
     assert not re.search(
diff --git a/resources/tester/test_212_3_b07_cross_layout_buttons.py b/resources/tester/test_212_3_b07_cross_layout_buttons.py
index 6cc3f02fd..49a303508 100644
--- a/resources/tester/test_212_3_b07_cross_layout_buttons.py
+++ b/resources/tester/test_212_3_b07_cross_layout_buttons.py
@@ -20,7 +20,7 @@ from B07_DesignDetail.B07_DesignDetail_Engine_Template import use_project_templa
 ROOT = Path(__file__).resolve().parents[2]
 CSS = (ROOT / "B07_DesignDetail/B07_DesignDetail_UI_Style.css").read_text(encoding="utf-8")
 PANELS = (ROOT / "B07_DesignDetail/B07_DesignDetail_UI_Panels.ts").read_text(encoding="utf-8")
-PAGE = (ROOT / "B07_DesignDetail/B07_DesignDetail_UI_Page.ts").read_text(encoding="utf-8")
+SETTINGS = (ROOT / "B07_DesignDetail/B07_DesignDetail_UI_Settings.ts").read_text(encoding="utf-8")
 GUIDE = (ROOT / "B07_DesignDetail/openwebcad/src/integration/guide-area.ts").read_text(
     encoding="utf-8"
 )
@@ -59,8 +59,8 @@ def test_한_줄에_한_일_같은_너비():
     assert "row(cols.root, rows.root)" in PANELS
     assert re.search(r"row\(\s*action\(\"이 장\"[^;]*action\(\"모든 장\"", PANELS, re.S)
     assert "box.append(row(scale.root, button));" in PANELS
-    # 안내선 단추 = 배치 칸 맨 아래 한 줄(전체 폭)
-    assert "controls.append(guideToggle);" in PAGE
+    # 안내선 단추 = 배치 칸 맨 아래 한 줄(전체 폭) · ⚙ 횡단 모달(280-5)
+    assert "controls.append(deps.cross.guideToggle);" in SETTINGS
 
 
 def test_남는_검은_선은_인쇄_칸선_지우지_않음():
diff --git a/resources/tester/test_269_panel_form.py b/resources/tester/test_269_panel_form.py
index c2c5cc4b8..aa8d31a3b 100644
--- a/resources/tester/test_269_panel_form.py
+++ b/resources/tester/test_269_panel_form.py
@@ -82,12 +82,14 @@ def test_공용_카드_함수():
 
 
 def test_B07_컨테이너_공용_카드_도면_단추_공용_꼴():
-    assert "createPanelCard(`${group.label} ${items.length}`, isFolded(" in B07_PANELS
-    assert "createPanelCard(`평면도 ${items.length}`, collapsed)" in B07_PLAN
+    assert "createPanelCard(\n      `${group.label} ${items.length}`,\n      isFolded(" in (
+        B07_PANELS.replace("\r\n", "\n")
+    )
+    assert "createPanelCard(`평면도 ${items.length}`, collapsed, onManage)" in B07_PLAN
     for src in (B07_PANELS, B07_PLAN):
         assert "ui-collapsible ui-sidebar-section" not in src  # 손으로 짠 카드 없음
     assert B07_PANELS.count('"b07-drawing-button ui-panel-btn"') == 2
-    assert '"ui-panel-btn b07-plan-manage-open"' in B07_PLAN
+    assert "b07-plan-manage-open" not in B07_PLAN  # 280-5 [평면도 관리] 단추 → 제목 ⚙
 
 
 def test_B07_페이지_덧칠_없음():
diff --git a/resources/tester/test_280_4_fit.py b/resources/tester/test_280_4_fit.py
new file mode 100644
index 000000000..1c2f821cd
--- /dev/null
+++ b/resources/tester/test_280_4_fit.py
@@ -0,0 +1,83 @@
+"""PLAN 483-3(요구 280-4) 「유지」 — 손대지 않은 곡선은 MC 꼴(N+0 · N+10) 그대로 · 손으로 고친 곡선만 고른 간격.
+
+`logic/B05_Profile_RouteEdit_StationFit.ts`(`fitAfter` · `fitDrag` · `offStationCount`)를
+`helper_280_4_fit.cjs` 로 돌림 — 분석 D 재현 2 노선. 파이썬 짝 아님(서버는 저장 IP 그대로).
+"""
+
+from __future__ import annotations
+
+import json
+import subprocess
+from pathlib import Path
+
+import pytest
+
+HERE = Path(__file__).resolve().parent
+ROOT = HERE.parents[1]
+B05 = ROOT / "B05_Profile"
+
+pytestmark = pytest.mark.skipif(
+    not (ROOT / "config" / "node_modules" / "typescript").is_dir(),
+    reason="프론트엔드 의존성 미설치",
+)
+
+
+@pytest.fixture(scope="module")
+def got() -> dict:
+    run = subprocess.run(  # noqa: S603 — 고정 실행 파일
+        ["node", str(HERE / "helper_280_4_fit.cjs")],
+        capture_output=True,
+        text=True,
+        encoding="utf-8",
+        timeout=120,
+    )
+    assert run.returncode == 0, run.stderr
+    return json.loads(run.stdout)
+
+
+def _near(values: list[float], want: list[float]) -> bool:
+    return values == pytest.approx(want, abs=0.05)
+
+
+def test_측점_No_맞춤(got) -> None:
+    assert _near(got["mc"]["s1"], [100, 180, 280, 380, 460])
+
+
+def test_10m_손으로_N_10(got) -> None:
+    assert got["pushed"] is not None
+    assert _near(got["mc"]["s2"], [100, 190, 280, 380, 460])
+
+
+def test_간격만_측점_No_로_바꿔도_남음(got) -> None:
+    assert _near(got["mc"]["s3"], [100, 190, 280, 380, 460])
+
+
+def test_앞_교점_옮긴_뒤에도_남음(got) -> None:
+    assert _near(got["mc"]["s4"], [100, 190, 280, 380, 460])  # 측점 No.
+    assert _near(got["mc"]["s5"], [100, 190, 280, 380, 460])  # 10 m · N+0 곡선은 N+10 으로 안 감
+
+
+def test_기준이_고침을_잼(got) -> None:
+    """before 없이(고치기 전 동작) 같은 편집 = 특별측점 사라짐 → 위 시험이 새 길을 거침."""
+    assert got["mc"]["s7"][1] == pytest.approx(180, abs=0.05)
+
+
+def test_그_곡선을_손으로_밀면_고른_간격(got) -> None:
+    assert _near(got["mc"]["s6"], [100, 200, 280, 380, 460])  # N+0 = 특별측점 없어짐
+
+
+def test_N_10_은_측점_밖이_아님(got) -> None:
+    assert got["off"] == {"s2no": 0, "s2ten": 0, "s4": 0}
+
+
+def test_끄는_중_미리보기_놓을_때_같음(got) -> None:
+    assert got["dragGap"] < 1e-6
+    assert _near(got["previewMc"], [100, 190, 280, 380, 460])
+
+
+def test_편집기_이음() -> None:
+    edit = (B05 / "B05_Profile_UI_RouteEdit.ts").read_text(encoding="utf-8")
+    assert "fit.fitAfter(before, snapshotNow(), fitLimits())" in edit
+    assert "fit.fitDrag(snapshotNow(), base.planned, index, fitLimits(), base)" in edit
+    assert "stationM: stationIntervalM" in edit
+    assert len(edit.splitlines()) <= 695
diff --git a/resources/tester/test_280_5_b07_drawing_scales.py b/resources/tester/test_280_5_b07_drawing_scales.py
new file mode 100644
index 000000000..98c74390b
--- /dev/null
+++ b/resources/tester/test_280_5_b07_drawing_scales.py
@@ -0,0 +1,318 @@
+"""485-1 B07 도면 X · Y 축척(요구 280-5) — 프로젝트마다 `drawing_scales.json`.
+
+값 없음 = 지금 결과 그대로 · 종단 X 바꿈 = 장 수 · 도각 축척 글 · 횡단 X ≠ Y 덧그림 자리 ·
+토적 · 전개도 · 범위 밖 거절 · 바꾼 종류만 저장본 풂.
+"""
+
+import json
+import shutil
+import subprocess
+from pathlib import Path
+
+import pytest
+from fastapi import FastAPI
+from fastapi.testclient import TestClient
+
+from B07_DesignDetail import B07_DesignDetail_Engine_Cad_Development as dev
+from B07_DesignDetail import B07_DesignDetail_Router_Support_Scale as scale_router
+from B07_DesignDetail.B07_DesignDetail_Engine_Cad import build_cross_drawing
+from B07_DesignDetail.B07_DesignDetail_Engine_Cad_Development_Draw import (
+    build_development_drawing,
+)
+from B07_DesignDetail.B07_DesignDetail_Engine_Cad_Long import (
+    build_longitudinal_drawing,
+    longitudinal_chunks,
+)
+from B07_DesignDetail.B07_DesignDetail_Engine_Cad_MassHaul import build_mass_haul_drawing
+from B07_DesignDetail.B07_DesignDetail_Engine_Cad_Sheet import build_cross_sheet, plan_cross_sheets
+from B07_DesignDetail.B07_DesignDetail_Engine_Template import (
+    DRAWING_SCALE_DEFAULTS,
+    drawing_scales_path,
+    entities_bbox,
+    read_drawing_scales,
+    use_project_templates,
+)
+from B07_DesignDetail.B07_DesignDetail_Router_Support_Io import _read_manifest, _write_manifest
+from B07_DesignDetail.B07_DesignDetail_Router_Support_Scale import (
+    checked_scales,
+    saved_counts,
+    write_drawing_scales,
+)
+
+ROOT = Path(__file__).resolve().parents[2]
+FIXTURE = Path(__file__).parent / "fixtures" / "b07_cross_overlay_sections.json"
+NODE_MODULES = ROOT / "config" / "node_modules"
+EXTENT_BUNDLE = ROOT / "config" / "b07_extent_node" / "B07_DesignDetail_Cross_Extent_Node.js"
+
+SOURCE = {
+    "chainage_m": 0.0,
+    "samples": [
+        {"valid": True, "offset_m": float(x), "elevation_m": 100.0 + 0.2 * x}
+        for x in range(-10, 11)
+    ],
+}
+DESIGN_LINE = [
+    {"offset_m": -4.0, "elevation_m": 99.0},
+    {"offset_m": 0.0, "elevation_m": 98.5},
+    {"offset_m": 4.0, "elevation_m": 99.5},
+]
+
+
+@pytest.fixture
+def project(tmp_path: Path):
+    """빈 프로젝트 폴더를 이 요청 프로젝트로 — 끝나면 시스템 양식으로(문맥 변수 새지 않게)."""
+    use_project_templates(tmp_path)
+    yield tmp_path
+    use_project_templates(None)
+
+
+def _set(project: Path, scales: dict) -> None:
+    path = drawing_scales_path(project)
+    path.parent.mkdir(parents=True, exist_ok=True)
+    path.write_text(json.dumps(scales), encoding="utf-8")
+
+
+def _longitudinal(count: int = 66, interval: float = 20.0) -> dict:
+    xs = [index * interval for index in range(count)]
+    return {
+        "samples": [{"valid": True, "chainage_m": x, "elevation_m": 100.0 + 0.05 * x} for x in xs],
+        "stations": [{"chainage_m": x} for x in xs],
+        "design_profiles": [
+            {"samples": [{"chainage_m": x, "elevation_m": 100.5 + 0.05 * x} for x in xs]}
+        ],
+    }
+
+
+def _texts(drawing: dict) -> list[str]:
+    out: list[str] = []
+
+    def walk(entity: dict) -> None:
+        label = (entity.get("shapeData") or {}).get("label")
+        if isinstance(label, str):
+            out.append(label)
+        for child in entity.get("children") or []:
+            walk(child)
+
+    for entity in drawing["entities"]:
+        walk(entity)
+    return out
+
+
+def _ground_xy(drawing: dict) -> list[tuple[float, float]]:
+    ground = next(e for e in drawing["entities"] if e["layerId"] == "b08-ground")
+    return [
+        (child["shapeData"]["startPoint"]["x"], child["shapeData"]["startPoint"]["y"])
+        for child in ground["children"]
+    ]
+
+
+def test_값_없음_기본_그대로(project: Path) -> None:
+    assert read_drawing_scales(project) == DRAWING_SCALE_DEFAULTS
+    assert read_drawing_scales(None) == DRAWING_SCALE_DEFAULTS
+    with_root = build_cross_drawing(SOURCE, "cross_00000m", DESIGN_LINE, None, None, "No.0")
+    longitudinal = _longitudinal()
+    chunks = longitudinal_chunks(longitudinal)
+    use_project_templates(None)
+    without = build_cross_drawing(SOURCE, "cross_00000m", DESIGN_LINE, None, None, "No.0")
+    assert with_root == without
+    assert longitudinal_chunks(longitudinal) == chunks
+    # 깨진 파일 · 어긋난 값 = 기본
+    use_project_templates(project)
+    drawing_scales_path(project).parent.mkdir(parents=True, exist_ok=True)
+    drawing_scales_path(project).write_text("{깨짐", encoding="utf-8")
+    assert read_drawing_scales(project) == DRAWING_SCALE_DEFAULTS
+    _set(project, {"cross": {"x": -5, "y": True}, "longitudinal": "x"})
+    assert read_drawing_scales(project) == DRAWING_SCALE_DEFAULTS
+
+
+def test_종단_X_바꿈_장_수_그림_폭_도각_글(project: Path) -> None:
+    longitudinal = _longitudinal()
+    before = longitudinal_chunks(longitudinal)
+    first = build_longitudinal_drawing(longitudinal, before[0]["id"], before[0])
+    _set(project, {"longitudinal": {"x": 500, "y": 200}})
+    after = longitudinal_chunks(longitudinal)
+    # 1/500 = 1 m 당 2 mm — 한 장에 담는 측점이 줄어 장이 늘어남 · id 도 다시 매김
+    assert len(after) > len(before)
+    assert [c["id"] for c in after] == [f"longitudinal_{n}" for n in range(1, len(after) + 1)]
+    chunk = {**before[0], "id": "probe"}
+    wide = build_longitudinal_drawing(longitudinal, "probe", chunk)
+
+    def width(drawing: dict) -> float:
+        ground = [e for e in drawing["entities"] if e["layerId"] == "b08-ground"]
+        box = entities_bbox(ground)
+        return box[2] - box[0]
+
+    assert width(wide) == pytest.approx(2.0 * width(first))
+    assert any("500(H) · 200(V)" in text for text in _texts(wide))
+    assert any("1000(H) · 200(V)" in text for text in _texts(first))
+
+
+def test_횡단_X_다른_Y_덧그림_자리_도각_글(project: Path) -> None:
+    base = build_cross_drawing(SOURCE, "cross_00000m", DESIGN_LINE, None, None, "No.0")
+    _set(project, {"cross": {"x": 100, "y": 50}})
+    tall = build_cross_drawing(SOURCE, "cross_00000m", DESIGN_LINE, None, None, "No.0")
+    placement = tall["cross_placements"][0]
+    assert (placement["mm_per_m_x"], placement["mm_per_m_y"]) == (10.0, 20.0)
+    assert placement["mm_per_m"] == 10.0  # 옛 칸 = 가로
+    assert base["cross_placements"][0]["mm_per_m_y"] == 10.0
+    (bx0, by0), (bx1, by1) = _ground_xy(base)[0], _ground_xy(base)[-1]
+    (tx0, ty0), (tx1, ty1) = _ground_xy(tall)[0], _ground_xy(tall)[-1]
+    assert tx1 - tx0 == pytest.approx(bx1 - bx0)  # 가로 그대로
+    assert ty1 - ty0 == pytest.approx(2.0 * (by1 - by0))  # 세로 2 배
+    # 덧그림 식 = 서버가 그린 지반점과 같은 자리(TS `placeStructureEntities` 와 같은 식)
+    for sample in SOURCE["samples"][8:13]:  # 그리는 창 안 측점(오프셋 -2 ~ 2 m)
+        x = sample["offset_m"] * placement["mm_per_m_x"] + placement["ox"]
+        y = (sample["elevation_m"] - placement["dy"]) * placement["mm_per_m_y"] + placement["oy"]
+        assert any((x, y) == pytest.approx(point) for point in _ground_xy(tall))
+    sheet = plan_cross_sheets([0.0])[0]
+    section = {"chainage": 0.0, "source": SOURCE, "design_line": DESIGN_LINE, "title": "No.0"}
+    texts = _texts(build_cross_sheet(sheet, [section]))
+    assert any("100(H) · 50(V)" in text for text in texts)
+    _set(project, {"cross": {"x": 200, "y": 200}})
+    texts = _texts(build_cross_sheet(sheet, [section]))
+    assert any(text.strip().endswith("200") and "(H)" not in text for text in texts)
+
+
+def test_덧그림_TS_가_가로_세로_칸을_씀() -> None:
+    overlay = (ROOT / "B07_DesignDetail" / "B07_DesignDetail_Cross_Overlay.ts").read_text(
+        encoding="utf-8"
+    )
+    assert "placement.mm_per_m_x ?? placement.mm_per_m" in overlay
+    assert "placement.mm_per_m_y ?? placement.mm_per_m" in overlay
+    node = (ROOT / "B07_DesignDetail" / "B07_DesignDetail_Cross_Extent_Node.ts").read_text(
+        encoding="utf-8"
+    )
+    assert "input.mm_per_m_x ?? MM_PER_M" in node and "input.mm_per_m_y ?? MM_PER_M" in node
+
+
+@pytest.mark.skipif(
+    shutil.which("node") is None or not EXTENT_BUNDLE.is_file(), reason="node · 번들 없음"
+)
+def test_덧그림_범위_Node_축척을_받음(tmp_path: Path) -> None:
+    detail = json.loads(FIXTURE.read_text(encoding="utf-8"))
+
+    def extents(mm_x: float, mm_y: float) -> dict:
+        source, target = tmp_path / "in.json", tmp_path / "out.json"
+        payload = {"detail": detail, "mm_per_m_x": mm_x, "mm_per_m_y": mm_y}
+        source.write_text(json.dumps(payload), encoding="utf-8")
+        subprocess.run(["node", str(EXTENT_BUNDLE), str(source), str(target)], check=True)
+        rows = json.loads(target.read_text(encoding="utf-8"))["extents"]
+        return {row["chainage_m"]: row for row in rows}
+
+    base, tall = extents(10.0, 10.0), extents(10.0, 20.0)
+    assert base and base.keys() == tall.keys()
+    for chainage, row in base.items():
+        # 가로 축척 같음 = 가로 범위(m) 같음 · 세로 축척만 바뀜
+        assert tall[chainage]["x_min"] == pytest.approx(row["x_min"])
+        assert tall[chainage]["x_max"] == pytest.approx(row["x_max"])
+
+
+LONGITUDINAL = {"stations": [{"chainage_m": x} for x in (0.0, 20.0, 40.0)]}
+MASS_HAUL = {
+    "points": [
+        {"chainage_m": 0.0, "cumulative_volume_m3": 0.0},
+        {"chainage_m": 20.0, "cumulative_volume_m3": 1000.0},
+        {"chainage_m": 40.0, "cumulative_volume_m3": 400.0},
+    ]
+}
+
+
+def test_토적_가로_세로(project: Path) -> None:
+    auto = build_mass_haul_drawing(LONGITUDINAL, MASS_HAUL, "mass_haul")
+    assert "SCALE  H=1:500  V=1:50,000" in _texts(auto)  # 40 m = 자동 1/500
+    _set(project, {"mass_haul": {"x": 1000, "y": 100000}})
+    fixed = build_mass_haul_drawing(LONGITUDINAL, MASS_HAUL, "mass_haul")
+    assert "SCALE  H=1:1,000  V=1:100,000" in _texts(fixed)
+    curve = next(e for e in fixed["entities"] if e["layerId"] == "b08-masshaul-curve")
+    end = curve["children"][0]["shapeData"]["endPoint"]
+    assert (end["x"], end["y"]) == pytest.approx((20.0, 10.0))  # 20 m · 1,000 ㎥ / 100 ㎥/mm
+
+
+def test_전개도_가로_세로(project: Path) -> None:
+    rows = [dev._row("soil", "돌망태", i * 20.0, i * 20.0 + 6, 2.0, str(i)) for i in range(3)]
+    sheet = dev.development_sheets(rows)[0]
+    auto = build_development_drawing(sheet["id"], sheet, 20.0)
+    assert any(text.startswith("S=1:") for text in _texts(auto))
+    _set(project, {"development": {"x": 200, "y": 100}})
+    fixed = build_development_drawing(sheet["id"], sheet, 20.0)
+    assert "H=1:200  V=1:100" in _texts(fixed)
+    boxes = [e for e in fixed["entities"] if e["layerId"] == "b07-dev-box"]
+    box = entities_bbox(boxes[:1])
+    assert (box[2] - box[0], box[3] - box[1]) == pytest.approx((6 * 5.0, 2.0 * 10.0))
+    assert any("200(H) · 100(V)" in text for text in _texts(fixed))
+
+
+def test_범위_검사() -> None:
+    assert checked_scales({"cross": {"x": 100, "y": None}}) == {"cross": {"x": 100, "y": None}}
+    for bad in (
+        {"plan": {"x": 500}},
+        {"standard": {"x": 50}},
+        {"cross": {"x": 5}},
+        {"cross": {"x": 2000}},
+        {"longitudinal": {"x": 500.5}},
+        {"longitudinal": {"x": True}},
+        {"longitudinal": {"x": "500"}},
+        {"cross": 100},
+        [],
+    ):
+        with pytest.raises(ValueError):
+            checked_scales(bad)
+
+
+def test_바꾼_종류만_저장본_풂(project: Path) -> None:
+    _write_manifest(
+        project,
+        {
+            "drawings": {
+                "longitudinal_1": {"kind": "longitudinal", "confirmed": True},
+                "longitudinal_2": {"kind": "longitudinal", "confirmed": True},
+                "cross_00020m": {"kind": "cross", "confirmed": True},
+                "mass_haul": {"kind": "mass_haul", "confirmed": True},
+                "cover": {"kind": "cover", "confirmed": True},
+            }
+        },
+    )
+    assert saved_counts(project) == {
+        "longitudinal": 2,
+        "cross": 1,
+        "mass_haul": 1,
+        "development": 0,
+    }
+    # 기본과 같은 값 = 바뀐 것 없음 = 안 풂
+    assert write_drawing_scales(project, project / "none.json", {"cross": {"x": 100}}) == ({}, [])
+    invalidated, stale = write_drawing_scales(
+        project, project / "none.json", {"longitudinal": {"x": 500, "y": None}}
+    )
+    assert (invalidated, stale) == ({"longitudinal": 2}, [])
+    drawings = _read_manifest(project)["drawings"]
+    assert not drawings["longitudinal_1"]["confirmed"]
+    assert drawings["cross_00020m"]["confirmed"] and drawings["cover"]["confirmed"]
+    assert read_drawing_scales(project)["longitudinal"] == {"x": 500, "y": 200}
+    # 보낸 종류만 바뀜 — 앞서 쓴 종단은 남음 · 횡단 = 측점 설계 잠정 몫
+    invalidated, stale = write_drawing_scales(
+        project, project / "none.json", {"cross": {"x": 100, "y": 50}}
+    )
+    assert (invalidated, stale) == ({"cross": 1}, [20])
+    assert read_drawing_scales(project)["longitudinal"]["x"] == 500
+
+
+def test_GET_PUT_범위_밖_400(project: Path, monkeypatch: pytest.MonkeyPatch) -> None:
+    async def source(_project_id):
+        return 1, project, project / "none.json", False
+
+    monkeypatch.setattr(scale_router, "_confirmed_source", source)
+    app = FastAPI()
+    app.include_router(scale_router.router)
+    client = TestClient(app)
+    url = "/api/projects/9872e9a7-e483-427b-a6b2-72cdbc063bc3/drawing-scales"
+    got = client.get(url).json()
+    assert got["scales"] == DRAWING_SCALE_DEFAULTS
+    assert got["ranges"]["cross"]["x"] == [10, 1000]
+    assert got["saved"] == {"longitudinal": 0, "cross": 0, "mass_haul": 0, "development": 0}
+    bad = client.put(url, json={"scales": {"cross": {"x": 5}}})
+    assert bad.status_code == 400 and "1/10~1/1,000" in bad.json()["message"]
+    assert not drawing_scales_path(project).exists()  # 거절 = 안 씀
+    put = client.put(url, json={"scales": {"longitudinal": {"x": 500, "y": 200}}})
+    assert put.status_code == 200
+    assert put.json()["scales"]["longitudinal"] == {"x": 500, "y": 200}
+    assert put.json()["invalidated"] == {}
diff --git a/resources/tester/test_280_5_b07_settings.py b/resources/tester/test_280_5_b07_settings.py
new file mode 100644
index 000000000..7ff3cc559
--- /dev/null
+++ b/resources/tester/test_280_5_b07_settings.py
@@ -0,0 +1,218 @@
+# -*- coding: utf-8 -*-
+"""280-5 · 280-6 · 281 B07 좌측 ⚙ 설정 · 확정 단추 지움 · 저장 후 이동.
+
+못박는 것
+  - ⚙ = 카드 제목(평면도 · 횡단도 · 구조물 · 전개도) · 한 장 단추 안(종단 1장 · 토적) · 표지 없음.
+  - ⚙ 누름 = 카드 접힘 그대로 · 도면 안 엶(Enter 도) · 제목 누름 · 단추 누름은 그대로.
+  - 모달 — 횡단 = 배치 칸(지금 장 값) + 표 배율 + 안내선 · 평면도 = 평면도 관리 모달 · 구조물 = 축척 없음 줄 ·
+    머리 [원본에서 다시 그리기] = 그 묶음 도면을 연 때만 켬(표준 횡단면도 = 횡단 묶음).
+  - 저장 묶음 — 고친 탭(●) + 지금 탭만 confirm · 고친 것 없으면 요청 0 · 실패 / 도각 편집 = 거짓(머묾) ·
+    원본 되돌림 = 물음 → invalidate → 다시 실음 · [취소] = 그대로.
+  - 페이지 — [현재 도면 확정] · [수정] · 자동 B08 이동 · 「모든 횡단 확정」 잠금 없음 · 읽기 전용 안 묶음 ·
+    ☰ · 단계 판 · [<] [>] = 저장 → (B08 · B09) 단계 4 완료 → 이동 · 탭 줄 겹판.
+  - 서버 `design-drawings-complete` = 단계 4 완료.
+
+Node 헬퍼 `helper_280_5_b07_settings.cjs` 가 화면 그릇 흉내로 돌림.
+"""
+
+from __future__ import annotations
+
+import asyncio
+import json
+import os
+import re
+import subprocess
+from pathlib import Path
+from uuid import UUID
+
+import pytest
+
+import B07_DesignDetail.B07_DesignDetail_Router as router
+
+HERE = os.path.dirname(os.path.abspath(__file__))
+ROOT = Path(HERE).parents[1]
+B07 = ROOT / "B07_DesignDetail"
+
+
+def _read(path: Path) -> str:
+    return path.read_text(encoding="utf-8").replace("\r\n", "\n")
+
+
+@pytest.fixture(scope="module")
+def out():
+    proc = subprocess.run(
+        ["node", os.path.join(HERE, "helper_280_5_b07_settings.cjs")],
+        capture_output=True,
+        text=True,
+        encoding="utf-8",
+        timeout=60,
+    )
+    assert proc.returncode == 0, proc.stderr
+    return json.loads(proc.stdout)
+
+
+def test_설정_단추_자리(out):
+    assert out["cardGears"] == ["plan", "cross", "structure", "development"]
+    assert out["cardGearInTitle"] is True
+    assert out["buttonGears"] == ["longitudinal", "mass_haul"]
+    assert out["buttonGearRole"] == [["SPAN", "button", 0]] * 2  # 단추 안 단추 금지
+    assert out["coverGear"] == 0
+
+
+def test_설정_누름은_접힘_도면_열기_안_일으킴(out):
+    assert out["collapsedSame"] is True
+    assert out["selectedAfterGear"] == []
+    assert out["enterStops"] is True
+    assert out["settingsCalls"] == [
+        "plan",
+        "cross",
+        "structure",
+        "development",
+        "longitudinal",
+        "mass_haul",
+    ]
+    assert out["titleClickToggles"] is True and out["buttonClickOpens"] is True
+
+
+def test_횡단_모달은_배치_칸_표_배율_안내선(out):
+    cross = out["crossModal"]
+    assert cross["title"] == "횡단도 설정"
+    assert cross["labels"] == ["배치 열", "행", "표 배율"]
+    assert cross["values"] == ["3", "2", "1.2"]  # 지금 장(1장) 값 · 표 배율
+    assert [b[0] for b in cross["buttons"]] == ["이 장", "모든 장", "배율 적용", "안내선 숨기기"]
+    assert cross["guideLast"] is True
+    assert cross["head"] == [["원본에서 다시 그리기", False]]
+    assert cross["notes"] == ["지금 도면: cross_s1"]
+    saved = out["crossSave"]
+    assert saved["closed"] is True
+    assert saved["saved"] == [[{"default": [4, 4], "sheets": {"1": [2, 2]}, "table_scale": 1.2}, 1]]
+
+
+def test_구조물_종단_평면도_모달(out):
+    structure = out["structureModal"]
+    assert structure["title"] == "구조물 도면 설정"
+    assert structure["notes"] == ["M02 그림 — 축척 없음"]
+    assert structure["head"][0][1] is True  # 다른 묶음 도면을 연 중 = 꺼짐
+    assert out["longModal"] == {"title": "종단도 설정", "bodyKids": 0}  # 축척 칸은 485-2
+    assert out["planModal"] == {"viaManager": True, "head": [["원본에서 다시 그리기", False]]}
+    assert out["planRedraw"] == {"redraws": 1, "closed": True}
+    assert out["standardInCross"] is True
+
+
+def test_저장은_고친_탭만_실패면_머묾(out):
+    assert out["noEdits"] == {"ok": True, "calls": []}
+    saved = out["saveEdited"]
+    assert saved["ok"] is True
+    assert saved["confirms"] == [
+        ["confirm", "cross_s1", "live", {"q": 1}],  # 지금 탭 = CAD 에서 · 수량표 같이
+        ["confirm", "longitudinal", "stash", None],  # 다른 고친 탭 = 받아 둔 편집본
+    ]
+    assert saved["clean"] == [False, False, False]
+    assert sorted(saved["confirmed"]) == [
+        "cross_s1",
+        "longitudinal",
+    ]  # 안 고친 mass_haul 은 안 보냄
+    assert out["saveFail"] == {"ok": False, "toasts": ["error"]}
+    assert out["frameEditing"] == {"ok": False, "calls": 0}
+
+
+def test_원본에서_다시_그리기(out):
+    assert out["redrawable"] is True
+    assert out["redraw"] == {
+        "ok": True,
+        "calls": ["ask", "invalidate", "forget", "reload"],
+        "confirmed": False,
+    }
+    assert out["pristine"] is False  # 원본 그대로 = 꺼짐
+    assert out["redrawCancel"] == {"ok": False, "invalidates": 0}
+
+
+def test_페이지_확정_단추_잠금_자동이동_없음():
+    page = _read(B07 / "B07_DesignDetail_UI_Page.ts")
+    for gone in (
+        "현재 도면 확정",
+        '"수정"',
+        "all_confirmed",
+        "allDrawingsConfirmed",
+        "confirmDesignDrawing",
+        "invalidateDesignDrawing",
+        "crossLayoutSlot",
+    ):
+        assert gone not in page, gone
+    assert "confirmed: false, // 잠금 없음(요구 281)" in page
+    assert "actionRow.append(frameEditor.button);" in page
+    assert "onStepClick: (stepIndex) => void moveToStage(stepIndex)," in page
+    move = page[
+        page.index("const moveToStage = async") : page.index("const layout = createWorkflowLayout")
+    ]
+    assert move.index("saveEditedDrawings(store)") < move.index("completeDesignStage(projectId)")
+    assert move.index("completeDesignStage(projectId)") < move.index("goToWorkflowStage(")
+    assert "if (stepIndex > 4 && drawings.length > 0)" in move
+    assert "currentStage: 5," in page
+    assert len(page.splitlines()) <= 700
+
+
+def test_탭_줄_겹판_약속():
+    page = _read(B07 / "B07_DesignDetail_UI_Page.ts")
+    assert 'cad.element.style.getPropertyValue("--cad-tab-slot-left") !== ""' in page
+    assert "if (slotted) cad.element.append(tabs.element);" in page
+    assert "else cadStack.prepend(tabs.element);" in page
+    css = _read(B07 / "B07_DesignDetail_UI_Style.css")
+    block = css[css.index(".b07-cad-stack .cad-host > .cad-tabs {") :]
+    block = block[: block.index("}")]
+    assert "right: var(--cad-tab-slot-right, 0px);" in block
+    assert "left: var(--cad-tab-slot-left, 0px);" in block
+    assert re.search(r"height:\s*26px", block)
+
+
+class _Cursor:
+    async def __aenter__(self) -> _Cursor:
+        return self
+
+    async def __aexit__(self, *_: object) -> bool:
+        return False
+
+
+class _Connection:
+    async def begin(self) -> None: ...
+
+    async def commit(self) -> None: ...
+
+    async def rollback(self) -> None: ...
+
+    def cursor(self) -> _Cursor:
+        return _Cursor()
+
+
+class _Acquire:
+    async def __aenter__(self) -> _Connection:
+        return _Connection()
+
+    async def __aexit__(self, *_: object) -> bool:
+        return False
+
+
+def test_서버_단계_완료(monkeypatch, tmp_path: Path) -> None:
+    stages: list[tuple[str, int]] = []
+
+    async def source(_project_id: UUID) -> tuple[int, Path, Path, bool]:
+        return 1, tmp_path, tmp_path / "longitudinal.json", True
+
+    async def complete(_cursor: object, project_id: str, stage_no: int) -> None:
+        stages.append((project_id, stage_no))
+
+    monkeypatch.setattr(router, "_confirmed_source", source)
+    monkeypatch.setattr(router, "complete_stage", complete)
+    monkeypatch.setattr(
+        router, "get_db_pool", lambda: type("P", (), {"acquire": lambda self: _Acquire()})()
+    )
+    project = UUID("8b98ca75-c572-4002-8468-2adae4323414")
+    result = asyncio.run(router.complete_design_stage(project))
+    assert result == {"status": "success", "project_id": str(project)}
+    assert stages == [(str(project), 4)]
+
+    async def blocked(_project_id: UUID) -> tuple[int, Path, Path, bool]:
+        raise PermissionError("B06 종·횡단 확정 후 상세 설계를 진행할 수 있습니다.")
+
+    monkeypatch.setattr(router, "_confirmed_source", blocked)
+    assert asyncio.run(router.complete_design_stage(project)).status_code == 409
diff --git a/resources/tester/test_280_6_select_release.py b/resources/tester/test_280_6_select_release.py
new file mode 100644
index 000000000..e7ee17a5e
--- /dev/null
+++ b/resources/tester/test_280_6_select_release.py
@@ -0,0 +1,48 @@
+# -*- coding: utf-8 -*-
+"""280-6 드롭다운 — 마우스로 고르면 한 박자 뒤 초점 뺌 · 키보드로 고르면 그대로 · 부르는 자리 셋.
+
+Node 헬퍼(`helper_280_6_select_release.cjs`)가 `ui_template/ui_template_native_menu.ts` 를 트랜스파일해
+가짜 창 · 가짜 select · 가짜 타이머로 돌리고, 여기서 값을 판정함.
+"""
+
+import json
+import os
+import subprocess
+
+import pytest
+
+HERE = os.path.dirname(os.path.abspath(__file__))
+
+
+@pytest.fixture(scope="module")
+def r():
+    proc = subprocess.run(
+        ["node", os.path.join(HERE, "helper_280_6_select_release.cjs")],
+        capture_output=True,
+        text=True,
+        encoding="utf-8",
+        timeout=60,
+    )
+    assert proc.returncode == 0, proc.stderr
+    return json.loads(proc.stdout)
+
+
+def test_마우스로_고르면_한_박자_뒤_초점_뺌(r):
+    assert r["mouse"] == {"before": 0, "blurs": 1}
+    assert r["keyThenMouse"]["blurs"] == 1
+    assert r["none"]["blurs"] == 1  # 입력 없이 온 change(스크립트 · 손가락)도 뺌
+
+
+def test_키보드로_고르면_초점_남음(r):
+    assert r["keyboard"]["blurs"] == 0
+    assert r["mouseThenKey"]["blurs"] == 0  # 마우스로 펼친 뒤 ↑↓ + Enter
+
+
+def test_select_밖_이미_옮긴_초점은_안_건드림(r):
+    assert r["input"]["blurs"] == 0
+    assert r["moved"]["blurs"] == 0
+
+
+def test_창_캡처_듣기와_부르는_자리_셋(r):
+    assert sorted(r["listeners"]) == [["change", True], ["keydown", True], ["pointerdown", True]]
+    assert r["wiring"] == {"main": True, "cad": True, "popout": True}
diff --git a/resources/tester/test_311_panel_folded.py b/resources/tester/test_311_panel_folded.py
index 030526eaf..35528886e 100644
--- a/resources/tester/test_311_panel_folded.py
+++ b/resources/tester/test_311_panel_folded.py
@@ -89,7 +89,7 @@ def test_B07_다시_세우기는_옛_목록을_기다리기_전에_읽음():
     page = _read("B07_DesignDetail/B07_DesignDetail_UI_Page.ts")
     body = page[page.index("export async function renderB07DesignDetail(") :]
     assert body.index("const folded = foldedGroups(root);") < body.index("await ")
-    assert "crossLayoutSlot,\n    folded,\n  );" in body.replace("\r\n", "\n")
+    assert "projectId ? openSettings : undefined,\n    folded,\n  );" in body.replace("\r\n", "\n")
 
 
 def test_B07_첫_장은_표지_기억_있으면_그_장():
@@ -112,9 +112,9 @@ def test_B09_기본_접힘_좌측은_한_번만_세움():
 
 
 def test_389_3_공용_카드_기본값_닫힘_그_밖_자리():
-    assert "createPanelCard(title: string, collapsed = true)" in _read(
+    assert "  title: string,\n  collapsed = true,\n  onSettings?: () => void," in _read(
         "ui_template/ui_template_collapsible.ts"
-    )
+    ).replace("\r\n", "\n")
     assert "collapsed = true,\n): { root: HTMLElement; body: HTMLElement }" in _read(
         "A00_Common/design/design_panel.ts"
     ).replace("\r\n", "\n")
diff --git a/resources/tester/test_366_3_station_fit.py b/resources/tester/test_366_3_station_fit.py
index 9ee08198f..0154535bc 100644
--- a/resources/tester/test_366_3_station_fit.py
+++ b/resources/tester/test_366_3_station_fit.py
@@ -89,7 +89,7 @@ def test_시작_자리는_고친_꺾임점_앞(got) -> None:
 
 def test_편집기_이음() -> None:
     edit = (B05 / "B05_Profile_UI_RouteEdit.ts").read_text("utf-8")
-    assert "fitCurveStations(" in edit
+    assert "fit.fitAfter(before, snapshotNow(), fitLimits())" in edit  # 280-4
     # 되돌리기 · 추천 [적용] · 초안 되살림이 지나는 restoreSnapshot 은 안 맞춤
     at = edit.index("function restoreSnapshot(")
     assert "applyEdit(message, record, false);" in edit[at : at + 700]
diff --git a/resources/tester/test_390_5_snap_step_ops.py b/resources/tester/test_390_5_snap_step_ops.py
index c3b7f2bc9..8baffd77c 100644
--- a/resources/tester/test_390_5_snap_step_ops.py
+++ b/resources/tester/test_390_5_snap_step_ops.py
@@ -117,7 +117,7 @@ def test_끌기_방향키_편집기_이음() -> None:
     edit = (B05 / "B05_Profile_UI_RouteEdit.ts").read_text(encoding="utf-8")
     assert "params.fitDrag(index)" in pointer and "fitPreview(after.planned, node);" in pointer
     assert "params.fitDrag(now.index)" in keys and "params.snapStepM()" in keys
-    assert "fit.fitDrag(snapshotNow(), base, index, fitLimits())" in edit
+    assert "fit.fitDrag(snapshotNow(), base.planned, index, fitLimits(), base)" in edit
     # 하한 검사는 맞추기 전 노선으로(맞춤이 IP 를 ±간격/2 밀어 10 m · 측점 No. 에서 헛걸림)
     assert "dragRaw.forEach((vertex, index) => (state.planned[index] = vertex))" in pointer
     assert "now.raw.forEach((vertex, index) => (state.planned[index] = vertex))" in keys
diff --git a/resources/tester/test_481_2_save_move.py b/resources/tester/test_481_2_save_move.py
new file mode 100644
index 000000000..6834b36a6
--- /dev/null
+++ b/resources/tester/test_481_2_save_move.py
@@ -0,0 +1,81 @@
+# -*- coding: utf-8 -*-
+"""481-2 B08 · B09 단계 이동(☰ · 진행 단계 · [<] [>]) = 보이는 화면 저장 성공 뒤 · 실패면 머묾.
+
+`helper_481_2_save_move.cjs` 가 진짜 `B08_Quantity_UI_Page.ts` · `B08_Quantity_UI_Options.ts` ·
+`B09_Estimation_UI_Shell.ts` 를 가짜 DOM · 가짜 의존 위에서 돌림.
+"""
+
+import json
+import os
+import re
+import subprocess
+from pathlib import Path
+
+import pytest
+
+ROOT = Path(__file__).resolve().parents[2]
+HERE = os.path.dirname(os.path.abspath(__file__))
+
+
+@pytest.fixture(scope="module")
+def r():
+    proc = subprocess.run(
+        ["node", os.path.join(HERE, "helper_481_2_save_move.cjs")],
+        capture_output=True,
+        text=True,
+        encoding="utf-8",
+        timeout=60,
+    )
+    assert proc.returncode == 0, proc.stderr
+    return json.loads(proc.stdout)
+
+
+def test_B08_저장_성공_뒤_이동_왼쪽_다음_지금_탭(r):
+    b = r["b08"]
+    assert b["summaryOk"] == ["save:options", "go:b09"]
+    assert b["materialOk"] == ["save:options", "save:material", "go:b07"]
+
+
+def test_B08_저장_실패면_머묾(r):
+    b = r["b08"]
+    assert b["optionsFail"] == ["save:options"]
+    assert b["materialFail"] == ["save:options", "save:material"]
+    assert b["optionsFailSkipsTab"] == ["save:options"]
+    assert b["hydroFail"] == ["save:options", "save:hydro"]
+
+
+def test_B08_떠난_탭은_저장_안_부름(r):
+    assert r["b08"]["leftTab"] == ["save:options", "go:b09"]
+
+
+def test_B08_좌측_옵션_save(r):
+    o = r["options"]
+    assert o["clean"] == [True, []]  # 고침 없음 = 요청 없이 참
+    assert o["changed"] == [True, ["req:PUT", "req:milestone", "redraw"]]
+    assert o["after"] is False
+    assert o["milestoneOnly"][0] is True and "req:PUT" in o["milestoneOnly"][1]
+    assert o["blankPipe"] == [False, []]  # 1본 빈칸 = 머묾
+    assert o["fail"] == [False, ["req:PUT"]]
+    assert o["keptOnFail"] is True
+
+
+def test_B09_고친_값_저장_성공_뒤_이동(r):
+    b = r["b09"]
+    assert b["beforeLoad"] == ["go:b08"]  # 불러오기 전 = 저장 없이(캐시 남음)
+    assert b["clean"] == ["go:b08"]  # 고침 없음 = 요청 없이
+    assert b["fail"] == ["fetch:PUT:/api/projects/P1/estimation"]  # 실패 = 머묾
+    assert b["ok"] == ["fetch:PUT:/api/projects/P1/estimation", "go:b08"]
+
+
+def test_자재_수리_탭_저장_등록():
+    material = (ROOT / "B08_Quantity/B08_Quantity_UI_Material.ts").read_text(encoding="utf-8")
+    hydro = (ROOT / "B08_Quantity/B08_Quantity_UI_Hydro.ts").read_text(encoding="utf-8")
+    assert re.search(
+        r'onSave\?\.\(async \(\) => !readState\("b08-materials", projectId\) \|\| saveAll\(\)\)',
+        material,
+    )
+    assert re.search(
+        r"onSave\?\.\(async \(\) => !Object\.keys\(drafts\)\.length \|\| saveAll\(\)\)", hydro
+    )
+    for src in (material, hydro):
+        assert "const saveAll = async (): Promise<boolean>" in src
diff --git a/resources/tester/test_b07_dxf_clip.py b/resources/tester/test_b07_dxf_clip.py
index 69f419dc4..4cbcfb83a 100644
--- a/resources/tester/test_b07_dxf_clip.py
+++ b/resources/tester/test_b07_dxf_clip.py
@@ -5,7 +5,14 @@ from pathlib import Path
 from fastapi import FastAPI
 from fastapi.testclient import TestClient
 
-from B07_DesignDetail.B07_DesignDetail_Engine_Frame_Import import dxf_text_to_entities
+import io
+
+import ezdxf
+
+from B07_DesignDetail.B07_DesignDetail_Engine_Frame_Import import (
+    dxf_text_to_entities,
+    import_frame_file,
+)
 from B07_DesignDetail.B07_DesignDetail_Router_Frame import router
 
 SAMPLE = Path("resources/tester/fixtures/b07_webclip_sample.dxf").read_text(encoding="utf-8")
@@ -30,6 +37,23 @@ def test_engine_keeps_layer_names_and_shapes():
     assert line["shapeData"]["endPoint"] == {"x": 100.0, "y": 0.0}  # 원좌표 그대로
 
 
+def test_bylayer_color_is_layer_color():
+    """488 — BYLAYER 도형 = 레이어 색(B07 붙이기 · M02 불러오기 같은 길) · 제 색은 그대로."""
+    document = ezdxf.new()
+    document.layers.add("빨강", color=1)
+    space = document.modelspace()
+    space.add_line((0, 0), (10, 0), dxfattribs={"layer": "빨강"})  # 색 = BYLAYER(256)
+    space.add_line((0, 5), (10, 5), dxfattribs={"layer": "빨강", "color": 3})
+    buffer = io.StringIO()
+    document.write(buffer)
+    text = buffer.getvalue()
+    for entities in (
+        dxf_text_to_entities(text)[0],
+        import_frame_file("a.dxf", text.encode("utf-8")),
+    ):
+        assert [entity["lineColor"] for entity in entities] == ["#ff0000", "#00ff00"]
+
+
 def test_route_returns_entities():
     response = client.post("/api/projects/dxf-clip", json={"text": SAMPLE})
     assert response.status_code == 200
diff --git a/resources/tester/test_cad_host_tabs.py b/resources/tester/test_cad_host_tabs.py
index 86e912add..92ea8e8a0 100644
--- a/resources/tester/test_cad_host_tabs.py
+++ b/resources/tester/test_cad_host_tabs.py
@@ -218,7 +218,26 @@ def test_B07_목록에서_연_도면이_탭_미저장_편집_지킴():
     assert "tab.dirty ? tab.drawing : undefined" in page  # 돌아오면 받아 둔 편집본
     assert "cadDirty = !!stash;" in page and "cad.load(stash ?? response.drawing" in page
     assert "if (!cadDirty && !tabs.anyDirty()) return true;" in page
-    assert "void openTab(drawings[target]);" in page  # 이전 · 다음 = 그 도면 탭
+
+
+def test_CAD_머리줄_없음_탭줄_빈자리_변수():
+    """요구 280-6 — 제목줄 · 하단 도면 칸(‹ ›) 지움 · ↶ ↷ = 리본 탭 줄 · 빈 자리를 부모 탭 줄 자리로 적음."""
+    src = ROOT / "B07_DesignDetail/openwebcad/src"
+    ribbon = (src / "ribbon/Ribbon.tsx").read_text("utf-8")
+    quick = (src / "components/QuickAccessBar.tsx").read_text("utf-8")
+    css = (src / "App.css").read_text("utf-8")
+    assert '<span ref={slotRef} className="cad-ribbon-tabs__slot" />' in ribbon
+    assert ribbon.index("cad-ribbon-tabs__slot") < ribbon.index("<QuickAccessBar />")
+    assert "'--cad-tab-slot-left', `${Math.round(s.left)}px`" in ribbon
+    assert "'--cad-tab-slot-right', `${Math.round(window.innerWidth - s.right)}px`" in ribbon
+    assert "hidden={QUICK_ACCESS_HIDDEN.includes(id)}" in quick and "cad-titlebar" not in quick
+    assert "QUICK_ACCESS_HIDDEN: string[] = ['QSAVE', 'EXPORT']" in (
+        src / "ribbon/ribbon.config.ts"
+    ).read_text("utf-8")
+    assert "--cad-title-height: 0px;" in css and ".cad-titlebar" not in css
+    assert ".cad-qtable" not in css and not (src / "components/QuantityPanel.tsx").exists()
+    assert "QuantityPanel" not in (src / "App.tsx").read_text("utf-8")
+    assert "html .cad-ribbon-tabs {" in (src / "integration/host-burger.css").read_text("utf-8")
 
 
 def test_여러_장_문서_장_도번_백업_칸(got):
diff --git a/resources/tester/test_cad_touch.py b/resources/tester/test_cad_touch.py
index 8249943bf..b682dea34 100644
--- a/resources/tester/test_cad_touch.py
+++ b/resources/tester/test_cad_touch.py
@@ -1,14 +1,16 @@
 """B07 CAD 손가락(PLAN_기기대응 4-1 · `openwebcad/src/inputController/input-touch.ts`) — 빌드된 CAD 화면.
 
-① 손가락 기기 = 명령 단추 6개(44px) · 마우스 기기 = 안 보임 ② 확대 막기(user-scalable=no) 없음
+① 자판 없는 기기(hover:none · pointer:coarse) = 명령 단추 6개(44px) · 마우스 · 터치 노트북 = 안 보임(요구 280-6)
+② 확대 막기(user-scalable=no) 없음
 ③ 캔버스 touch-action none · 두 손가락 벌림 · 한 손가락 끌기가 페이지를 확대 · 밀지 않음(페이지 오류 0)
 """
 
+import os
 import urllib.request
 
 import pytest
 
-URL = "http://localhost:5174/b07-cad/"
+URL = os.environ.get("CAD_TOUCH_URL", "http://localhost:5174/b07-cad/")
 
 
 def _up() -> bool:
@@ -42,7 +44,12 @@ def test_cad_touch_bar_and_gestures():
             mouse.evaluate("getComputedStyle(document.querySelector('.cad-touch-bar')).display")
             == "none"
         )
-
+        # 터치 노트북(any-pointer: coarse · 주 입력 마우스) — 단추는 hover:none 일 때만(에뮬은 터치 노트북을 못 꾸밈)
+        media = mouse.evaluate(
+            "[...document.styleSheets].flatMap(s => [...s.cssRules]).filter(r => r.media"
+            " && [...r.cssRules].some(c => c.selectorText === '.cad-touch-bar')).map(r => r.media.mediaText)"
+        )
+        assert media == ["(hover: none) and (pointer: coarse)"], media
         ctx = browser.new_context(
             viewport={"width": 1180, "height": 820}, has_touch=True, is_mobile=True
         )
diff --git a/ui_template/cad_host/cad_host.ts b/ui_template/cad_host/cad_host.ts
index 1947b26e7..04f615dfa 100644
--- a/ui_template/cad_host/cad_host.ts
+++ b/ui_template/cad_host/cad_host.ts
@@ -9,7 +9,7 @@
 
 import "./cad_host.css";
 import { showToast } from "@ui/ui_template_elements";
-import { blockNativeMenu } from "@ui/ui_template_native_menu";
+import { blockNativeMenu, releaseSelectAfterPick } from "@ui/ui_template_native_menu";
 
 /** CAD 앱 정적 경로 (main.py 마운트, dev는 vite proxy 위임) */
 const CAD_APP_URL = "/b07-cad/index.html";
@@ -148,7 +148,9 @@ export function createCadHost<D extends CadHostDrawing, M = unknown, Q = unknown
   frame.title = options.title;
   // CAD 안(리본 · 패널)도 브라우저 기본 메뉴를 막음 — 부모 문서의 듣기는 iframe 에 안 닿음(계획서 39-9a)
   frame.addEventListener("load", () => {
-    if (frame.contentWindow) blockNativeMenu(frame.contentWindow, () => true);
+    if (!frame.contentWindow) return;
+    blockNativeMenu(frame.contentWindow, () => true);
+    releaseSelectAfterPick(frame.contentWindow); // 리본 드롭다운도 고른 뒤 초점 뺌(요구 280-6)
   });
   // 포인터가 CAD 위에 오면 키(Ctrl+Z · Ctrl+Y …)가 CAD 로 가게 초점을 넘김 — 부모 입력 칸에서 치는 중이면 안 뺏음
   frame.addEventListener("mouseenter", () => {
diff --git a/ui_template/ui_template_collapsible.ts b/ui_template/ui_template_collapsible.ts
index 4292a3f3f..ae341d60d 100644
--- a/ui_template/ui_template_collapsible.ts
+++ b/ui_template/ui_template_collapsible.ts
@@ -11,13 +11,32 @@
  * 스타일은 전역 `ui_template_theme.css`에 있어 어떤 페이지에서도 클래스만 붙이면 동작한다.
  * ========================================================================== */
 
-/** 좌측 패널 컨테이너 공용 카드(269) — 접는 제목 + 공용 양식(`ui-panel-form`) · 내용은 카드에 바로 붙임 · 기본 닫힘(389-3). */
-export function createPanelCard(title: string, collapsed = true): HTMLElement {
+/**
+ * 좌측 패널 컨테이너 공용 카드(269) — 접는 제목 + 공용 양식(`ui-panel-form`) · 내용은 카드에 바로 붙임 · 기본 닫힘(389-3).
+ * `onSettings` 를 넘기면 캐럿 바로 왼쪽 ⚙(280-5) — 누름은 접힘을 안 일으킴.
+ */
+export function createPanelCard(
+  title: string,
+  collapsed = true,
+  onSettings?: () => void,
+): HTMLElement {
   const section = document.createElement("section");
   section.className = `ui-collapsible ui-sidebar-section ui-sidebar-card ui-panel-form${collapsed ? " is-collapsed" : ""}`;
   const heading = document.createElement("h3");
   heading.className = "ui-collapsible__title";
   heading.textContent = title;
+  if (onSettings) {
+    const gear = document.createElement("button");
+    gear.type = "button";
+    gear.className = "ui-collapsible__settings";
+    gear.textContent = "⚙";
+    gear.title = gear.ariaLabel = "설정";
+    gear.addEventListener("click", (event) => {
+      event.stopPropagation(); // 제목 누름(접기 위임)으로 안 올라감
+      onSettings();
+    });
+    heading.append(gear);
+  }
   section.append(heading);
   return section;
 }
diff --git a/ui_template/ui_template_native_menu.ts b/ui_template/ui_template_native_menu.ts
index d9a9abb85..d5da108d9 100644
--- a/ui_template/ui_template_native_menu.ts
+++ b/ui_template/ui_template_native_menu.ts
@@ -1,9 +1,10 @@
 /* =============================================================================
  * ui_template_native_menu.ts
- * 브라우저 기본 오른쪽 클릭 메뉴 막기 — 공용 진입(`A00_Common/main.ts`) · CAD iframe(`cad_host.ts`)이 부름.
+ * 브라우저 기본 동작 손봄 — 공용 진입(`A00_Common/main.ts`) · CAD iframe(`cad_host.ts`) · 종단 새 창(`design_profile_popout.ts`)이 부름.
  *
- * 창 캡처 단계에서 `preventDefault` 만 함 — 이벤트는 멈추지 않으므로 우리 메뉴 듣기는 그대로 돎.
+ * 오른쪽 클릭 메뉴 막기 — 창 캡처 단계에서 `preventDefault` 만 함 — 이벤트는 멈추지 않으므로 우리 메뉴 듣기는 그대로 돎.
  * 글 입력 칸도 막음 — 붙여넣기 · 복사는 Ctrl+V · Ctrl+C · 그 칸에 우리 메뉴가 붙어 있으면 그 메뉴가 뜸.
+ * 드롭다운 초점 빼기 — 마우스로 고른 뒤 초점이 남으면 휠 · ↑↓ 가 값을 또 바꿈(요구 280-6).
  * ========================================================================== */
 
 /** 막을 주소 — B · M 영역(`b01-…` · `m02-…`) · A 영역은 그대로 */
@@ -19,3 +20,23 @@ export function blockNativeMenu(win: Window, isOn: () => boolean): void {
     true,
   );
 }
+
+/** `win` 안 드롭다운을 마우스로 고르면 한 박자 뒤 초점을 뺌 — 키보드로 고른 때(↑↓ 훑기)는 그대로 둠.
+ *  한 박자 뒤 · 아직 그 select 에 초점일 때만 — 페이지 처리(다시 그림 · 다른 칸 초점)가 먼저 끝남.
+ *  iframe 은 다른 realm — `instanceof` 대신 `tagName` 으로 가림. */
+export function releaseSelectAfterPick(win: Window): void {
+  let byKey = false;
+  win.addEventListener("pointerdown", () => (byKey = false), true);
+  win.addEventListener("keydown", () => (byKey = true), true);
+  win.addEventListener(
+    "change",
+    (event) => {
+      const select = event.target as HTMLSelectElement | null;
+      if (byKey || select?.tagName !== "SELECT") return;
+      win.setTimeout(() => {
+        if (select.ownerDocument.activeElement === select) select.blur();
+      }, 0);
+    },
+    true,
+  );
+}
diff --git a/ui_template/ui_template_theme.css b/ui_template/ui_template_theme.css
index 86d157de8..e77b4ed91 100644
--- a/ui_template/ui_template_theme.css
+++ b/ui_template/ui_template_theme.css
@@ -470,6 +470,24 @@
   content: "▸";
 }
 
+/* 카드 제목 ⚙(280-5) — 캐럿 바로 왼쪽 · 제목 높이 그대로(음수 margin) */
+.ui-collapsible__settings {
+  flex: 0 0 auto;
+  margin: -0.4em 0 -0.4em auto;
+  padding: 0 2px;
+  border: none;
+  background: none;
+  color: var(--color-text-muted);
+  font: inherit;
+  line-height: 1;
+  cursor: pointer;
+}
+
+.ui-collapsible__settings:hover,
+.ui-collapsible__settings:focus-visible {
+  color: var(--color-primary);
+}
+
 .ui-collapsible.is-collapsed > :not(.ui-collapsible__title) {
   display: none;
 }