@tienne/gestalt 0.18.2 → 0.19.0

package/README.md

@@ -189,6 +189,59 @@ Or add directly to `~/.claude/settings.json`:
 
 ---
 
+### Option 4: OpenAI Codex CLI
+
+```bash
+codex mcp add gestalt -- npx -y @tienne/gestalt serve
+```
+
+Then add `"client": "codex"` to your project's `gestalt.json` so the active session context is written to `AGENTS.md` (which Codex reads automatically):
+
+```json
+{
+  "$schema": "./node_modules/@tienne/gestalt/schemas/gestalt.schema.json",
+  "client": "codex"
+}
+```
+
+Or set `GESTALT_CLIENT=codex` as an environment variable.
+
+All 12 MCP tools (`ges_interview`, `ges_generate_spec`, `ges_execute`, etc.) are available immediately. Slash commands and the Claude Code Task panel are not available in Codex — the pipeline runs entirely through MCP tool calls.
+
+---
+
+### Option 5: Google Gemini CLI
+
+```bash
+gemini mcp add gestalt -- npx -y @tienne/gestalt serve
+```
+
+Or add directly to `~/.gemini/settings.json`:
+
+```json
+{
+  "mcpServers": {
+    "gestalt": {
+      "command": "npx",
+      "args": ["-y", "@tienne/gestalt", "serve"]
+    }
+  }
+}
+```
+
+Then add `"client": "codex"` to your project's `gestalt.json` — Gemini CLI reads `AGENTS.md` for persistent context, same as Codex:
+
+```json
+{
+  "$schema": "./node_modules/@tienne/gestalt/schemas/gestalt.schema.json",
+  "client": "codex"
+}
+```
+
+Use the `/mcp` command inside a Gemini CLI session to verify the server is connected.
+
+---
+
 ## The Pipeline
 
 ### 1. Interview
@@ -549,12 +602,25 @@ npx @tienne/gestalt setup
     "driftThreshold": 0.3,
     "successThreshold": 0.85,
     "goalAlignmentThreshold": 0.80
