diff --git a/.memory/worklog.json b/.memory/worklog.json
index 06bf826..fa6a35a 100644
--- a/.memory/worklog.json
+++ b/.memory/worklog.json
@@ -1516,6 +1516,19 @@
       "type": "session-heartbeat",
       "message": "Claude 会话活跃 · 最近命令：claude · 1 项未提交变更 · 最近提交：auto-save 2026-05-13 12:57 (~2)",
       "files_changed": 1
+    },
+    {
+      "ts": "2026-05-13T13:03:04+08:00",
+      "type": "commit",
+      "message": "auto-save 2026-05-13 13:02 (~1)",
+      "hash": "b6c9e0c",
+      "files_changed": 1
+    },
+    {
+      "ts": "2026-05-13T05:07:38Z",
+      "type": "session-heartbeat",
+      "message": "Claude 会话活跃 · 最近命令：claude · 5 项未提交变更 · 最近提交：auto-save 2026-05-13 13:02 (~1)",
+      "files_changed": 5
     }
   ]
 }
diff --git a/api/main.py b/api/main.py
index 1710c24..4e46914 100644
--- a/api/main.py
+++ b/api/main.py
@@ -1261,14 +1261,11 @@ def delete_element(job_id: str, idx: int, element_id: str) -> Job:
     return job
 
 
-class CutoutReq(BaseModel):
-    background: Literal["white", "black"] = "white"
-
-
 @app.post("/jobs/{job_id}/frames/{idx}/elements/{element_id}/cutout", response_model=Job)
-def cutout_element(job_id: str, idx: int, element_id: str, req: CutoutReq | None = None) -> Job:
-    """单元素抠图：调 nano-banana image edit，输出纯白底 / 纯黑底元素图。
-    注：Gemini 输出 JPEG 不支持真 alpha，因此用纯色背景。"""
+def cutout_element(job_id: str, idx: int, element_id: str) -> Job:
+    """元素裁切：直接 PIL crop 原帧 region 区域（不调模型，原汁原味保留表情/形体）。
+    只支持 region 模式元素；vision auto / 纯手动文字元素没有坐标，无法裁切。"""
+    from PIL import Image as _PILImage
     job = JOBS.get(job_id)
     if not job:
         raise HTTPException(404, "job not found")
