feat(B07): 횡단 장 배치 칸을 횡단도 묶음 맨 아래 공용 입력칸 · 작은 단추로 이동(153-1)

- 배치 열 · 행 = 공용 입력칸 · [이 장] [모든 장] = 작은 ghost 단추
- 장 아닌 도면 = 기본값 · [이 장] 꺼짐
- 정보 칸을 다시 그려도(장 확정 뒤) 칸이 남음

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,18 +225,41 @@
   color: var(--color-text-muted);
 }
 
-/* 횡단 장 배치(140-3) — 배치 열 [4] × 행 [4] [적용] [모든 장 기본] */
-.b07-info__layout {
+/* 횡단 장 배치(153-1) — 횡단도 묶음 맨 아래 전체 폭: 배치 열 [4] 행 [4] [이 장] [모든 장].
+   좌측이 182px 까지 줄어드니 줄바꿈 허용 · 공용 칸의 오류 자리는 접음. */
+.b07-cross-layout-slot {
+  grid-column: 1 / -1;
+}
+
+.b07-cross-layout-slot:empty {
+  display: none;
+}
+
+.b07-cross-layout {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  gap: var(--spacing-4);
-  color: var(--color-text-muted);
-  font-size: var(--text-caption);
+  gap: var(--spacing-4) var(--spacing-8);
 }
 
-.b07-info__layout input {
-  width: 44px;
+.b07-cross-layout > .ui-field {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--spacing-4);
+}
+
+.b07-cross-layout .ui-field__label {
+  margin: 0;
+  white-space: nowrap;
+}
+
+.b07-cross-layout .ui-input {
+  width: 48px;
+}
+
+.b07-cross-layout .ui-field__error {
+  display: none;
 }
 
 /* 확정을 건너뛴 개발 상태 알림 — 눈에 띄되 도면 목록을 밀어내지 않게 한 줄만. */