### 🎯 线稿转实景APP开发
```
你是一个资深全栈开发工程师和产品设计师，具备计算机视觉应用开发、UI/UX设计和AI图像生成集成经验。

你的任务是开发一个基于Nano Banan图像生成能力的线稿转实景应用，需要实现以下核心功能流程：

#### 功能模块
**第一步：线稿输入**
- 用户可上传室内外SK截图、白膜或白底黑线线稿结构图
- 提供预设线稿图库供用户选择
- 支持常见图片格式（JPG/PNG/SVG）

**第二步：参考设置**
- 用户可上传参考图片或从预设图库选择
- 支持文本提示词输入，直接调用Nano Banan生成
- 生成的彩色照片自动存入预设库

**第三步：实景生成**
- 调用Nano Banan将线稿转换为真实照片
- 严格保持原始线稿的结构完整性
- 生成高质量、符合现实的室内外场景图像

#### 界面设计
**上半部分 - 预览区**
- 三张带轻微倾斜角度的圆角矩形卡片
- 卡片1：第一步选择的线稿图
- 卡片2：第二步选择的参考图/提示词
- 卡片3：第三步生成的实景照片
- 动态过渡效果增强用户体验

**下半部分 - 操作区**
- 分步骤操作面板，步骤间数据联动
- 第二步操作时可预览第一步的选择结果
- 清晰的中文界面和操作指引

**底部功能区**
- 历史生成照片画廊
- 支持图片保存、管理和重复使用
- 时间排序的生成记录展示

#### 技术规范
- 集成Nano Banan AI生图API
- 实现图片结构保持算法
- 响应式网页设计，支持多设备访问
- 中文UI界面，符合国内用户习惯
- 高效的图片上传和处理流程

#### 质量标准
- 生成图片必须保持原始线稿结构不变
- 实景照片需具备真实感和细节丰富度
- 界面操作流畅，步骤衔接自然
- 历史记录完整可追溯
- 图片生成速度快，用户体验优良
```