你好，请帮我开发一个叫“Gemini 3.0 爆款视频封面工坊”的单页网页应用。这是一个专门帮自媒体创作者生成抖音、小红书、B站视频封面的工具。
技术上，请使用 React 19 和 TypeScript 编写，样式使用 Tailwind CSS（通过 CDN 引入），图标库用 lucide-react，AI 功能使用 Google 的 @google/genai SDK。
这个应用需要包含以下核心功能和界面：
启动检查与设置：
打开应用时，首先检查是否有 API Key。如果没有，必须显示一个漂亮的欢迎页面，要求用户手动输入 Gemini API Key，并把这个 Key 保存在浏览器的本地存储里，这样用户下次来就不用重新输入了。
第一步：输入与配置界面
界面要现代、简洁，以蓝色为主色调。包含以下板块：
内容设定：让用户输入“主标题”（必填）和“副标题”。
平台选择：提供抖音（9:16）、小红书（3:4）、B站（4:3）、YouTube（16:9）四个选项，做成大图标按钮，点击可切换。
视觉素材：允许用户上传两张图片。一张是“主体图”（比如人物自拍），一张是“风格参考图”（比如想模仿的爆款封面）。上传组件要支持拖拽和预览。
细节调整：提供一个文本框输入自定义 AI 指令，并提供一组风格标签按钮（如：强冲突、清新干货、电影感、搞钱风等）供快速选择。
生成按钮：底部放一个显眼的大按钮，点击后开始生成。
第二步：生成结果与修图界面
AI 生成逻辑：请使用 gemini-3-pro-image-preview 模型和Nano Banana的最新模型。在发送给 AI 的提示词中，要强调“生成一张摄影级 4K 质量的图片”，注意不要有AI油腻感，要真实。并且必须准确渲染用户输入的中文标题，同时根据用户选择的平台（如抖音）自动调整构图风格。如果用户上传了参考图，要模仿参考图的配色和排版。
结果展示：生成完成后，展示高清大图。
AI 修图：在图片旁边提供一个输入框，用户可以说“把背景改成红色”或“把标题变大一点”，点击后调用 AI 修改图片。
下载功能：提供一个按钮，可以将生成的图片保存为 PNG。
其他要求
请把所有代码写在可以在浏览器直接运行的文件里（App.tsx, index.html 等）。
一定要做好错误处理，如果 API Key 不对，要提示用户重新输入。
界面一定要漂亮，使用大量的圆角、柔和的阴影和流畅的动画效果。
###详细产品文档：
###产品定位与核心价值
###1.1 产品定位
本产品定位为一款智能、高效、高度定制化的跨平台视频封面一键生成工具，用户上传参考图和文案，即可生成类似参考图结构，色彩，风格的封面图。
###1.2 核心价值
极致效率描述：通过AI实现“输入即产出“的工作流，将单次封面设计时间从平均25分钟压缩至1分钟以内
极致效率目标效益：提升创作者生产力 20 倍以上。
专业级质量描述：内置AI构图引擎，智能识别主体，自动适配字体、配色和排版，生成符合专业设计标准的封面。
专业级质量目标效益：确保视觉吸引力，提升品牌专业度。
原生平台适配描述：深度理解各大平台(抖音、小红书、B站、Youtube等)的视觉风格、限流风险和“流量密码”，一键生成最符合平台调性的封面。
原生平台适配目标效益：显著提升封面的点击率(CTR)与视频转化效果。
文字要求：中文版App，对中文字的呈现要准确。
目标效益：能够理解并生成中文。
###1.3 目标用户
主体: 全平台内容创作者（KOC/KOL）。
覆盖平台: 抖音、Youtube、小红书、B站、微信视频号。
核心赛道: Vlgo、影视、美妆、美食、教育、本地生活、知识科普、游戏、生活记录、好物分享。
###2.1 核心用户流程（User Flow）：
用户从打开APP到获得最终封面的理想操作路径如下：
步骤1：素材输入
模块：标题 & 视觉素材上传；
核心操作：必填主标题;上传关键帧、人物图、风格参考图。
预期输出：AI素材库初始化。
步骤2：风格与尺寸
定制模块：配置中心；
核心操作：选择目标平台/比例(9:16/3:4/16:9);选择视觉风格标签(如“抖音强冲突”)
预期输出：AI生成约束条件确定。
步骤3：AI生成与预览
模块：智能生成引擎
核心操作：点击“一键生成”，AI在1分钟内出图。
预期输出：3-4个不同构图和排版的高清封面方案
步骤4：微调与输出
模块：轻量级编辑器
核心操作：选择最佳方案，进行文案位置/基础美化微调。
预期输出：导出高清PNG文件，确保安全区域合规
###功能模块与AI智能设计
3.1 素材输入与管理 (Input & Assets)
ID：3.1.1 功能点：主/副标题输入
功能点详细描述：主标题为必填项，要求醒目;副标题/标签可选填。
功能点优先级：核心
ID：3.1.2 功能点：视频关键帧上传
功能点详细描述：支持从本地相册导入视频关键帧截图作为底图素材。
功能点优先级：核心
ID：3.1.3
功能点：人物产品图上传
详细描述：支持上传独立的自拍或产品清晰图片，作为封面主体。
优先级：核心
ID：3.1.4
功能描述：风格参考图上传
功能点详细描述：关键AI功能：用户可上传一张大佬的爆款封面案例，AI将智能学习其排版、配色、字体等风格特征，并替换人物主体。
功能点优先级：高
ID：3.1.5
功能点：元素参考图上传
功能点详细描述：支持上传希望出现在封面中的特定图标、贴纸等视觉元素。
功能点优先级：中
3.2 风格与尺寸定制 (Customization & Templates)
ID：3.2.1
功能点：平台尺寸预设
功能点详细描述：提供主流平台一键选择：抖音（9:16），小红书（3:4），Youtube（16:9），微信视频号（1:1/4:3/16:9）。
功能点优先级：核心
ID：3.2.2
功能点：自定义比例
功能点详细描述：支持用户输入任意宽高像素值或比例进行定制。
功能点优先级：高
ID：3.2.3
功能点：视觉风格选择
功能点详细描述：提供丰富的风格标签，指导AI生成：如“抖音强冲突大字报”、“小红书清新干货风”、“B站统一IP模板”、“电影感”、“赛博朋克”、“治愈风”、“严格模仿参考图”等。
功能点优先级：核心
3.3 AI生成与预览 (AI Core & Preview)
ID：3.3.1
功能点：AI智能构图
功能点详细描述：AI核心：自动识别上传素材中的主体（人物、产品），并应用黄金分割、三角构图等专业构图法则，使其成为视觉焦点。注意，不要模仿参考图中的时刻标识。
功能点优先级：核心
ID：3.3.2
功能点：多方案生成
功能点详细描述：AI基于所有输入和约束，一次性生成 3-4 个排版和构图差异化的封面方案供用户选择。
功能点优先级：核心
ID：3.3.3
功能点：字体与效果适配
功能点详细描述：字体自动适配所选平台（如抖音锐利黑体，小红书圆萌少女体），并自动添加描边、阴影等效果确保清晰可读。
功能点优先级：核心
ID：3.3.4
功能点：热点词推荐
功能点详细描述：根据视频标题和所选赛道，推荐当前平台的热门/高点击率词汇，供用户一键添加到标题或标签。
功能点优先级：高
ID：3.3.5
功能点：安全区域检测
功能点详细描述：自动检查并确保核心文字和主体元素处于各平台的安全区域内，避免被平台UI（如标题、点赞）遮挡。
功能点优先级：核心
ID：3.3.6
功能点：跨设备预览
功能点详细描述：提供高清预览图，并支持一键切换查看在不同设备（手机、平板）上的显示效果。
功能点优先级：中
3.4 轻量级编辑器 (Lightweight Editor)
ID：3.4.1
功能点：文案编辑
功能点详细描述：更改标题/副标题内容、字体、颜色、大小。
功能点优先级：核心
ID:3.4.2
功能点：元素位置调整
功能点详细描述：支持拖拽微调各元素（图片、文字框、标签）的位置和层级。
功能点优先级：高
ID：3.4.3
功能点：基础美化
功能点详细描述：对封面底图进行简单的滤镜、亮度、对比度、饱和度调节。
功能点优先级：中
ID：3.4.4
功能点：最终输出
功能点详细描述：导出为高清 PNG 格式，分辨率需满足各平台要求（短边不低于1080px）。
功能点优先级： 核心
3.5 模板与批量创作 (Templates & Batch)
ID：3.5.1
功能：收藏个人模板
功能点详细描述：用户可将满意的封面设计、排版、风格设置保存为“我的模板”复用。
功能点优先级：核心
ID：3.5.2
功能点：历史记录
功能点详细描述：保存用户近期的生成和编辑记录，方便再次修改或导出。
功能点优先级：高
ID：3.5.3
功能点：批量生成
功能点详细描述：支持导入多组“标题 + 关键帧”素材，APP能批量生成风格统一的系列封面。
功能点优先级：高
###用户体验与视觉设计
4.1 界面基调
整体风格: 明亮、现代、简洁。
交互原则: 移动端体验优先，操作流程顺畅，符合创作者对效率和美感的双重追求。
4.2 核心交互设计
我的模板库: 提供类似收藏夹的功能，方便用户快速找到并使用自己保存的模板和风格设置。
快速反馈: AI生成过程中需有明确的加载动画或进度提示，保持用户等待过程的良好体验。
技术规格与性能要求
ID：4.2.1
维度：性能目标
要求：封面生成速度
标准/目标：从点击生成到初步结果出现，目标时间在1分钟以内。
ID：4.2.2
维度：输出质量
要求：图像格式
标准/目标：高清 PNG 格式。
ID：4.2.3
维度：输出分辨率
要求：分辨率
标准/目标：短边不低于 1080 像素（例如：1080x1920，1080x1440等）
ID：4.2.4
维度：AI核心技术
要求：文字生成准确性
标准/目标：关键要求：确保 AI 生成的标题和标签内容准确无误，避免错别字或语病。
ID：4.2.5
维度：AI风格迁移
要求：学习与应用能力
标准/目标：能够精准学习用户上传的“风格参考图”的色调、字体、布局等特征，并高效应用到新封面上。
###其他补充
可考虑集成或借鉴类似 Gemini 3.0的精准文字生成能力，以及Nanobanana 的“智能参考”和强大排版功能，以更好地实现用户上传参考图并生成对应风格封面的需求。
