style(b07): 횡단도 배치 칸 단추 · 숫자 칸 한 규격 · 한 줄에 한 일 · 검은 선 = 인쇄 칸선 판정(212-3)

- 줄 = 배치 열 · 행 / [이 장] [모든 장] / 표 배율 [배율 적용] / [안내선 숨기기] · 한 줄 안 같은 너비
- 단추 · 숫자 칸 · 이름 = 줄 위 작은 단추 토큰(--btn-bar-* · 높이 16) · 옛 한 줄 감기 · 48px 고정 지움
- 안내선 숨김 뒤 남는 검은 선 = 인쇄 칸선(도각 층 · #8ea0b5 · 밝은 바탕에서 짙게) — 지우지 않음
- 새 시험 test_212_3

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

B07_DesignDetail/B07_DesignDetail_UI_Style.css

@@ -225,8 +225,9 @@
   color: var(--color-text-muted);
 }
 
-/* 횡단 장 배치(153-1) — 횡단도 묶음 맨 아래 전체 폭: 배치 열 [4] 행 [4] [이 장] [모든 장].
-   좌측이 182px 까지 줄어드니 줄바꿈 허용 · 공용 칸의 오류 자리는 접음. */
+/* 횡단 장 배치(153-1 · 212-3) — 횡단도 묶음 맨 아래 전체 폭 · 한 줄에 한 일:
+   배치 열 · 행 / [이 장] [모든 장] / 표 배율 [배율 적용] / [안내선 숨기기].
+   단추 · 숫자 칸 = 줄 위 작은 단추 한 규격(`--btn-bar-*` · 높이 16) · 한 줄 안 같은 너비 · 오류 자리는 접음. */
 .b07-cross-layout-slot {
   grid-column: 1 / -1;
 }
@@ -237,25 +238,45 @@
 
 .b07-cross-layout {
   display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: var(--spacing-4) var(--spacing-8);
+  flex-direction: column;
+  gap: var(--spacing-4);
 }
 
-.b07-cross-layout > .ui-field {
+.b07-cross-layout__row {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-8);
+}
+
+.b07-cross-layout__row > * {
+  flex: 1 1 0;
+  min-width: 0;
+}
+
+.b07-cross-layout .ui-field {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: var(--spacing-4);
 }
 
+.b07-cross-layout .ui-btn,
+.b07-cross-layout .ui-field .ui-input {
+  height: auto;
+  padding: var(--btn-bar-padding);
+  font-size: var(--btn-bar-font-size);
+  line-height: 1;
+}
+
 .b07-cross-layout .ui-field__label {
   margin: 0;
+  font-size: var(--btn-bar-font-size);
   white-space: nowrap;
 }
 
-.b07-cross-layout .ui-input {
-  width: 48px;
+.b07-cross-layout .ui-field .ui-input {
+  width: 100%;
+  min-width: 0;
 }
 
 .b07-cross-layout .ui-field__error {