diff --git a/docs/technical/【前端架构】图片画布编辑器MVP接入方案-2026-06-11.md b/docs/technical/【前端架构】图片画布编辑器MVP接入方案-2026-06-11.md
index 6f426275c..9004bb72b 100644
--- a/docs/technical/【前端架构】图片画布编辑器MVP接入方案-2026-06-11.md
+++ b/docs/technical/【前端架构】图片画布编辑器MVP接入方案-2026-06-11.md
@@ -79,7 +79,7 @@
 - 登录态上传和生成结果必须先落 OSS / asset object，再向 `editor_project_resource` / `editor_asset` 写入轻量 `imageSrc: "/<objectKey>"`、`objectKey` 和 `assetObjectId`；未登录演示态可以在内存里使用 Data URL 预览，但项目、素材库、项目资源和 `editor_canvas.layers_json` 不得写入 `data:image/*`、`data:video/*`、`data:audio/*` 或 `blob:`。旧数据读取时如果已有 `objectKey`，`imageSrc` 归一成 `/<objectKey>`；没有 `objectKey` 的旧 Data URL 需要走修复上传并回写轻量引用。裁扩在项目上下文中虽然由前端 canvas 本地渲染 PNG，也必须先上传 OSS / asset object 并创建 `editor_project_resource`，再把带正式 `resourceId/objectKey/assetObjectId` 的裁扩图层加入画布；不能先把 `local-resource-*` + Data URL 图层交给项目保存或后续去背景。上传到生成面板参考图槽位的图片必须先创建 `editor_project_resource` 行；没有当前工程 ID 时才创建账号级 `editor_asset` 行，随后把对应 `resourceId` 或 `assetId` 写入参考图临时状态；生成请求提交前必须把临时状态解析成 `objectKey`、项目资源 ID 或素材 ID，未登记的本地图片和普通图片路径先上传 OSS，不能直接提交 Data URL、Blob URL 或临时图片源。
 - 资源表保存资源和素材级元数据；图层位置、层级、分组选中所需 ID 和 groupId 保存在 `editor_canvas` 的布局 JSON。布局 JSON 是混合数组：普通图层按 `layerId/resourceId` 保存，生成器占位和生成器对话框按 `itemType: "generation-dialog"` 保存，不新增单独表。普通图层的新保存不再把 `assetKind/generationInputs` 写入布局 JSON；刷新时优先从 `editor_project_resource` 恢复，旧布局中的同名字段只作为兼容兜底。生成器快照必须包含生成器 ID、模式、提示词、参数、参考图、状态、占位框位置和可选 `generatedLayerId`；角色、图标等纯色抠图生成器的前端用户路径不保存或恢复 `screenColor` / `segModel`，同源重绘也不再从 `generationInputs.fields` 恢复 `抠图背景色` 或 `抠图模型`；宣发素材生成器还必须保存并恢复 `publicationWorkflowId`、`publicationGameInfo` 和 `publicationReferences`，避免刷新后生成卡片字段或参考图丢失。生成器快照中的参考图同样只保存 `resourceId/sourceAssetId` 行引用和展示所需 label，不保存图片 Data URL、signed URL 或 `objectKey`；刷新时用 `editor_project_resource` / `editor_asset` 行恢复临时生成请求所需图片源。生成成功后仍保存该快照，只是渲染时由 `generatedLayerId` 锚定到成品图层而不重复显示灰色占位框。`generationInputs.references` 是用户可见输入快照中的行级索引，只允许保存 `{ title, label, refType, refId }`；生成接口只接收提交前临时状态解析出的 `objectKey` 或资源 ID；Data URL、Blob URL 和 signed URL 不进入请求体，不进入资源 / 素材元数据。图层展示尺寸不再作为独立 `Size` 真相保存，刷新与新建图层均按 `Resolution`（`originalWidth/originalHeight`）原分辨率显示。图层组第一版是画布内布局语义，不单独建表。
 - 图片类、生成视频和音频结果除作为 `editor_project_resource` 和画布图层保存外，还要写入账号级 `editor_asset` 素材库；该写入由生成 BFF 在请求携带 `assetFolderId` 时完成。角色、图标图集、UI 提取和角色动作等多产物任务把实际产生的 provider 原始输出及后处理结果分别入库：所有条目沿用 `character`、`icon-spritesheet`、`character-animation` 等真实类型，provider 原始输出承载任务模型成本，后处理派生产物阶段成本为 0。后台素材查询以最终产物为父行、每个中间产物为可展开的独立子行，分页只计算父任务；手动重拆图集保留独立 `taskId` 用于存储隔离和日志排障，通过私有 provenance 从服务端生成账号素材的 source resource、asset object 或 Object Key 取得可信来源任务，并把它写入 `groupTaskId`，不信任客户端可提交的 resource `taskId/assetKind`；跨项目复用后仍可通过稳定媒体引用找回来源。没有可信来源的新拆分显式归到自身任务，不走历史资源链回溯。每个手动切片同时写入 `groupTaskExpectedAssetCount`，全部切片落库后写独立 cohort 完成事实；后台 read model 只让同一根任务的一个已完成拆分批次并入原图集父项，用户后来删除单片不会让批次脱组，部分失败批次和后续重复拆分批次按各自真实任务分页，避免残缺批次抢占根任务、单组无限增长或素材丢失。历史行在项目资源仍存在时兼容回溯，删除项目资源前只固化直接受影响行的真实来源字段，有界展示 ID 不反写数据库。`GENARRATIVE_EXTERNAL_GENERATION_MODE=queue` 下，画布图片、改图、图标素材、UI 素材提取、角色动作、视频、音效和背景音乐生成都先返回 `queueState`，前端轮询 `/api/runtime/external-generation/jobs/{jobId}` 到完成后重新读取项目快照；`inline` 或无项目上下文时才使用响应中的 resource / asset 快照做本地落画布兜底，不再把同一生成结果二次调用素材创建接口。生成请求失败、inline 完成或 queue 任务终态完成 / 失败后，右上角泥点 chip 必须通过 `/profile/dashboard` 回读余额，不做本地乐观扣减。生成视频会单独抽取首帧封面写入 `thumbnailSrc`，素材栏和拖回画布时沿用该封面作为 poster。