-  }
+  },
+  "client": "claude-code"
 }
 ```
 
 **Config priority** (highest → lowest): code overrides → shell env vars → `.env` → `gestalt.json` → built-in defaults
 
+### Client Setting
+
+The `client` field controls where Gestalt writes the active session context during execution:
+
+| Value | Context file | When to use |
+|-------|-------------|-------------|
+| `"claude-code"` (default) | `.claude/rules/gestalt-active.md` | Claude Code (CLI, Desktop, Plugin) |
+| `"codex"` | `AGENTS.md` (managed section) | OpenAI Codex CLI, Google Gemini CLI |
+| `"both"` | Both locations | Shared repos used by multiple agents |
+
+`"codex"` is the right value for both Codex CLI and Gemini CLI — both read `AGENTS.md` for persistent project context.
+
 ### Multi-Provider LLM Tiers
 
 Route LLM calls by task complexity across three tiers:
@@ -607,6 +673,7 @@ If no tiers are configured, all tiers fall back to the top-level `llm.model` wit
 | `GESTALT_SKILLS_DIR` | `skillsDir` | `skills` | Custom skills directory |
 | `GESTALT_AGENTS_DIR` | `agentsDir` | `agents` | Custom agents directory |
 | `GESTALT_LOG_LEVEL` | `logLevel` | `info` | Log level (`debug`/`info`/`warn`/`error`) |
+| `GESTALT_CLIENT` | `client` | `claude-code` | MCP client type (`claude-code`/`codex`/`both`) |
 | `GESTALT_LLM_FRUGAL_PROVIDER` | `llm.frugal.provider` | `anthropic` | Frugal tier provider |
 | `GESTALT_LLM_FRUGAL_API_KEY` | `llm.frugal.apiKey` | `""` | Frugal tier API key |
 | `GESTALT_LLM_FRUGAL_BASE_URL` | `llm.frugal.baseURL` | `""` | Frugal tier base URL (e.g. Ollama) |

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tienne/gestalt",
-  "version": "0.18.2",
+  "version": "0.19.0",
   "description": "TypeScript AI Development Harness - Gestalt psychology-driven requirement clarification",
   "type": "module",
   "main": "./dist/src/index.js",

package/dist/role-agents/presentation-designer/templates/broadside.html

@@ -5,7 +5,7 @@
   <title>Broadside — Reveal.js</title>
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;800;900&family=IBM+Plex+Mono:wght@300;400;500&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;800;900&family=IBM+Plex+Mono:wght@300;400;500&family=Noto+Sans+KR:wght@400;500;700;900&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/reveal.css" />
   <style>
     :root {
@@ -17,8 +17,8 @@
       --c-fg-3:       #505048;
       --c-accent:     #e85d26;
       --c-border:     #282826;
-      --f-display: "Barlow", "Noto Sans SC", sans-serif;
-      --f-body:    "Barlow", "Noto Sans SC", system-ui, sans-serif;
+      --f-display: "Barlow", "Noto Sans KR", sans-serif;
+      --f-body:    "Barlow", "Noto Sans KR", system-ui, sans-serif;
       --f-mono:    "IBM Plex Mono", monospace;
       --sz-display: 13vw;
       --sz-h1:  7.5vw;
@@ -81,13 +81,13 @@
     .slide--compare .slide-body { display: grid; grid-template-columns: 1fr 1fr;     height: 100%; }
 
     /* TYPOGRAPHY */
-    .display { font-size: var(--sz-display); font-weight: 900; line-height: 0.88; letter-spacing: -0.025em; text-transform: uppercase; }
-    .h1      { font-size: var(--sz-h1);      font-weight: 900; line-height: 0.92; letter-spacing: -0.02em;  text-transform: uppercase; }
-    .h2      { font-size: var(--sz-h2);      font-weight: 900; line-height: 0.95; letter-spacing: -0.01em;  text-transform: uppercase; }
-    .h3      { font-size: var(--sz-h3);      font-weight: 700; line-height: 1.1; }
-    .lead    { font-size: var(--sz-lead);    font-weight: 500; line-height: 1.4; }
-    .body    { font-size: var(--sz-body);    font-weight: 400; line-height: 1.6; }
-    .caption { font-size: var(--sz-caption); line-height: 1.5; }
+    .display { font-size: var(--sz-display); font-weight: 900; line-height: 1.05; letter-spacing: -0.025em; text-transform: uppercase; }
+    .h1      { font-size: var(--sz-h1);      font-weight: 900; line-height: 1.05; letter-spacing: -0.02em;  text-transform: uppercase; }
+    .h2      { font-size: var(--sz-h2);      font-weight: 900; line-height: 1.05; letter-spacing: -0.01em;  text-transform: uppercase; }
+    .h3      { font-size: var(--sz-h3);      font-weight: 700; line-height: 1.3; }
+    .lead    { font-size: var(--sz-lead);    font-weight: 500; line-height: 1.7; }
+    .body    { font-size: var(--sz-body);    font-weight: 400; line-height: 1.75; }
+    .caption { font-size: var(--sz-caption); line-height: 1.7; }
     .label   { font-family: var(--f-mono); font-size: var(--sz-label); font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; }
     .kicker  { font-family: var(--f-mono); font-size: var(--sz-label); letter-spacing: 0.14em; text-transform: uppercase; color: var(--c-accent); display: block; margin-bottom: var(--gap-sm); }
     .orange .kicker  { color: rgba(17,17,17,0.55); }
@@ -108,7 +108,7 @@
     .stat-value { font-size: 5.5vw; font-weight: 900; line-height: 1; color: var(--c-accent); letter-spacing: -0.04em; }
     .orange .stat-value { color: #111; }
     .bullet-list { list-style: none; padding: 0; display: flex; flex-direction: column; gap: var(--gap-sm); }
-    .bullet-list li { display: grid; grid-template-columns: 1.2em 1fr; gap: 0.5em; font-size: var(--sz-lead); font-weight: 500; line-height: 1.4; }
+    .bullet-list li { display: grid; grid-template-columns: 1.2em 1fr; gap: 0.5em; font-size: var(--sz-lead); font-weight: 500; line-height: 1.75; }
     .dark .bullet-list li::before   { content: "/"; color: var(--c-accent); font-family: var(--f-mono); font-weight: 700; }
     .orange .bullet-list li::before { content: "/"; color: rgba(17,17,17,0.55); font-family: var(--f-mono); font-weight: 700; }
     .img-placeholder { background: var(--c-bg-alt); width: 100%; height: 100%; min-height: 25vh; display: flex; align-items: center; justify-content: center; font-family: var(--f-mono); font-size: var(--sz-label); letter-spacing: 0.1em; color: var(--c-fg-3); }

package/dist/role-agents/presentation-designer/templates/editorial-forest.html

@@ -5,7 +5,7 @@
   <title>Editorial Forest — Reveal.js</title>
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,300;8..60,400;8..60,500;8..60,600;8..60,700;8..60,800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,300;8..60,400;8..60,500;8..60,600;8..60,700;8..60,800&family=JetBrains+Mono:wght@400;500;700&family=Noto+Serif+KR:wght@400;500;700&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/reveal.css" />
   <style>
     :root {
@@ -17,7 +17,7 @@
       --cream:      #efe7d4;
       --cream-2:    #e6dcc4;
       --ink:        #1a1a17;
-      --serif: "Source Serif 4", Georgia, serif;
+      --serif: "Source Serif 4", "Noto Serif KR", Georgia, serif;
       --mono:  "JetBrains Mono", monospace;
     }
 
@@ -53,12 +53,12 @@
     }
 
     /* TYPOGRAPHY */
-    .t-display { font-family: var(--serif); font-weight: 800; line-height: 0.92; letter-spacing: -0.02em; font-size: clamp(72px, 12vw, 190px); }
-    .t-title   { font-family: var(--serif); font-weight: 700; font-size: clamp(36px, 5.5vw, 88px);  line-height: 1.0; }
-    .t-head    { font-family: var(--serif); font-weight: 600; font-size: clamp(22px, 3vw, 48px);    line-height: 1.1; }
-    .t-body    { font-family: var(--serif); font-weight: 400; font-size: clamp(14px, 1.5vw, 22px);  line-height: 1.65; }
+    .t-display { font-family: var(--serif); font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; font-size: clamp(72px, 12vw, 190px); }
+    .t-title   { font-family: var(--serif); font-weight: 700; font-size: clamp(36px, 5.5vw, 88px);  line-height: 1.2; }
+    .t-head    { font-family: var(--serif); font-weight: 600; font-size: clamp(22px, 3vw, 48px);    line-height: 1.3; }
+    .t-body    { font-family: var(--serif); font-weight: 400; font-size: clamp(14px, 1.5vw, 22px);  line-height: 1.75; }
     .t-label   { font-family: var(--mono);  font-weight: 500; font-size: clamp(10px, 1.1vw, 16px);  letter-spacing: 0.18em; text-transform: uppercase; }
-    .t-big     { font-family: var(--serif); font-weight: 500; font-size: clamp(80px, 13vw, 210px);  line-height: 0.92; letter-spacing: -0.03em; }
+    .t-big     { font-family: var(--serif); font-weight: 500; font-size: clamp(80px, 13vw, 210px);  line-height: 1.05; letter-spacing: -0.03em; }
 
     /* TOPIC CARD (agenda grid) */
     .topic {
@@ -94,7 +94,7 @@
 
     /* KPI */
     .kpi { display: flex; flex-direction: column; gap: 0.75rem; padding-top: 2vh; border-top: 2px solid var(--pink); }
-    .kpi .big { font-family: var(--serif); font-weight: 500; font-size: clamp(80px,13vw,210px); line-height: 0.92; letter-spacing: -0.03em; color: var(--pink); }
+    .kpi .big { font-family: var(--serif); font-weight: 500; font-size: clamp(80px,13vw,210px); line-height: 1.05; letter-spacing: -0.03em; color: var(--pink); }
     .kpi .big .unit { font-size: 0.5em; color: var(--cream); margin-left: 4px; }
 
     /* BAR CHART */

package/dist/role-agents/presentation-designer/templates/emerald-editorial.html

@@ -5,7 +5,7 @@
   <title>Emerald Editorial — Reveal.js</title>
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@500;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@500;700;800;900&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;700&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/reveal.css" />
   <style>
     :root {
@@ -19,7 +19,7 @@
       --display-font: 'Bodoni Moda', serif;
     }
 
-    .reveal { font-family: 'Manrope', sans-serif; }
+    .reveal { font-family: 'Manrope', 'Noto Sans KR', sans-serif; }
     .reveal .slides { text-align: left; }
     .reveal .slides section {
       box-sizing: border-box;
@@ -88,17 +88,17 @@
     .t-display {
       font-family: var(--display-font);
       font-weight: 900;
-      line-height: 0.88;
+      line-height: 1.05;
       letter-spacing: -0.01em;
       color: var(--ink);
     }
     .t-display.xl  { font-size: clamp(100px, 18vw, 280px); }
     .t-display.lg  { font-size: clamp(60px,  10vw, 160px); }
     .t-display.md  { font-size: clamp(36px,  5.5vw, 88px); }
-    .t-head  { font-family: var(--display-font); font-weight: 700; font-size: clamp(24px, 3.5vw, 52px); line-height: 1.1; color: var(--ink); }
-    .t-body  { font-size: clamp(14px, 1.5vw, 22px); line-height: 1.6; color: var(--ink); font-weight: 400; }
+    .t-head  { font-family: var(--display-font); font-weight: 700; font-size: clamp(24px, 3.5vw, 52px); line-height: 1.3; color: var(--ink); }
+    .t-body  { font-size: clamp(14px, 1.5vw, 22px); line-height: 1.75; color: var(--ink); font-weight: 400; }
     .t-label { font-family: 'Manrope', sans-serif; font-size: clamp(11px, 1.1vw, 16px); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink); opacity: 0.7; }
-    .t-num   { font-family: var(--display-font); font-weight: 900; font-size: clamp(60px, 9vw, 140px); line-height: 0.92; color: var(--ink); }
+    .t-num   { font-family: var(--display-font); font-weight: 900; font-size: clamp(60px, 9vw, 140px); line-height: 1.05; color: var(--ink); }
 
     /* PAPER PANEL */
     .panel-paper { background: var(--paper); }

package/dist/role-agents/presentation-designer/templates/neo-grid.html

@@ -5,7 +5,7 @@
   <title>Neo-Grid Bold — Reveal.js</title>
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;700&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/reveal.css" />
   <style>
     /* ── DESIGN TOKENS ────────────────────────────────────────────── */
@@ -18,7 +18,7 @@
     }
 
     /* ── REVEAL RESET ─────────────────────────────────────────────── */
-    .reveal { font-family: "Space Grotesk", sans-serif; }
+    .reveal { font-family: "Space Grotesk", "Noto Sans KR", sans-serif; }
     .reveal .slides { text-align: left; }
     .reveal .slides section {
       box-sizing: border-box;
@@ -99,27 +99,27 @@
     .t-display {
       font-weight: 700;
       font-size: clamp(48px, 8vw, 128px);
-      line-height: 0.92;
+      line-height: 1.05;
       letter-spacing: -0.02em;
       text-transform: uppercase;
     }
     .t-title {
       font-weight: 700;
       font-size: clamp(36px, 5.5vw, 88px);
-      line-height: 0.95;
+      line-height: 1.05;
       letter-spacing: -0.015em;
       text-transform: uppercase;
     }
     .t-subtitle {
       font-weight: 700;
       font-size: clamp(24px, 3.5vw, 56px);
-      line-height: 1;
+      line-height: 1.2;
       letter-spacing: -0.01em;
       text-transform: uppercase;
     }
-    .t-body  { font-size: clamp(14px, 1.6vw, 26px); line-height: 1.4; font-weight: 400; }
+    .t-body  { font-size: clamp(14px, 1.6vw, 26px); line-height: 1.75; font-weight: 400; }
     .t-label { font-family: "JetBrains Mono", monospace; font-size: clamp(10px, 1.2vw, 20px); letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.7; }
-    .t-stat  { font-weight: 700; font-size: clamp(64px, 11vw, 180px); line-height: 0.88; letter-spacing: -0.03em; }
+    .t-stat  { font-weight: 700; font-size: clamp(64px, 11vw, 180px); line-height: 1.05; letter-spacing: -0.03em; }
     .t-stat.sm { font-size: clamp(48px, 7vw, 112px); }
 
     mark { background: var(--accent); color: var(--ink); padding: 0 4px; }

package/dist/role-agents/presentation-designer/templates/pin-and-paper.html

@@ -5,7 +5,7 @@
   <title>Pin &amp; Paper — Reveal.js</title>
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;700&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/reveal.css" />
   <style>
     :root {
@@ -22,7 +22,7 @@
       --orange:   #D8702A;
     }
 
-    .reveal { font-family: 'Space Grotesk', sans-serif; }
+    .reveal { font-family: 'Space Grotesk', 'Noto Sans KR', sans-serif; }
     .reveal .slides { text-align: left; }
     .reveal .slides section {
       box-sizing: border-box;
@@ -54,13 +54,13 @@
     }
 
     /* TYPOGRAPHY */
-    .t-display { font-weight: 700; font-size: clamp(60px,10vw,160px); line-height: 0.92; letter-spacing: -0.02em; }
-    .t-title   { font-weight: 700; font-size: clamp(36px,5.5vw,84px); line-height: 0.95; letter-spacing: -0.015em; }
-    .t-head    { font-weight: 700; font-size: clamp(20px,2.8vw,44px); line-height: 1.1; }
-    .t-body    { font-size: clamp(13px,1.5vw,22px); line-height: 1.45; font-weight: 400; }
+    .t-display { font-weight: 700; font-size: clamp(60px,10vw,160px); line-height: 1.05; letter-spacing: -0.02em; }
+    .t-title   { font-weight: 700; font-size: clamp(36px,5.5vw,84px); line-height: 1.05; letter-spacing: -0.015em; }
+    .t-head    { font-weight: 700; font-size: clamp(20px,2.8vw,44px); line-height: 1.3; }
+    .t-body    { font-size: clamp(13px,1.5vw,22px); line-height: 1.75; font-weight: 400; }
     .t-label   { font-family: 'DM Mono', monospace; font-size: clamp(10px,1.1vw,16px); letter-spacing: 0.12em; text-transform: uppercase; font-weight: 500; }
-    .t-script  { font-family: 'Caveat', cursive; font-weight: 600; font-size: clamp(20px,2.5vw,40px); line-height: 1.05; }
-    .t-num     { font-weight: 700; font-size: clamp(50px,8vw,120px); line-height: 1; letter-spacing: -0.02em; }
+    .t-script  { font-family: 'Caveat', cursive; font-weight: 600; font-size: clamp(20px,2.5vw,40px); line-height: 1.3; }
+    .t-num     { font-weight: 700; font-size: clamp(50px,8vw,120px); line-height: 1.1; letter-spacing: -0.02em; }
 
     /* STAMP */
     .stamp {

package/dist/role-agents/presentation-designer/templates/pink-script.html

@@ -5,7 +5,7 @@
   <title>Pink Script — After Hours — Reveal.js</title>
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;600&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/reveal.css" />
   <style>
     :root {
@@ -20,7 +20,7 @@
       --hair:      rgba(245, 237, 241, 0.14);
     }
 
-    .reveal { font-family: 'Inter', sans-serif; }
+    .reveal { font-family: 'Inter', 'Noto Sans KR', sans-serif; }
     .reveal .slides { text-align: left; }
     .reveal .slides section {
       box-sizing: border-box;
@@ -60,7 +60,7 @@
     .footer .pageno em { color: var(--pink); font-style: normal; }
 
     /* TYPOGRAPHY */
-    .script { font-family: 'DM Serif Display', serif; font-weight: 400; color: var(--pink); letter-spacing: -0.01em; line-height: 1.05; padding-bottom: 0.12em; }
+    .script { font-family: 'DM Serif Display', serif; font-weight: 400; color: var(--pink); letter-spacing: -0.01em; line-height: 1.2; padding-bottom: 0.12em; }
     .script.huge  { font-size: clamp(100px,20vw,380px); }
     .script.giant { font-size: clamp(70px, 14vw,250px); }
     .script.large { font-size: clamp(50px, 9vw, 150px); }
@@ -72,7 +72,7 @@
     .rule.thin    { opacity: 0.25; background: var(--paper); }
 
     /* STAT FIGURE */
-    .stat-figure { font-family: 'DM Serif Display', serif; font-size: clamp(60px,9vw,140px); line-height: 0.9; color: var(--pink); display: flex; align-items: baseline; }
+    .stat-figure { font-family: 'DM Serif Display', serif; font-size: clamp(60px,9vw,140px); line-height: 1.05; color: var(--pink); display: flex; align-items: baseline; }
     .stat-unit { font-size: 0.5em; color: var(--paper); margin-left: 4px; }
 
     /* PILL (matrix) */

package/dist/role-agents/presentation-designer/templates/sakura-chroma.html

@@ -5,7 +5,7 @@
   <title>Sakura Chroma — Reveal.js</title>
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@500;700;800;900&family=Albert+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+JP:wght@500;700&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@500;700;800;900&family=Albert+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+JP:wght@500;700&family=Noto+Sans+KR:wght@400;500;700&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/reveal.css" />
   <style>
     :root {
@@ -21,7 +21,7 @@
       --line:     #3A2516;
     }
 
-    .reveal { font-family: 'Albert Sans', sans-serif; }
+    .reveal { font-family: 'Albert Sans', 'Noto Sans KR', sans-serif; }
     .reveal .slides { text-align: left; }
     .reveal .slides section {
       box-sizing: border-box;
@@ -61,9 +61,9 @@
     }
 
     /* TYPOGRAPHY */
-    .disp  { font-family: 'Big Shoulders Display', sans-serif; font-weight: 900; line-height: 0.84; letter-spacing: -0.012em; }
+    .disp  { font-family: 'Big Shoulders Display', sans-serif; font-weight: 900; line-height: 1.05; letter-spacing: -0.012em; }
     .micro { font-family: 'Albert Sans', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.16em; font-size: clamp(10px,1.1vw,15px); }
-    .body-tx { font-family: 'Albert Sans', sans-serif; font-weight: 400; line-height: 1.5; font-size: clamp(13px,1.4vw,21px); }
+    .body-tx { font-family: 'Albert Sans', sans-serif; font-weight: 400; line-height: 1.75; font-size: clamp(13px,1.4vw,21px); }
     .mono  { font-family: 'JetBrains Mono', monospace; font-weight: 400; font-size: clamp(10px,1.1vw,15px); }
     .jp    { font-family: 'Noto Sans JP', sans-serif; font-weight: 500; }
 

package/dist/role-agents/presentation-designer/templates/signal.html

@@ -5,7 +5,7 @@
   <title>Signal — Reveal.js</title>
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,300;1,8..60,400;1,8..60,600;1,8..60,700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&family=IBM+Plex+Mono:wght@300;400;500&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,300;1,8..60,400;1,8..60,600;1,8..60,700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&family=IBM+Plex+Mono:wght@300;400;500&family=Noto+Serif+KR:wght@400;600;700&family=Noto+Sans+KR:wght@400;500&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/reveal.css" />
   <style>
     /* ── DESIGN TOKENS ────────────────────────────────────────────── */
@@ -23,9 +23,9 @@
       --c-accent:       #c8a870;
       --c-border:       #2e3d5c;
       --c-border-light: #cac4b4;
-      --f-display: "Source Serif 4", serif;
-      --f-heading: "Source Serif 4", serif;
-      --f-body:    "DM Sans", sans-serif;
+      --f-display: "Source Serif 4", "Noto Serif KR", serif;
+      --f-heading: "Source Serif 4", "Noto Serif KR", serif;
+      --f-body:    "DM Sans", "Noto Sans KR", sans-serif;
       --f-mono:    "IBM Plex Mono", monospace;
       --sz-display: 9.5vw;
       --sz-h1:      5.2vw;
@@ -112,13 +112,13 @@
     .slide--compare .slide-body { display: grid; grid-template-columns: 1fr 1fr;     height: 100%; }
 
     /* ── TYPOGRAPHY ───────────────────────────────────────────────── */
-    .display { font-family: var(--f-display); font-size: var(--sz-display); font-weight: 700; line-height: 0.92; letter-spacing: -0.02em; }
-    .h1      { font-family: var(--f-heading); font-size: var(--sz-h1);      font-weight: 700; line-height: 0.95; letter-spacing: -0.01em; }
-    .h2      { font-family: var(--f-heading); font-size: var(--sz-h2);      font-weight: 600; line-height: 1.1; }
-    .h3      { font-size: var(--sz-h3);  font-weight: 500; line-height: 1.2; }
-    .lead    { font-size: var(--sz-lead); font-weight: 400; line-height: 1.5; }
-    .body    { font-size: var(--sz-body); font-weight: 400; line-height: 1.65; }
-    .caption { font-size: var(--sz-caption); line-height: 1.5; }
+    .display { font-family: var(--f-display); font-size: var(--sz-display); font-weight: 700; line-height: 1.05; letter-spacing: -0.02em; }
+    .h1      { font-family: var(--f-heading); font-size: var(--sz-h1);      font-weight: 700; line-height: 1.05; letter-spacing: -0.01em; }
+    .h2      { font-family: var(--f-heading); font-size: var(--sz-h2);      font-weight: 600; line-height: 1.3; }
+    .h3      { font-size: var(--sz-h3);  font-weight: 500; line-height: 1.4; }
+    .lead    { font-size: var(--sz-lead); font-weight: 400; line-height: 1.7; }
+    .body    { font-size: var(--sz-body); font-weight: 400; line-height: 1.75; }
+    .caption { font-size: var(--sz-caption); line-height: 1.7; }
     .label   { font-family: var(--f-mono); font-size: var(--sz-label); font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; }
     .kicker  { font-family: var(--f-mono); font-size: var(--sz-label); letter-spacing: 0.12em; text-transform: uppercase; color: var(--c-accent); display: block; margin-bottom: var(--gap-sm); }
     .muted   { opacity: 0.5; }
@@ -153,7 +153,7 @@
     }
 
     .bullet-list { list-style: none; padding: 0; display: flex; flex-direction: column; gap: var(--gap-sm); }
-    .bullet-list li { display: flex; gap: 0.75em; font-size: var(--sz-body); line-height: 1.6; }
+    .bullet-list li { display: flex; gap: 0.75em; font-size: var(--sz-body); line-height: 1.75; }
     .bullet-list li::before { content: "—"; color: var(--c-accent); flex-shrink: 0; }
 
     .cover-meta {

package/dist/role-agents/presentation-designer/templates/stencil-tablet.html

@@ -5,7 +5,7 @@
   <title>Stencil &amp; Tablet — Reveal.js</title>
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link href="https://fonts.googleapis.com/css2?family=Bowlby+One&family=Stardos+Stencil:wght@400;700&family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Bowlby+One&family=Stardos+Stencil:wght@400;700&family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600&family=Noto+Sans+KR:wght@400;500;700&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/reveal.css" />
   <style>
     :root {
@@ -22,7 +22,7 @@
       --olive:   #6F7A2E;
     }
 
-    .reveal { font-family: 'Barlow Condensed', sans-serif; }
+    .reveal { font-family: 'Barlow Condensed', 'Noto Sans KR', sans-serif; }
     .reveal .slides { text-align: left; }
     .reveal .slides section {
       box-sizing: border-box;
@@ -56,10 +56,10 @@
 
     /* TYPOGRAPHY */
     .stencil { font-family: 'Stardos Stencil', serif; font-weight: 700; }
-    .t-display { font-size: clamp(100px,16vw,260px); line-height: 0.88; letter-spacing: -0.02em; }
-    .t-title   { font-size: clamp(50px, 8vw, 130px);  line-height: 0.92; letter-spacing: -0.01em; font-weight: 900; text-transform: uppercase; }
-    .t-head    { font-size: clamp(24px, 3.5vw, 54px); line-height: 1.0;  font-weight: 800; text-transform: uppercase; letter-spacing: 0.02em; }
-    .t-body    { font-family: 'Inter', sans-serif; font-size: clamp(13px, 1.4vw, 20px); line-height: 1.45; font-weight: 400; }
+    .t-display { font-size: clamp(100px,16vw,260px); line-height: 1.05; letter-spacing: -0.02em; }
+    .t-title   { font-size: clamp(50px, 8vw, 130px);  line-height: 1.05; letter-spacing: -0.01em; font-weight: 900; text-transform: uppercase; }
+    .t-head    { font-size: clamp(24px, 3.5vw, 54px); line-height: 1.2;  font-weight: 800; text-transform: uppercase; letter-spacing: 0.02em; }
+    .t-body    { font-family: 'Inter', sans-serif; font-size: clamp(13px, 1.4vw, 20px); line-height: 1.75; font-weight: 400; }
     .t-label   { font-family: 'Barlow Condensed', sans-serif; font-size: clamp(12px,1.3vw,18px); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
 
     /* TABLET CARD */
@@ -67,7 +67,7 @@
       border-radius: 22px; padding: clamp(20px,3vh,34px) clamp(18px,2.5vw,30px);
       display: flex; flex-direction: column; position: relative; overflow: hidden;
     }
-    .tablet .num { font-family: 'Stardos Stencil', serif; font-weight: 700; line-height: 0.9; font-size: clamp(80px,12vw,180px); letter-spacing: -0.02em; }
+    .tablet .num { font-family: 'Stardos Stencil', serif; font-weight: 700; line-height: 1.05; font-size: clamp(80px,12vw,180px); letter-spacing: -0.02em; }
     .tablet h3  { font-family: 'Stardos Stencil', serif; font-weight: 700; font-size: clamp(16px,2vw,28px); text-transform: uppercase; letter-spacing: 0.02em; margin-top: auto; margin-bottom: 0.5rem; }
     .tablet.dark { background: var(--ink); color: var(--bone); }
 
@@ -76,7 +76,7 @@
       border-radius: 22px; padding: clamp(18px,2.5vh,28px) clamp(16px,2vw,26px);
       display: flex; flex-direction: column; gap: 0.75rem;
     }
-    .stat-num { font-family: 'Stardos Stencil', serif; font-weight: 700; font-size: clamp(60px,9vw,140px); line-height: 0.9; letter-spacing: -0.02em; }
+    .stat-num { font-family: 'Stardos Stencil', serif; font-weight: 700; font-size: clamp(60px,9vw,140px); line-height: 1.05; letter-spacing: -0.02em; }
 
     /* PROCESS NODE */
     .node {

package/dist/role-agents/presentation-designer/templates/studio.html

@@ -5,7 +5,7 @@
   <title>Studio — Reveal.js</title>
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-  <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;800;900&family=IBM+Plex+Mono:wght@300;400;500&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;800;900&family=IBM+Plex+Mono:wght@300;400;500&family=Noto+Sans+KR:wght@400;500;700;900&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/reveal.css" />
   <style>
     /* ── DESIGN TOKENS ────────────────────────────────────────────── */
@@ -23,8 +23,8 @@
       --c-accent:       #f5d200;
       --c-border:       #2e2e2c;
       --c-border-light: rgba(28, 28, 28, 0.18);
-      --f-display: "Barlow", sans-serif;
-      --f-body:    "Barlow", sans-serif;
+      --f-display: "Barlow", "Noto Sans KR", sans-serif;
+      --f-body:    "Barlow", "Noto Sans KR", sans-serif;
       --f-mono:    "IBM Plex Mono", monospace;
       --sz-display: 12vw;
       --sz-h1:  7.5vw;
@@ -98,13 +98,13 @@
     .slide--compare .slide-body { display: grid; grid-template-columns: 1fr 1fr;     height: 100%; }
 
     /* ── TYPOGRAPHY ───────────────────────────────────────────────── */
-    .display { font-size: var(--sz-display); font-weight: 900; line-height: 0.9;  letter-spacing: -0.02em; text-transform: uppercase; }
-    .h1      { font-size: var(--sz-h1);      font-weight: 900; line-height: 0.92; letter-spacing: -0.02em; text-transform: uppercase; }
-    .h2      { font-size: var(--sz-h2);      font-weight: 900; line-height: 0.95; letter-spacing: -0.01em; text-transform: uppercase; }
-    .h3      { font-size: var(--sz-h3);      font-weight: 700; line-height: 1.1;  text-transform: uppercase; }
-    .lead    { font-size: var(--sz-lead);    font-weight: 500; line-height: 1.45; }
-    .body    { font-size: var(--sz-body);    font-weight: 400; line-height: 1.6; }
-    .caption { font-size: var(--sz-caption); line-height: 1.5; }
+    .display { font-size: var(--sz-display); font-weight: 900; line-height: 1.05; letter-spacing: -0.02em; text-transform: uppercase; }
+    .h1      { font-size: var(--sz-h1);      font-weight: 900; line-height: 1.05; letter-spacing: -0.02em; text-transform: uppercase; }
+    .h2      { font-size: var(--sz-h2);      font-weight: 900; line-height: 1.05; letter-spacing: -0.01em; text-transform: uppercase; }
+    .h3      { font-size: var(--sz-h3);      font-weight: 700; line-height: 1.3;  text-transform: uppercase; }
+    .lead    { font-size: var(--sz-lead);    font-weight: 500; line-height: 1.7; }
+    .body    { font-size: var(--sz-body);    font-weight: 400; line-height: 1.75; }
+    .caption { font-size: var(--sz-caption); line-height: 1.7; }
     .label   { font-family: var(--f-mono); font-size: var(--sz-label); font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; }
     .kicker  { font-family: var(--f-mono); font-size: var(--sz-label); letter-spacing: 0.12em; text-transform: uppercase; color: var(--c-accent); display: block; margin-bottom: var(--gap-sm); }
     .dark  .kicker { color: var(--c-accent); }
@@ -125,7 +125,7 @@
     }
 
     .bullet-list { list-style: none; padding: 0; display: flex; flex-direction: column; gap: var(--gap-sm); }
-    .bullet-list li { display: flex; gap: 0.75em; font-size: var(--sz-body); line-height: 1.6; }
+    .bullet-list li { display: flex; gap: 0.75em; font-size: var(--sz-body); line-height: 1.75; }
     .dark  .bullet-list li::before { content: "—"; color: var(--c-accent); flex-shrink: 0; }
     .light .bullet-list li::before { content: "—"; color: var(--c-fg-light); flex-shrink: 0; }