空怎么留，页怎么画

桌面永远是左右两栏：左栏是控制面，右栏是展示面。手机把控制面叠在展示面上面，分类从左侧滑出。

• 左栏底色用 surface，和页面底 bg 差一档，当成一张纸贴在桌面上。
• 主按钮只出现一次：工作台底部的「出图」。
• 触控目标不低于 44px。分类、张数、返回都按这个来。

一个模板是一份 JSON。真正会变成输入框的，是 fields。 出图句子写在 prompt 里，用 {{key}} 占位，和空位的 key 对上。

{
  "id": "cinematic",
  "name": "雨夜人像",
  "category": "portrait",
  "aspect": "3:4",
  "fields": [
    {
      "key": "subject",
      "label": "人物",
      "type": "textarea",
      "required": true,
      "placeholder": "一位穿黑色长大衣的人",
      "defaultValue": "一位穿黑色长大衣的东亚女性",
      "hint": "外貌、年龄感、神态"
    }
  ],
  "prompt": "Cinematic still of {{subject}} in {{setting}}."
}

type 只有三种，工作台按这个表画，不写第三种控件：

工作台不写死「人物 / 场景」这种表单。它读当前模板的 fields[] ，按顺序画一行空。换模板，空位跟着换。

1. 01 打开 /studio/$id，取出这份模板。
2. 02 用 defaultValue 填进一份 values。
3. 03 map fields：编号 01、02、03…，label，必填标记，再按 type 画控件。
4. 04 每次改值，用 {{key}} 替换 prompt，底部同步预览。
5. 05 点出图：校验必填 → 把拼好的句子和张数交给出图接口。

选择项的 value 会先翻成英文摄影用语再写进句子（例如 quiet → quiet and still），中文填写原样插入。

暖墨底、纸色字。顶栏右侧三档：跟随系统、白天、黑夜。夜是墨底纸字，昼反过来。朱红 seal 只出现在标志和 Agent 节点角上，不当按钮、不当背景。

• 圆角按层收：卡片 lg，输入框 md，芯片 pill。外圈比内圈大一档。
• 动效只做 150–200ms 的透明度 / 位移，尊重减少动态。
• 图片内侧加 1px 浅描边，避免深色照片融进背景。

返回模板墙