style(spreadsheet): 셀 서식 · 메모 · 찾기 · 패널 창 · 오류 ⚠ 를 부품 모달 · 탭 · 떠 있는 판 · 단추로 (PLAN 553-6)

- 셀 서식 창 = 부품 모달(40rem) · 탭(32) · 칸 = 부품 입력 · 고르기 28 · 자체 판 · 탭 · 칸 CSS 지움
- 메모 편집 = 공용 확인창 판(.ui-confirm) · 글 칸 = 부품 입력
- 찾기 · 바꾸기 = 떠 있는 판(머리 없음) · 칸 24 · 단추 22 · 닫기 = 아이콘 단추
- 데이터 패널 창(조건부 서식 · 유효성 · 이름) = 떠 있는 판(머리 · 닫기 ✕)
- 오류 ⚠ = 아이콘 단추(선 18) · 골라 붙여넣기 · 정렬 칸 · 알약 찾기 칸 = 부품 단추 · 고르기 · 입력
- 옛 보라 별칭 · 날 검정 가림막 → 공통 값(hover · accent · scrim) · 창 닫힘 감시가 모달도 기다림
- 날 단추 23 → 15(남음 = 수식 줄 칸 단추 · 격자 안 ▼ · 알약) · 자체 꼴 규칙 95 → 77 · 격자 색 전후 같음

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

A00_Common/spreadsheet/spreadsheet_data_menu.ts

@@ -12,6 +12,7 @@
 import "./spreadsheet_stage3.css"; // sub4 패널 스타일(잇는 쪽이 붙임)
 import { createMapContextMenu, type MapContextMenuItem } from "@ui/ui_template_context_menu";
 import { el, showToast } from "@ui/ui_template_elements";
+import { createFloatPanel } from "@ui/ui_template_float_panel";
 import { parseRange, rangeToA1, toA1 } from "./spreadsheet_address";
 import { autoSumCells, autoSumRange } from "./spreadsheet_autosum";
 import { isError } from "./spreadsheet_eval";
@@ -40,7 +41,6 @@ const TEXT = {
   validation: "데이터 유효성…",
   names: "이름 관리…",
   grid: "눈금선 보이기 · 숨기기",
-  close: "닫기",
   list: "값 목록(Alt+↓)",
   sheets: "시트 숨기기 · 탭 색…",
   audit: "수식 분석",
@@ -121,18 +121,14 @@ export function mountDataMenu(ctx: SpreadsheetContext, back: () => void): DataMe
   };
 
   // ── 패널 창(조건부 서식 · 유효성 · 이름) — 한 번에 하나 ─────────────────────
-  const title = el("span", { className: "ss-dialog__title" });
-  const body = el("div", { className: "ss-dialog__body" });
-  const shut = el("button", {
-    className: "ss-find__btn",
-    text: "×",
-    attrs: { type: "button", title: TEXT.close },
-  });
-  const dialog = el("div", {
-    className: "ss-dialog ui-popup",
-    attrs: { hidden: "" },
-    children: [el("div", { className: "ss-dialog__head", children: [title, shut] }), body],
+  // 떠 있는 판 부품(머리 · 닫기 ✕ · 몸 · 553-6) — 자리는 `.ss-dialog`
+  const { root: dialog, body } = createFloatPanel({
+    title: " ",
+    onClose: () => (closePanel(), back()),
   });
+  dialog.classList.add("ss-dialog");
+  dialog.setAttribute("hidden", "");
+  const title = dialog.querySelector(".ui-float-panel__title") as HTMLElement;
   ctx.root.append(dialog);
   let panel: PartHandle | null = null;
   const closePanel = (): void => {
@@ -141,7 +137,6 @@ export function mountDataMenu(ctx: SpreadsheetContext, back: () => void): DataMe
     body.replaceChildren();
     dialog.setAttribute("hidden", "");
   };
-  shut.addEventListener("click", () => (closePanel(), back()));
   dialog.addEventListener("keydown", (e) => {
     if (e.key !== "Escape") return;
     e.stopPropagation();