refactor(M02): 흐린 글 span · div · p 26 곳을 보조 글 부품으로 (PLAN 553-8 ①)

- DataFlow 입력 · 출력 · 검증 패널의 옛 __muted 셋(dfip 21 · dfout 2 · dfver 3) = ui-text ui-text--muted (입력 쪽은 글 14)
- 죽은 CSS 셋 걷음 · 지킴 시험 test_553_5 에 한 건 더함

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

M02_MasterTemplete/DataFlow/M02_DF_OutputPanel.ts

@@ -180,7 +180,7 @@ export function renderOutputPanel(
     onPick: setUnit,
   });
   /** 단위 표준의 소수자리 제안(주 ① 반올림) — 값(비용 아님)이고 끝수를 안 정했을 때 */
-  const suggestNote = el("span", { className: "m02-dfout__muted" });
+  const suggestNote = el("span", { className: "ui-text ui-text--muted" });
   if (cost === "값" && !box.output?.round)
     void suggestPlaces(box.output?.unit ?? box.unit).then((p) => {
       if (p === null) return;
@@ -204,7 +204,7 @@ export function renderOutputPanel(
   const round = box.output?.round;
   const stepName = (n: number): string => (n === 0 ? "1" : String(Number((10 ** -n).toFixed(n))));
   let fallback: CfRound = { places: 1, method: "버림" };
-  const roundNote = el("span", { className: "m02-dfout__muted" });
+  const roundNote = el("span", { className: "ui-text ui-text--muted" });
   const noteOf = (r: CfRound | undefined): string =>
     r
       ? `${to("RoundUser")}: ${roundText(r)}`