fix(M02): 단추를 공용 기본 단추로 · 알약 꼴은 진짜 알약에만

- 공용 작은 단추(ui-btn--sm) 모서리 8px → 4px — 낮은 키에 8px 이면 알약 꼴
- 층 단추 · 고르기 창 출처 단추 · 나무 「+」 = createButton(켜짐 filled · 나머지 ghost) · 전용 단추 꼴 CSS 지움
- 데이터 흐름 입력 패널 갈래 · 방식 단추 pill → ghost
- 연결 알약 · 다이어그램 알약 · 칩 · 이름표는 그대로
- 시험: 층 단추 글 찾기 들여쓰기 맞춤 · 화면 시나리오 45-1 추가

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016PSXsvyDxjNmufteN5bqmt

M02_MasterTemplete/DataFlow/M02_DF_InputPanel.ts

@@ -147,7 +147,7 @@ export function renderInputPanel(
     children: [...GROUPS, "다른 로직" as const, "변수" as const].map((k) =>
       createButton({
         label: k === "변수" ? t("Variable") : k === "다른 로직" ? t("Logic") : t(k),
-        variant: k === kind ? "filled" : "pill",
+        variant: k === kind ? "filled" : "ghost",
         size: "sm",
         onClick: () => k !== kind && on.change(setKind(lg, boxId, k)),
       }),
@@ -193,7 +193,7 @@ function renderGroup(
       ...(["fixed", "rule"] as const).map((m) =>
         createButton({
           label: m === "fixed" ? t("ModeFixed") : t("ModeRule"),
-          variant: mode === m ? "filled" : "pill",
+          variant: mode === m ? "filled" : "ghost",
           size: "sm",
           onClick: () => ((mode = m), drawChips(), draw()),
         }),

M02_MasterTemplete/DataFlow/M02_DF_InputPanel_Material.ts

@@ -445,7 +445,7 @@ export function renderMaterial(
       ...(["fixed", "choice", "rule"] as CfMaterialMode[]).map((m) =>
         createButton({
           label: m === "fixed" ? t("Fixed") : m === "choice" ? t("Choice") : t("Rule"),
-          variant: mode === m ? "filled" : "pill",
+          variant: mode === m ? "filled" : "ghost",
           size: "sm",
           onClick: () => ((mode = m), drawChips(), drawBody()),
         }),