refactor(B05): 날 단추 · 작은 도구 단추를 부품 단추 · 아이콘 단추 · 켜기 칩 · 목록 줄로 (PLAN 553-2)

- 종단 도구 · [창 분할] = 단추 유리 · 보조 단 18 · ▲▼ = 아이콘 단추 선 18 · 배율 + − ⤢ = 아이콘 단추 22
- 배수 머리 단추 = 단추 22 · 층 단추 = 켜기 칩 20(색 점 = 층 색) · 유역 줄 = 목록 줄 32
- [추가] · [삭제] · [리셋] · [해제] · 확폭 = 단추 주 · 위험 고스트 · 보조 · [－][＋] = 아이콘 단추 24
- 지도 도구줄 · 3D 보기 줄 = 단 32(34 에서) · 접기 ▾ = 아이콘 단추 18 · 잰 값 닫기 = 아이콘 단추 24
- 페이지 CSS 의 단추 꼴(테두리 · 바탕 · 글 · 둥글기) 지움 · 날 색 대체값(#d98a00 · #5b8def · #3a3f4a) 지움
- 시험 선택자 · 가짜 DOM(setAttribute) 같이 고침

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

B05_Profile/B05_Profile_UI_Style_Structures.css

@@ -284,15 +284,15 @@
   align-items: stretch;
   margin: 0;
   padding: 0;
-  border: 1px solid var(--color-border, #3a3f4a);
-  border-radius: var(--radius-inputs, 4px);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-inputs);
   background: var(--color-surface);
   gap: 0;
   overflow: hidden;
 }
 
 .b05-structure__stepper:focus-within {
-  border-color: var(--color-royal-amethyst, rgb(109 40 217));
+  border-color: var(--color-accent);
 }
 
 /* 가운데 숫자칸은 자기 테두리·배경을 버리고 덩어리 안에 녹는다. */
@@ -309,32 +309,22 @@
   outline: none;
 }
 
-/* 좌우 끝 버튼 — 덩어리 안에서는 가르는 선 하나씩만 갖는다. */
-.b05-structure__step {
-  flex: none;
+/* 좌우 끝 버튼 = 부품 「아이콘 단추」(553-2) — 덩어리 안에서는 가르는 선 하나씩만 갖는다. */
+.b05-structure__stepper > .b05-structure__step {
   /* 손가락·마우스로 집기 쉽게 넓힌다(2026-08-29 사용자 지시). 숫자칸이 남는 폭을
      차지하므로 이 값이 곧 버튼 폭이다. */
   width: 28px;
-  padding: 0;
+  height: 100%;
   border: 0;
   border-radius: 0;
-  background: transparent;
-  color: var(--color-text-body);
-  font-size: 12px;
-  line-height: 1;
-  cursor: pointer;
 }
 
-.b05-structure__step:first-child {
-  border-right: 1px solid var(--color-border, #3a3f4a);
+.b05-structure__stepper > .b05-structure__step:first-child {
+  border-right: 1px solid var(--color-border);
 }
 
-.b05-structure__step:last-child {
-  border-left: 1px solid var(--color-border, #3a3f4a);
-}
-
-.b05-structure__step:hover {
-  background: color-mix(in srgb, var(--color-royal-amethyst, rgb(109 40 217)) 14%, transparent);
+.b05-structure__stepper > .b05-structure__step:last-child {
+  border-left: 1px solid var(--color-border);
 }
 
 /* 구조물 배치 폼의 숫자 칸 — 브라우저 기본 증감 화살표(스피너)를 없앤다
@@ -389,10 +379,6 @@
   height: var(--b05-control-h);
 }
 
-.b05-structure__step {
-  height: 100%;
-}
-
 /* 조정창에서 옮겨 온 행(단 수·옵션) — 같은 변수로 맞춘다. */
 .b05-structure__adjust-slot .b06-structure-panel__controls {
   height: var(--b05-control-h);
@@ -634,10 +620,10 @@
   font-size: var(--text-caption);
 }
 
-/* 켬 = 확폭 포함 — 테두리색 + 표식(`.is-primary` 는 [추가] 단추 몫이라 안 씀) */
-.b05-structure__widening .b05-route__irregular-btn.is-on {
-  border-color: color-mix(in srgb, var(--color-royal-amethyst, rgb(109 40 217)) 55%, transparent);
-  color: var(--color-text);
+/* 켬 = 확폭 포함 — 부품 보조 단추 꼴 + 표식 · 끔 = 흐린 선 · 글(`.is-primary` 는 [추가] 단추 몫이라 안 씀) */
+.b05-structure__widening .b05-route__irregular-btn[aria-pressed="false"] {
+  border-color: var(--color-border);
+  color: var(--color-text-secondary);
 }
 
 .b05-structure__widening [data-widening-run][aria-pressed="true"]::before {