合并画板素材生成与宣发入口改动

新增 UI 设计图提取素材入口并复用 gpt-image-2 spritesheet 拆分流程。

保留图标生成与 UI 提取的 spritesheet 原图并同步放置拆分素材到画布。

补齐宣发素材演示入口、占位图样式、引用上传与生成提交链路。

调整编辑器生成接口 body 限制和 VectorEngine 请求兼容逻辑。

更新画板音乐生成、项目基线、宣发素材与图片画布相关文档。

src/index.css

@@ -4432,6 +4432,25 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   color: rgba(79, 70, 229, 0.62);
 }
 
+.image-canvas-editor__generation-frame--publication {
+  border-color: rgba(236, 72, 153, 0.28);
+  background:
+    radial-gradient(circle at 30% 20%, rgba(244, 114, 182, 0.18), transparent 38%),
+    linear-gradient(135deg, rgba(236, 72, 153, 0.12), rgba(251, 146, 60, 0.08)),
+    rgba(255, 247, 252, 0.78);
+}
+
+.image-canvas-editor__generation-frame--publication.image-canvas-editor__generation-frame--focused {
+  box-shadow:
+    0 0 0 1px rgba(236, 72, 153, 0.28),
+    0 22px 54px rgba(236, 72, 153, 0.18);
+}
+
+.image-canvas-editor__generation-frame--publication
+  .image-canvas-editor__generation-frame-icon {
+  color: rgba(219, 39, 119, 0.64);
+}
+
 .image-canvas-editor__metadata-corner {
   position: absolute;
   right: var(--image-canvas-editor-corner-offset, 0.35rem);
@@ -4539,6 +4558,11 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
   box-shadow: 0 8px 18px rgba(245, 158, 11, 0.24);
 }
 
+.image-canvas-editor__kind-badge--publication {
+  background: rgba(219, 39, 119, 0.92);
+  box-shadow: 0 8px 18px rgba(219, 39, 119, 0.24);
+}
+
 .image-canvas-editor__kind-badge--video {
   background: rgba(37, 99, 235, 0.92);
   box-shadow: 0 8px 18px rgba(37, 99, 235, 0.24);