fix(view): ② and ③ use the ① layout — model above the table in the centre column

The model sits at the top of the centre column and the table or member card
below it, between the pier list on the left and the results on the right, as in
the ① screen and the 시안.

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>

src/style.css

@@ -661,7 +661,6 @@ body { background: #eef1f4; font-family: 'Noto Sans KR', system-ui, sans-serif;
 .member[aria-pressed='true'] { background: #e3edf8; color: #123e70; font-weight: 700; }
 #member-fields { margin-top: 10px; }
 #member-summary { color: #55606e; margin: 4px 0 8px; }
-.plan .viewer { flex: 1 1 380px; }
 .plan .results { flex: 1 1 300px; max-width: 360px; }
 /* 형상 선택칩 (C5) and the scrolling pier list (C6) */
 .shape-options { display: grid; gap: 6px; margin: 6px 0 10px; }
@@ -688,6 +687,9 @@ body { background: #eef1f4; font-family: 'Noto Sans KR', system-ui, sans-serif;
 .rebar-table th:nth-child(10) { text-align: right; }
 .rebar-table td:nth-child(12) { white-space: normal; min-width: 240px; }
 /* 3D viewer shared by ①, ②, ③: the slot takes the full width above the other columns */
-.viewer-slot { flex: 1 1 100%; min-width: 0; }
+.viewer-slot { flex: none; width: 100%; min-width: 0; }
 .viewer-slot > .viewer { width: 100%; }
+/* ② and ③ use the ① layout: list | model above the table | results */
+.center-col { flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
+.center-col > .viewer { flex: none; }