style(spreadsheet): 도구줄 단추 · 칸 · 시트 탭 [+] 를 부품 단추 24 · 입력 · 고르기 28 · 아이콘 단추로 (PLAN 553-6)

- 도구줄 단추 23 → 부품 단추 24 · 글꼴 · 크기 · 표시 형식 칸 → 부품 입력 28 · 정렬 고르기 → 부품 고르기 28
- 색 지우기 ✕ → 아이콘 단추 18 · 시트 탭 [+] → 아이콘 단추(선) 22 · 켬(is-on) 색 = 공통 값(옛 보라 별칭 걷음)
- 메모 창 뒷막 = --color-scrim · 자체 단추 · 칸 CSS 지움(폭만 남김)
- 격자 · 시트 탭 꼴 · 배치 그대로 — 도구줄 안 단추만 3 px 넓어짐(줄바꿈 0)

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

A00_Common/spreadsheet/spreadsheet_toolbar.css

@@ -27,24 +27,10 @@
   border-right: 0;
 }
 
-.ss-toolbar .ui-btn {
-  padding: 4px 8px;
-  font-size: 0.82rem;
-}
-
+/* 단추 · 칸 = 부품 단추(24) · 입력 · 고르기(28) — 여기는 켬 · 폭만(553-6) */
 .ss-toolbar .ui-btn.is-on {
-  background: var(--color-mist-violet);
-  box-shadow: inset 0 0 0 1px var(--color-royal-amethyst);
-}
-
-.ss-toolbar__select {
-  height: 28px;
-  padding: 0 4px;
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-sm);
-  background: var(--color-canvas);
-  color: var(--color-text-body);
-  font-size: 0.8rem;
+  background: var(--color-accent-soft);
+  box-shadow: inset 0 0 0 1px var(--color-accent);
 }
 
 .ss-toolbar__select option {
@@ -53,14 +39,7 @@
 }
 
 .ss-toolbar__input {
-  height: 28px;
   width: 72px;
-  padding: 0 4px;
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-sm);
-  background: var(--color-canvas);
-  color: var(--color-text-body);
-  font-size: 0.8rem;
 }
 
 .ss-toolbar__input--font {
@@ -85,15 +64,6 @@
   cursor: pointer;
 }
 
-.ss-toolbar__clear {
-  padding: 0 4px;
-  border: 0;
-  background: none;
-  color: var(--color-text-secondary);
-  font-size: 0.72rem;
-  cursor: pointer;
-}
-
 .ss-toolbar__popover {
   position: absolute;
   top: calc(100% + 4px);
@@ -138,7 +108,7 @@
 .ss-toolbar__unit-label {
   margin-bottom: var(--spacing-4);
   color: var(--color-text-muted);
-  font-size: 0.72rem;
+  font-size: var(--text-caption);
 }
 
 .ss-toolbar__unit-grid {
@@ -147,9 +117,9 @@
   gap: var(--spacing-4);
 }
 
-.ss-toolbar__unit-btn {
+.ss-toolbar__unit-grid > .ui-btn[data-size] {
   min-width: 0;
-  padding: 4px 2px;
+  padding-inline: 2px;
 }
 
 .ss-toolbar__hint {
@@ -232,15 +202,6 @@
   font: inherit;
 }
 
-.ss-tabs__add {
-  padding: 2px 8px;
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-sm);
-  background: var(--color-canvas);
-  color: var(--color-text-secondary);
-  cursor: pointer;
-}
-
 /* ── 우클릭 메뉴(그리드 · 탭 공용, `ui_template_context_menu.ts`) — 모양 · 자리는 공용 `.ui-ctx-menu` ── */
 
 .ss__context-menu-item.is-danger {
@@ -261,7 +222,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: rgb(0 0 0 / 35%);
+  background: var(--color-scrim);
 }
 
 .ss-comment-editor__panel {