-- 生成面板不展示资源名称输入，默认使用原有自动编号；提示词输入保持统一可见边框。图片生成、快速编辑、重绘、修改图片、视频、音频、角色、图标、UI / 自定义规范、角色动画和宣发素材描述统一直接使用公共 `AutoGrowTextArea`，不经 `PlatformTextField` 的 textarea 分支；Enter 继续输入换行而不提交表单。内部命名契约仍使用可选 `assetLabel`，最大 80 字符并在提交时 trim；历史状态或内部调用携带非空名称时，同一个名称必须贯穿 `assetLabel`、`canvasCompletion.title`、项目资源、账号素材和本地兜底图层，刷新后不得退回模板名。图标图集与角色动作请求同样兼容该字段，中间原图使用主名称加固定后缀；图标拆分素材按全连通域视觉顺序自动命名为 `素材 N`。
+- 生成面板不展示资源名称输入，默认使用原有自动编号；提示词输入保持统一可见边框。图片生成、快速编辑、重绘、修改图片、视频、音频、角色、图标、UI / 自定义规范、角色动画和宣发素材描述统一直接使用公共 `AutoGrowTextArea`，不经 `PlatformTextField` 的 textarea 分支；`AutoGrowTextArea` 只负责尺寸与溢出，画布内生成面板统一由 `image-canvas-editor__generation-prompt` 承载边框、背景、padding、圆角和 focus chrome，独立修改图片弹窗继续使用 `image-canvas-editor__generate-prompt`，用途专属类只追加最小高度等差异，不得新建第三套 textarea chrome。Enter 继续输入换行而不提交表单。内部命名契约仍使用可选 `assetLabel`，最大 80 字符并在提交时 trim；历史状态或内部调用携带非空名称时，同一个名称必须贯穿 `assetLabel`、`canvasCompletion.title`、项目资源、账号素材和本地兜底图层，刷新后不得退回模板名。图标图集与角色动作请求同样兼容该字段，中间原图使用主名称加固定后缀；图标拆分素材按全连通域视觉顺序自动命名为 `素材 N`。
 - 画布 Agent 会话按“SpacetimeDB 元数据 + OSS 消息正文”存储：`editor_agent_conversation` 只保存 `conversationId/projectId/ownerUserId/title/messagesObjectKey/deleted/createdAt/updatedAt` 等会话元数据；消息正文整体保存为私有 OSS JSON 文档 `editor-agent/{conversationId}.json`。消息文档单对象上限为 2 MiB，同一会话的消息追加和工具结果回填由 api-server 按 `conversationId` 串行化，避免“读 OSS → 改消息 → 写 OSS”并发覆盖。前端只通过 api-server BFF 读取和发送会话，不直接读写 SpacetimeDB，也不直接读写 OSS。
 - Agent 消息附件只允许引用当前工程画布资源或账号素材库图片，来源类型为 `canvas_resource` / `library_asset`，最多 9 张。附件请求可携带展示用 `imageSrc/thumbnailSrc/objectKey/width/height/label`，但持久化真相仍以后端校验后的 resource / asset 行和 OSS 对象为准；不得把 Data URL、signed URL 或 blob URL 当作会话长期事实。
 - 前端不直接订阅 SpacetimeDB，统一通过 api-server 的 `/api/editor/projects*` BFF 读写。
