refactor(B06): 카드 설계 줄 · 아래 띠 단추를 부품으로 — 분할 고르기 · 켜기 칩 · 단추 · 아이콘 단추 (PLAN 553-2)

- 측구 · 측구형식 · 경사 방향 묶음 = 부품 분할 고르기 20 · 토사 · 측구 · 단경사 켜고 끄기 = 켜기 칩 20 · [상세] = 단추(고스트) 20
- ⋯ 넘침 펼침 = 아이콘 단추(선) 22 꼴(펼침 = aria-pressed) · 암 경계 ▲▼↺ · 암 절토 ↺ = 아이콘 단추 22
- 지운 자체 CSS — b06-design__btn(--active) · 펼침 보라 채움 · rockb 단추 꼴 · 사이 금 · 글 0.72rem → --text-caption
- 부품 아이콘 단추의 display 가 hidden 을 덮어 선 칸 숨김 단추는 페이지에 숨김 한 줄
- 카드 높이 7 px 줄음(설계 줄 단추 24 → 20 · 지반 칩 24 → 20) · 그림 색 전후 같음(34 장면 × 102~120 선)
- 시험 헬퍼 둘 — helper_318 = 단추 줄 시험이 진짜 부품 파일을 흉내 노드로 실음 · helper_472 = 켜기 칩 글을 안쪽 span 에서 읽음
- Line_Cell · CutSlope 는 흉내 DOM 시험(370-3 등)이 @ui 를 안 풀어 부품 클래스 · data-size 계약으로 붙임

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

B06_Section/B06_Section_UI_Style_Cross_Chart.css

@@ -206,19 +206,8 @@
   margin-left: auto;
 }
 
+/* ⋯ = 부품 아이콘 단추(선) 22 — 펼침 표시만 지움 */
 .b06-design__more-summary {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 22px;
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-inputs);
-  background: var(--color-surface);
-  color: var(--color-text-secondary);
-  font-size: 0.9rem;
-  line-height: 1;
-  cursor: pointer;
   list-style: none;
 }
 
@@ -226,12 +215,6 @@
   display: none;
 }
 
-.b06-design__more[open] .b06-design__more-summary {
-  color: var(--color-surface);
-  background: var(--color-royal-amethyst);
-  border-color: var(--color-royal-amethyst);
-}
-
 .b06-design__more-panel {
   position: absolute;
   right: 0;
@@ -254,7 +237,7 @@
 }
 
 .b06-design__seg-legend {
-  font-size: 0.72rem;
+  font-size: var(--text-caption);
   color: var(--color-text-secondary);
   white-space: nowrap;
 }
@@ -271,31 +254,11 @@
   overflow: hidden;
 }
 
-.b06-design__btn {
-  padding: 3px 8px;
-  font-size: 0.72rem;
-  color: var(--color-text-secondary);
-  background: var(--color-surface);
-  border: none;
-  border-left: 1px solid var(--color-border);
-  cursor: pointer;
-}
-
-.b06-design__btn:first-child {
-  border-left: none;
-}
-
-.b06-design__btn--active {
-  color: var(--color-surface);
-  background: var(--color-royal-amethyst);
-  font-weight: var(--font-weight-medium);
-}
-
 .b06-design__areas {
   display: inline-flex;
   gap: var(--spacing-8);
   margin-left: auto;
-  font-size: 0.72rem;
+  font-size: var(--text-caption);
   font-family: var(--font-mono);
 }
 
@@ -329,13 +292,11 @@
 
 .b06-cross-card__linecell .b06-design__rockb-btn {
   flex: 0 0 auto;
-  border-left: none;
 }
 
-.b06-cross-card__linecell
-  .b06-design__rockb-btn:not([hidden])
-  ~ .b06-design__rockb-btn:not([hidden]) {
-  border-left: 1px solid var(--color-border);
+/* 부품 아이콘 단추의 display 가 hidden 을 덮음 — 상태에 없는 칸은 숨김 */
+.b06-design__rockb-btn[hidden] {
+  display: none;
 }
 
 /* 측점별 암 절토 경사(2026-09-07) — 행의 **오른쪽 끝**(암 경계 = 왼쪽). */
@@ -349,7 +310,7 @@
 .b06-design__cutslope-input {
   width: 44px;
   padding: 0 2px;
-  font-size: 0.72rem;
+  font-size: var(--text-caption);
   font-family: var(--font-mono);
   text-align: right;
   color: var(--color-text);
@@ -367,7 +328,7 @@
 
 .b06-design__cutslope-unit {
   padding: 0 2px 0 1px;
-  font-size: 0.72rem;
+  font-size: var(--text-caption);
   color: var(--color-text-secondary);
   align-self: center;
 }