@@ -1278,48 +1275,38 @@ def cutout_element(job_id: str, idx: int, element_id: str, req: CutoutReq | None
     el = next((e for e in frame.elements if e.id == element_id), None)
     if not el:
         raise HTTPException(404, "element not found")
+    if not el.region:
+        raise HTTPException(400, "该元素没有坐标，无法裁切（仅画框元素支持）")
 
-    # 优先用 cleaned 版作 reference（已去掉 logo / 水印干扰），fallback 原图
+    # 优先用 cleaned 版作 source
     cleaned_path = job_dir(job_id) / "cleaned" / f"{idx:03d}.jpg"
     src = cleaned_path if cleaned_path.exists() else job_dir(job_id) / "frames" / f"{idx:03d}.jpg"
     if not src.exists():
         raise HTTPException(404, "source frame file missing")
 
-    background = (req.background if req else "white") or "white"
-    bg_phrase = f"pure {background}"
-
-    target = (el.name_en or el.name_zh).strip()
-    region_phrase = _region_to_phrase(el.region) if el.region else ""
-    if region_phrase:
-        prompt = (
-            f"Extract whatever is in the {region_phrase} part of the image as a standalone asset. "
-            f"Place it on a {bg_phrase} background, isolated, no other objects."
-        )
-    else:
-        position_hint = f" Located in the {el.position} area." if el.position else ""
-        prompt = (
-            f"Extract the {target} from this image as a standalone asset.{position_hint} "
-            f"Place it on a {bg_phrase} background, isolated, no other objects."
-        )
-    # 模型轮换：nano-banana-pro (首选) → gemini-2.5-flash-image (兜底确认可用)
-    # gemini-3.1-flash-image-preview 不支持 i2i (404)，剔除
-    models = [
-        IMAGE_MODEL,
-        "gemini-2.5-flash-image",
-    ]
     try:
-        img_bytes, _mode = _image_edit_call(
-            src, prompt, models=models, fallback_text=False, max_attempts=3,
-        )
-    except RuntimeError as e:
-        raise HTTPException(500, f"cutout failed: {e}")
+        im = _PILImage.open(src).convert("RGB")
+        W, H = im.size
+        r = el.region
+        x = max(0.0, min(1.0, float(r.get("x", 0))))
+        y = max(0.0, min(1.0, float(r.get("y", 0))))
+        w = max(0.0, min(1.0 - x, float(r.get("w", 0))))
+        h = max(0.0, min(1.0 - y, float(r.get("h", 0))))
+        left, top = int(x * W), int(y * H)
+        right, bottom = int((x + w) * W), int((y + h) * H)
+        if right - left < 4 or bottom - top < 4:
+            raise HTTPException(400, "region 太小，无法裁切")
+        cropped = im.crop((left, top, right, bottom))
+    except HTTPException:
+        raise
+    except Exception as e:
+        raise HTTPException(500, f"crop failed: {e}")
 
     out_dir = job_dir(job_id) / "elements"
     out_dir.mkdir(parents=True, exist_ok=True)
-    # 实际是 JPEG bytes，文件用 .jpg 真名
     out_path = out_dir / f"{idx:03d}_{element_id}.jpg"
-    out_path.write_bytes(img_bytes)
-    # 旧版的 .png 文件（错命名为 .png 的 JPEG）也清理掉
+    cropped.save(out_path, format="JPEG", quality=92)
+    # 清理旧版的 .png（旧版"抠图"产物）
     old_png = out_dir / f"{idx:03d}_{element_id}.png"
     if old_png.exists():
         try: old_png.unlink()
@@ -1331,9 +1318,8 @@ def cutout_element(job_id: str, idx: int, element_id: str, req: CutoutReq | None
             for e in f.elements:
                 if e.id == element_id:
                     e.cutout_id = element_id
-                    e.cutout_background = background
         new_frames.append(f)
-    update(job, frames=new_frames, message=f"抠图完成 · {el.name_zh}（{background} 底）")
+    update(job, frames=new_frames, message=f"裁切完成 · {el.name_zh}")
     return job
 
 
diff --git a/web/components/lightbox.tsx b/web/components/lightbox.tsx
index 3b4e9a3..e150e30 100644
--- a/web/components/lightbox.tsx
+++ b/web/components/lightbox.tsx
@@ -220,14 +220,14 @@ export function FrameLightbox({ jobId, frames, activeIndex, selected, onClose, o
     }
   }
 
-  const handleCutout = async (id: string, background: "white" | "black" = "white") => {
+  const handleCutout = async (id: string) => {
     setCuttingId(id)
     try {
-      const updated = await cutoutElement(jobId, f.index, id, background)
+      const updated = await cutoutElement(jobId, f.index, id)
       onJobUpdate?.(updated)
-      toast.success(`抠图完成（${background === "white" ? "白底" : "黑底"}）`)
+      toast.success("裁切完成")
     } catch (e) {
-      toast.error("抠图失败：" + (e instanceof Error ? e.message : String(e)))
+      toast.error("裁切失败：" + (e instanceof Error ? e.message : String(e)))
     } finally {
       setCuttingId(null)
     }
@@ -609,29 +609,29 @@ export function FrameLightbox({ jobId, frames, activeIndex, selected, onClose, o
                 {elements.map((e) => {
                   const isCutting = cuttingId === e.id
                   const hasCutout = !!e.cutout_id
-                  const bg = e.cutout_background ?? "white"
+                  const hasRegion = !!e.region
                   return (
                     <div
                       key={e.id}
                       className="group/c relative rounded-md bg-white/[0.04] border border-white/10 px-2.5 py-1.5 flex items-start gap-2"
                     >
-                      {/* 抠图缩略图 / 占位（真实底色：white/black） */}
+                      {/* 裁切缩略图 / 占位 */}
                       <div
-                        className="flex-shrink-0 rounded border border-white/8 flex items-center justify-center overflow-hidden"
-                        style={{ width: 36, height: 36, background: hasCutout ? (bg === "black" ? "#000" : "#fff") : "rgba(0,0,0,0.4)" }}
+                        className="flex-shrink-0 rounded border border-white/8 flex items-center justify-center overflow-hidden bg-black/40"
+                        style={{ width: 36, height: 36 }}
                       >
                         {hasCutout ? (
                           <a
                             href={cutoutUrl(jobId, f.index, e.id)}
                             target="_blank"
                             rel="noreferrer"
-                            title={`点击查看 · ${bg === "white" ? "白底" : "黑底"}`}
+                            title="点击查看原图"
                             className="block w-full h-full"
                           >
                             <img
                               src={cutoutUrl(jobId, f.index, e.id)}
                               alt={e.name_zh}
-                              className="w-full h-full object-contain"
+                              className="w-full h-full object-cover"
                             />
                           </a>
                         ) : (
@@ -645,10 +645,8 @@ export function FrameLightbox({ jobId, frames, activeIndex, selected, onClose, o
                           {e.source === "auto" && (
                             <span className="text-[8.5px] text-pink-300/70 font-mono uppercase">auto</span>
                           )}
-                          {hasCutout && (
-                            <span className={`text-[8.5px] font-mono uppercase ${bg === "white" ? "text-white/80" : "text-white/50"}`}>
-                              {bg}
-                            </span>
+                          {e.source === "region" && (
+                            <span className="text-[8.5px] text-cyan-300/80 font-mono uppercase">box</span>
                           )}
                         </div>
                         <div className="mt-0.5 text-[10px] font-mono leading-tight truncate text-white/45">
@@ -656,38 +654,24 @@ export function FrameLightbox({ jobId, frames, activeIndex, selected, onClose, o
                         </div>
                       </div>
 
-                      {/* 底色 toggle（小） — 选 white/black 后点抠图 */}
-                      <div className="shrink-0 inline-flex rounded overflow-hidden border border-white/15">
+                      {/* 裁切按钮 — 只在有 region 时可用 */}
+                      {hasRegion ? (
                         <button
-                          onClick={() => handleCutout(e.id, "white")}
+                          onClick={() => handleCutout(e.id)}
                           disabled={isCutting}
-                          title="白底抠图"
-                          className={`text-[9.5px] px-1.5 py-0.5 transition ${
-                            hasCutout && bg === "white"
-                              ? "bg-white text-black"
-                              : "bg-white/[0.05] text-white/70 hover:bg-white/15"
+                          title={hasCutout ? "重新裁切原图区域" : "从原图裁切该 region 区域（保留原表情/形体）"}
+                          className={`shrink-0 text-[10px] px-1.5 py-0.5 rounded inline-flex items-center gap-1 transition disabled:opacity-50 disabled:cursor-not-allowed ${
+                            hasCutout
+                              ? "bg-emerald-500/20 text-emerald-200 hover:bg-emerald-500/30"
+                              : "bg-cyan-500/30 text-white/90 hover:bg-cyan-500/50"
                           }`}
-                        >W</button>
-                        <button
-                          onClick={() => handleCutout(e.id, "black")}
-                          disabled={isCutting}
-                          title="黑底抠图"
-                          className={`text-[9.5px] px-1.5 py-0.5 transition ${
-                            hasCutout && bg === "black"
-                              ? "bg-black text-white"
-                              : "bg-black/30 text-white/70 hover:bg-black/60"
-                          }`}
-                        >B</button>
-                      </div>
-
-                      {/* 抠图状态指示（不再是按钮，因为 W/B toggle 即触发） */}
-                      {isCutting ? (
-                        <span className="shrink-0 text-[10px] px-1.5 py-0.5 rounded inline-flex items-center gap-1 bg-violet-500/30 text-white/90">
-                          <Loader2 className="h-2.5 w-2.5 animate-spin" /> 抠图中
-                        </span>
-                      ) : !hasCutout ? (
-                        <span className="shrink-0 text-[9.5px] text-white/35 self-center">未抠</span>
-                      ) : null}
+                        >
+                          {isCutting ? <Loader2 className="h-2.5 w-2.5 animate-spin" /> : <Sparkle className="h-2.5 w-2.5" />}
+                          {isCutting ? "裁切中" : hasCutout ? "重裁" : "裁切"}
+                        </button>
+                      ) : (
+                        <span className="shrink-0 text-[9.5px] text-white/35 self-center" title="该元素仅文字描述 · 在原图上画框才能裁切">仅文字</span>
+                      )}
 
                       {/* 删除 */}
                       <button
diff --git a/web/components/nodes/index.tsx b/web/components/nodes/index.tsx
index fe8dfa1..83155f6 100644
--- a/web/components/nodes/index.tsx
+++ b/web/components/nodes/index.tsx
@@ -6,7 +6,7 @@ import {
   Mic, Languages, FileEdit, Sparkles, Film, FileVideo, Loader2, Plus, X, LayoutGrid,
 } from "lucide-react"
 import { NodeShell, type NodeStatus, type NodeKind } from "./node-shell"
-import { type Job, frameUrl, effectiveFrameUrl, videoUrl, generatedImageUrl } from "@/lib/api"
+import { type Job, frameUrl, effectiveFrameUrl, videoUrl, generatedImageUrl, cutoutUrl } from "@/lib/api"
 
 export interface NodeData {
   job: Job | null            // 当前 active job
@@ -588,107 +588,74 @@ const IMAGEGEN_WIDTH = 320
 export function ImageGenNode({ data, selected }: any) {
   const d: NodeData = data
   const job = d?.job
-  const selectedIdxs = Array.from(d?.selectedFrames ?? []).sort((a: number, b: number) => a - b) as number[]
 
-  // 每个 selected frame 取一张代表图：优先 selected gen，否则最新一张
-  const previews = selectedIdxs
-    .map((idx) => {
-      const f = job?.frames.find((x) => x.index === idx)
-      if (!f || !f.generated_images || f.generated_images.length === 0) return null
-      const sel = f.generated_images.find((g) => g.selected)
-      const pick = sel ?? f.generated_images[f.generated_images.length - 1]
-      return { frameIdx: idx, gen: pick, hasSelected: !!sel, total: f.generated_images.length }
-    })
-    .filter((p): p is { frameIdx: number; gen: NonNullable<ReturnType<typeof Object>>; hasSelected: boolean; total: number } => p !== null)
+  // 上方浮条 = 所有 frame 的 elements crop（"分镜头编排"的输入素材）
+  type ElPreview = { frameIdx: number; elementId: string; name: string }
+  const elementCrops: ElPreview[] = job
+    ? job.frames.flatMap((f) =>
+        (f.elements ?? [])
+          .filter((e) => !!e.cutout_id)
+          .map((e) => ({ frameIdx: f.index, elementId: e.id, name: e.name_zh })),
+      )
+    : []
 
-  const totalGens = job?.frames.reduce((sum, f) => sum + (f.generated_images?.length ?? 0), 0) ?? 0
-  const selectedCount = previews.filter((p) => p.hasSelected).length
-
-  const status: NodeStatus = !job ? "pending" : totalGens > 0 ? "done" : "pending"
-  const aspect = job && job.height > 0 ? `${job.width}/${job.height}` : "9/16"
+  const totalElements = elementCrops.length
+  const status: NodeStatus = !job ? "pending" : totalElements > 0 ? "done" : "pending"
 
   return (
     <div className="relative" style={{ width: IMAGEGEN_WIDTH }}>
-      {/* 节点上方：每帧 1 张缩略图 */}
-      {previews.length > 0 && job && (
+      {/* 节点上方：所有元素 crop 图（编排输入素材） */}
+      {elementCrops.length > 0 && job && (
         <div
-          className="absolute left-0 right-0 grid grid-cols-5 gap-1.5"
+          className="absolute left-0 right-0 grid grid-cols-6 gap-1.5"
           style={{ bottom: "calc(100% + 12px)" }}
         >
-          {previews.map((p) => (
+          {elementCrops.map((p) => (
             <div
-              key={p.frameIdx}
-              className={`group relative rounded-md border transition shadow-lg hover:-translate-y-0.5 ${
-                p.hasSelected
-                  ? "border-emerald-400 ring-2 ring-emerald-400/60"
-                  : "border-pink-300/40 dark:border-pink-300/30"
-              }`}
-              style={{ aspectRatio: aspect }}
+              key={`${p.frameIdx}_${p.elementId}`}
+              className="group relative rounded-md border border-violet-300/40 dark:border-violet-300/30 transition shadow-lg hover:-translate-y-0.5 bg-black/40 overflow-hidden"
+              style={{ aspectRatio: "1/1" }}
             >
-            <button
-              onClick={(e) => { e.stopPropagation(); d.onOpenPanel?.("imagegen") }}
-              title={`分镜 ${p.frameIdx + 1} · ${p.total} 张${p.hasSelected ? " · 已选用" : ""} · 打开「分镜头编排」`}
-              className="absolute inset-0 w-full h-full"
-            >
-              <img
-                src={generatedImageUrl(job.id, p.frameIdx, p.gen.id)}
-                alt={`gen ${p.gen.id}`}
-                className="absolute inset-0 w-full h-full object-cover rounded-md"
-              />
-              {p.total > 1 && (
-                <div className="absolute top-0 left-0 bg-black/70 text-white text-[8.5px] font-mono px-1 py-0.5 leading-none rounded-tl-md rounded-br">
-                  {p.total}
-                </div>
-              )}
-              {p.hasSelected && (
-                <div className="absolute inset-0 bg-emerald-400/15 rounded-md pointer-events-none" />
-              )}
-
-              {/* Hover 大图预览 */}
-              <div
-                className="pointer-events-none absolute opacity-0 group-hover:opacity-100 scale-95 group-hover:scale-100 transition-all duration-200 z-[60]"
-                style={{
-                  bottom: "calc(100% + 10px)",
-                  left: "50%",
-                  transform: "translateX(-50%)",
-                  transformOrigin: "bottom center",
-                }}
+              <button
+                onClick={(e) => { e.stopPropagation(); d.onOpenPanel?.("imagegen") }}
+                title={`${p.name} · 来自分镜 ${p.frameIdx + 1} · 打开「分镜头编排」`}
+                className="absolute inset-0 w-full h-full"
               >
-                <div className="rounded-2xl overflow-hidden border border-white/25 bg-black" style={{ boxShadow: "0 40px 100px -20px rgba(0,0,0,0.85), 0 0 0 1px rgba(255,255,255,0.06)" }}>
-                  <img
-                    src={generatedImageUrl(job.id, p.frameIdx, p.gen.id)}
-                    alt={`preview ${p.gen.id}`}
-                    className="block"
-                    style={{
-                      width: IMAGEGEN_WIDTH * 2,
-                      maxWidth: "min(720px, 80vw)",
-                      height: "auto",
-                      maxHeight: "82vh",
-                      objectFit: "contain",
-                    }}
-                  />
-                  <div className="flex items-center justify-between px-3 py-2 bg-black/70 backdrop-blur-md">
-                    <span className="text-white text-[12.5px] font-medium">分镜 {p.frameIdx + 1} · 生成图</span>
-                    <span className="text-white/60 text-[11px] font-mono">{p.gen.mode === "edit" ? "i2i" : "text"} · {p.total} 张</span>
+                <img
+                  src={cutoutUrl(job.id, p.frameIdx, p.elementId)}
+                  alt={p.name}
+                  className="absolute inset-0 w-full h-full object-contain"
+                />
+
+                {/* Hover 大图预览 */}
+                <div
+                  className="pointer-events-none absolute opacity-0 group-hover:opacity-100 scale-95 group-hover:scale-100 transition-all duration-200 z-[60]"
+                  style={{
+                    bottom: "calc(100% + 10px)",
+                    left: "50%",
+                    transform: "translateX(-50%)",
+                    transformOrigin: "bottom center",
+                  }}
+                >
+                  <div className="rounded-2xl overflow-hidden border border-white/25 bg-black" style={{ boxShadow: "0 40px 100px -20px rgba(0,0,0,0.85), 0 0 0 1px rgba(255,255,255,0.06)" }}>
+                    <img
+                      src={cutoutUrl(job.id, p.frameIdx, p.elementId)}
+                      alt={`preview ${p.elementId}`}
+                      className="block"
+                      style={{
+                        maxWidth: "min(560px, 70vw)",
+                        height: "auto",
+                        maxHeight: "70vh",
+                        objectFit: "contain",
+                      }}
+                    />
+                    <div className="flex items-center justify-between px-3 py-2 bg-black/70 backdrop-blur-md">
+                      <span className="text-white text-[12.5px] font-medium">{p.name}</span>
+                      <span className="text-white/60 text-[11px] font-mono">分镜 {p.frameIdx + 1}</span>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </button>
-            {/* 删除按钮：hover 时右上角浮出 */}
-            {d.onDeleteGenerated && (
-              <button
-                onClick={(e) => {
-                  e.stopPropagation()
-                  if (confirm(`删除分镜 ${p.frameIdx + 1} 的这张生成图？`)) {
-                    d.onDeleteGenerated?.(p.frameIdx, p.gen.id)
-                  }
-                }}
-                title="删除该生成图"
-                className="absolute top-1 right-1 h-5 w-5 rounded-full bg-black/70 backdrop-blur text-white/80 hover:bg-rose-500 hover:text-white inline-flex items-center justify-center opacity-0 group-hover:opacity-100 transition z-[70]"
-              >
-                <X className="h-3 w-3" />
               </button>
-            )}
             </div>
           ))}
         </div>
@@ -698,23 +665,23 @@ export function ImageGenNode({ data, selected }: any) {
         type="ai" status={status}
         icon={<LayoutGrid className="h-4 w-4" />}
         title="分镜头编排 · Storyboard"
-        subtitle={`STEP 6 · 接元素 + 场景 ${totalGens > 0 ? `· ${totalGens} 张` : ""}`}
+        subtitle={`STEP 6 · 接元素 + 场景${totalElements > 0 ? ` · ${totalElements} 个元素` : ""}`}
         width={IMAGEGEN_WIDTH}
         selected={selected}
       >
-        {totalGens > 0 ? (
+        {totalElements > 0 ? (
           <div className="text-[11.5px] leading-relaxed text-[var(--text-soft)]">
-            已生成 <span className="text-[var(--text-strong)] font-medium">{totalGens}</span> 张 · 选用 {selectedCount}/{previews.length}
+            素材：<span className="text-[var(--text-strong)] font-medium">{totalElements}</span> 个元素 + 干净版场景
             <br />
             <span className="text-[10.5px] text-[var(--text-faint)]">
-              上方缩略图点击展开编排 · 多视角 / 风格融合 / 布局调整在此完成
+              上方缩略图点击进入编排 · 多视角 / 风格融合 / 布局在此完成（Phase 2）
             </span>
           </div>
         ) : (
           <div className="text-[11.5px] text-[var(--text-faint)] leading-relaxed">
             <span className="text-[var(--text-strong)]">编排素材待接入</span>
             <br />
-            <span className="text-[10.5px]">关键帧节点提取的元素 + 干净版场景图 → 这里做多视角 / 风格融合 / 分镜布局</span>
+            <span className="text-[10.5px]">到关键帧节点画框 → 裁切元素 → 这里聚合所有素材做分镜头编排</span>
           </div>
         )}
       </NodeShell>
diff --git a/web/lib/api.ts b/web/lib/api.ts
index d9db5be..89b1bb5 100644
--- a/web/lib/api.ts
+++ b/web/lib/api.ts
@@ -301,16 +301,9 @@ export async function deleteGeneratedImage(jobId: string, frameIdx: number, genI
   return res.json()
 }
 
-export async function cutoutElement(
-  jobId: string,
-  frameIdx: number,
-  elementId: string,
-  background: "white" | "black" = "white",
-): Promise<Job> {
+export async function cutoutElement(jobId: string, frameIdx: number, elementId: string): Promise<Job> {
   const res = await fetch(`${API_BASE}/jobs/${jobId}/frames/${frameIdx}/elements/${elementId}/cutout`, {
     method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ background }),
   })
   if (!res.ok) {
     const txt = await res.text().catch(() => "")