fix(ui): 공용 창 틀 뒤를 어둡게 · 창 그림자 · 표시 형식 칸 흐린 글

- ui-modal 뒤 배경을 공용 확인 창처럼 어둡게 가리고 창에 테두리와 테마 그림자(--shadow-lg)를 줌 — 창이 겹치면 앞 창이 또렷이 섬
- M01 LogicLab 창(.m01-logic__backdrop · .m01-logic__pick) 도 같은 겉모양으로 맞춤
- 단추 아래 뜨는 작도 영역 작은 창(.m02-pop)은 뒤를 가리지 않음
- 스프레드시트 도구 막대 표시 형식 입력 칸에 흐린 글 「표시 형식」

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_019Kyw9qnkJ94pC1A4PfpDtA

A00_Common/spreadsheet/spreadsheet_text.ts

@@ -58,6 +58,7 @@ const TEXT = {
   NumberFormat_percent: ["백분율 0%", "Percent"],
   NumberFormat_accounting: ["회계", "Accounting"],
   NumberFormat_text: ["글자 @", "Text"],
+  NumberFormat_placeholder: ["표시 형식", "Display format"],
   NumberFormat_hint: [
     "이름 골라 쓰거나 엑셀 형식 코드를 바로 침",
     "Pick a preset or type an Excel format code",

A00_Common/spreadsheet/spreadsheet_toolbar.ts

@@ -356,6 +356,7 @@ export function mountToolbar(ctx: SpreadsheetContext): PartHandle {
       list: "ss-toolbar-numfmt",
       "aria-label": st("NumberFormat"),
       title: st("NumberFormat_hint"),
+      placeholder: st("NumberFormat_placeholder"),
     },
   }) as HTMLInputElement;
   const numfmtList = el("datalist", {

M01_MasterData/M01_MasterData_UI_Logic_Style.css

@@ -310,7 +310,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: transparent;
+  background-color: rgba(38, 17, 74, 0.35); /* 공용 창 틀과 같이 뒤를 가림 */
 }
 
 .m01-logic__pick {
@@ -321,7 +321,9 @@
   max-height: 80vh;
   padding: var(--spacing-16);
   border-radius: var(--radius-xl);
+  border: 1px solid var(--color-border);
   background: var(--color-surface-raised);
+  box-shadow: var(--shadow-lg);
   font-size: var(--text-body-sm);
 }
 

M02_MasterTemplete/M02_MasterTemplete_Drawing.css

@@ -76,6 +76,7 @@
 
 .m02-pop {
   display: block;
+  background-color: transparent; /* 단추 아래 뜨는 작은 창 — 뒤를 가리지 않음 */
 }
 
 .m02-pop > .ui-modal {

ui_template/ui_template_modal.css

@@ -5,7 +5,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: transparent;
+  background-color: rgba(38, 17, 74, 0.35); /* 공용 확인 창(.ui-confirm)과 같이 뒤를 가림 */
 }
 
 .ui-modal {
@@ -16,7 +16,9 @@
   max-height: 80vh;
   padding: var(--spacing-16);
   border-radius: var(--radius-xl);
+  border: 1px solid var(--color-border);
   background: var(--color-surface-raised);
+  box-shadow: var(--shadow-lg);
   font-size: var(--text-body-sm);
   overflow: auto;
 }