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_InputPanel.ts

@@ -263,7 +263,8 @@ function drawChosen(
                   ...(rule && e.rule
                     ? [
                         el("div", {
-                          className: "m02-dfip__muted",
+                          className: "ui-text ui-text--muted",
+                          attrs: { "data-text": "14" },
                           text: t("RuleLine", { f: e.rule.field, n: e.rule.from.name }),
                         }),
                       ]
@@ -271,7 +272,11 @@ function drawChosen(
                 ],
               }),
               val,
-              el("span", { className: "m02-dfip__muted", text: e.unit || "-" }),
+              el("span", {
+                className: "ui-text ui-text--muted",
+                attrs: { "data-text": "14" },
+                text: e.unit || "-",
+              }),
               createButton({
                 label: t("Remove"),
                 variant: "ghost",
@@ -313,7 +318,7 @@ async function drawFind(
 ): Promise<void> {
   const q = createInputField({ type: "search", placeholder: t("Search"), compact: true });
   const list = el("div", { className: "m02-dfip__list" });
-  const count = el("span", { className: "m02-dfip__muted" });
+  const count = el("span", { className: "ui-text ui-text--muted", attrs: { "data-text": "14" } });
   const bar: HTMLElement[] = [];
   let file = "";
   let sub = "";
@@ -380,11 +385,16 @@ async function drawFind(
           className: "m02-dfip__name",
           children: [
             el("strong", { text: String(r["이름"] ?? "") }),
-            el("span", { className: "m02-dfip__muted", text: ` ${r["규격"] ?? ""}` }),
+            el("span", {
+              className: "ui-text ui-text--muted",
+              attrs: { "data-text": "14" },
+              text: ` ${r["규격"] ?? ""}`,
+            }),
           ],
         }),
         el("span", {
-          className: "m02-dfip__muted",
+          className: "ui-text ui-text--muted",
+          attrs: { "data-text": "14" },
           text: `${v === null ? "" : fmt(v)} ${unitText}`.trim(),
         }),
       ],