diff --git a/src/components/image-editor/ImageCanvasPublicationMaterialsDemoPanelView.test.tsx b/src/components/image-editor/ImageCanvasPublicationMaterialsDemoPanelView.test.tsx
index 8e5ef2ed2..e2ad53678 100644
--- a/src/components/image-editor/ImageCanvasPublicationMaterialsDemoPanelView.test.tsx
+++ b/src/components/image-editor/ImageCanvasPublicationMaterialsDemoPanelView.test.tsx
@@ -64,6 +64,9 @@ describe('ImageCanvasPublicationMaterialsDemoPanelView', () => {
 
     expect(description.className).toContain('auto-grow-text-area');
     expect(description.className).not.toContain('platform-text-field');
+    expect(description.className).toContain(
+      'image-canvas-editor__generation-prompt',
+    );
     expect(modelButton.disabled).toBe(true);
     expect(modelButton.textContent).not.toContain('nanobanana2');
     fireEvent.click(modelButton);
diff --git a/src/components/image-editor/ImageCanvasPublicationMaterialsDemoPanelView.tsx b/src/components/image-editor/ImageCanvasPublicationMaterialsDemoPanelView.tsx
index fd8d1c2ef..66d2348be 100644
--- a/src/components/image-editor/ImageCanvasPublicationMaterialsDemoPanelView.tsx
+++ b/src/components/image-editor/ImageCanvasPublicationMaterialsDemoPanelView.tsx
@@ -270,7 +270,7 @@ export function ImageCanvasPublicationMaterialsDemoPanelView({
             value={publicationGameInfo.gameDescription}
             disabled={dialog.status === 'generating'}
             placeholder="神奇数字马戏团里，帕姆尼失控了，找到钥匙，开门逃离马戏团，千万别被抓住了"
-            className="image-canvas-editor__publication-description"
+            className="image-canvas-editor__generation-prompt image-canvas-editor__publication-description"
             onChange={(event) =>
               setGenerateDialog((currentDialog) =>
                 updatePublicationGameInfoField(
diff --git a/src/components/image-editor/ImageCanvasSpecGenerationPanelView.test.tsx b/src/components/image-editor/ImageCanvasSpecGenerationPanelView.test.tsx
index 2d03e8c29..36518061e 100644
--- a/src/components/image-editor/ImageCanvasSpecGenerationPanelView.test.tsx
+++ b/src/components/image-editor/ImageCanvasSpecGenerationPanelView.test.tsx
@@ -280,6 +280,9 @@ describe('ImageCanvasSpecGenerationPanelView', () => {
     );
     expect(customPrompt.className).toContain('auto-grow-text-area');
     expect(customPrompt.className).not.toContain('platform-text-field');
+    expect(customPrompt.className).toContain(
+      'image-canvas-editor__generation-prompt',
+    );
 
     fireEvent.change(screen.getByLabelText('自定义规范提示词'), {
       target: { value: '新的规范提示' },
diff --git a/src/components/image-editor/ImageCanvasSpecGenerationPanelView.tsx b/src/components/image-editor/ImageCanvasSpecGenerationPanelView.tsx
index da99c7dfc..ea1f2d18e 100644
--- a/src/components/image-editor/ImageCanvasSpecGenerationPanelView.tsx
+++ b/src/components/image-editor/ImageCanvasSpecGenerationPanelView.tsx
@@ -294,7 +294,7 @@ export function ImageCanvasSpecGenerationPanelView({
                 value={dialog.specValues?.customPrompt ?? ''}
                 placeholder="写下你想要的任何内容，陶泥儿帮你形成新的约束"
                 disabled={isGenerating}
-                className="image-canvas-editor__spec-textarea"
+                className="image-canvas-editor__generation-prompt image-canvas-editor__spec-textarea"
                 onChange={(event) =>
                   onUpdateSpecFormValue('customPrompt', event.target.value)
                 }
diff --git a/src/components/image-editor/ImageCanvasTextAreaStyles.test.ts b/src/components/image-editor/ImageCanvasTextAreaStyles.test.ts
new file mode 100644
index 000000000..211c4d9ec
--- /dev/null
+++ b/src/components/image-editor/ImageCanvasTextAreaStyles.test.ts
@@ -0,0 +1,55 @@
+import { readFileSync } from 'node:fs';
+
+import { describe, expect, it } from 'vitest';
+
+const stylesheet = readFileSync(
+  new URL('../../index.css', import.meta.url),
+  'utf8',
+);
+
+function readCssRule(selector: string) {
+  const ruleStart = stylesheet.indexOf(selector);
+  expect(ruleStart).toBeGreaterThanOrEqual(0);
+  const bodyStart = stylesheet.indexOf('{', ruleStart) + 1;
+  const bodyEnd = stylesheet.indexOf('}', bodyStart);
+  expect(bodyEnd).toBeGreaterThan(bodyStart);
+  return stylesheet.slice(bodyStart, bodyEnd);
+}
+
+describe('image canvas textarea chrome', () => {
+  it('keeps complete chrome in the canonical generation prompt styles', () => {
+    const generationRule = readCssRule(
+      '.image-canvas-editor__generation-prompt',
+    );
+    expect(generationRule).toContain('border: 1px solid');
+    expect(generationRule).toContain('border-radius: 1.05rem;');
+    expect(generationRule).toContain('background: #f8fafc;');
+    expect(generationRule).toContain('padding: 0.52rem 0.82rem;');
+
+    const generationFocusRule = readCssRule(
+      '.image-canvas-editor__generation-prompt:focus,',
+    );
+    expect(generationFocusRule).toContain(
+      'border-color: var(--image-canvas-brand-border-strong);',
+    );
+    expect(generationFocusRule).toContain(
+      'box-shadow: 0 0 0 3px var(--image-canvas-brand-focus-ring);',
+    );
+
+    const modalRule = readCssRule('.image-canvas-editor__generate-prompt');
+    expect(modalRule).toContain('border: 1px solid #d9dee8;');
+    expect(modalRule).toContain('border-radius: 0.45rem;');
+    expect(modalRule).toContain('background: #f8fafc;');
+    expect(modalRule).toContain('padding: 0.7rem;');
+
+    const modalFocusRule = readCssRule(
+      '.image-canvas-editor__generate-prompt:focus',
+    );
+    expect(modalFocusRule).toContain(
+      'border-color: var(--image-canvas-brand-border-strong);',
+    );
+    expect(modalFocusRule).toContain(
+      'box-shadow: 0 0 0 3px var(--image-canvas-brand-focus-ring);',
+    );
+  });
+});