fix(storyboard): 还原故事板 — 时间区间/缩略图/白底/字号对齐HTML

- E1 每场卡字号对齐 HTML:.nm 12→11.5、.sub 12→10.5、.asset-tag 12→11.5
- E2 故事板主图留白底色 --background-lighter(灰)→ --surface(白),
  contain 完整显示竖长拼图时不再透出「灰底大框」
- E3 每场 sub 由「#1」改为时间区间「0~15s」(累加脚本镜时长,无脚本回退序号)
- E4 绑定资产前的占位圆点 → 已引用资产缩略图(groupMainUrl,无图回退圆点)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

core/frontend/src/pipeline-page.css

@@ -395,11 +395,12 @@
   .sb-scene-thumb:hover { background: var(--background-lighter); }
   .sb-scene-thumb.selected { border-color: var(--heat); background: var(--heat-12); }
   .sb-scene-thumb .placeholder { aspect-ratio: 1; }
-  .sb-scene-thumb .nm { font-size: 12px; font-weight: 500; color: var(--accent-black); }
-  .sb-scene-thumb .sub { font-family: var(--font-mono); font-size: 12px; color: var(--black-alpha-48); }
+  .sb-scene-thumb .nm { font-size: 11.5px; font-weight: 500; color: var(--accent-black); }
+  .sb-scene-thumb .sub { font-family: var(--font-mono); font-size: 10.5px; color: var(--black-alpha-48); }
   .sb-main-img { aspect-ratio: 16/9; min-height: 0; }
-  /* 整张故事板是竖长拼图,cover 会裁掉上下 —— 用 contain 完整显示 */
-  .sb-main-img.has-mock-media { background-size: contain; }
+  /* 整张故事板是竖长拼图,cover 会裁掉上下 —— 用 contain 完整显示;
+     留白底色用白(--surface)而非占位浅灰,避免「灰底大框」(对齐 HTML 干净白底) */
+  .sb-main-img.has-mock-media { background-size: contain; background-color: var(--surface); }
 
   .sb-rerun-note { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; margin-bottom: 14px; background: rgba(180,83,9,.08); border: 1px solid rgba(180,83,9,.20); border-radius: var(--r-md); color: #7C3A05; line-height: 1.55; }
   .sb-rerun-note .warn-ic { width: 22px; height: 22px; border-radius: var(--r-sm); background: rgba(180,83,9,.12); color: #B45309; display: grid; place-items: center; flex: 0 0 22px; }
@@ -430,8 +431,10 @@
   .prompt-edit { background: var(--background-base); border: 1px solid var(--border-faint); border-radius: var(--r-md); padding: 12px 14px; font-family: var(--font-mono); font-size: 12px; line-height: 1.7; color: var(--accent-black); white-space: pre-wrap; min-height: 200px; outline: none; letter-spacing: .01em; cursor: text; transition: border-color var(--t-base), background var(--t-base), box-shadow var(--t-base); }
   .prompt-edit:hover { border-color: var(--heat-20); }
   .prompt-edit:focus { border-color: var(--heat); background: var(--surface); box-shadow: 0 0 0 3px var(--heat-12); }
-  .asset-tag { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; background: var(--background-lighter); border: 1px solid var(--border-faint); border-radius: var(--r-pill); font-size: 12px; }
+  .asset-tag { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px 4px 4px; background: var(--background-lighter); border: 1px solid var(--border-faint); border-radius: var(--r-pill); font-size: 11.5px; }
   .asset-tag .dotc { width: 14px; height: 14px; background: var(--surface); border: 1px solid var(--border-faint); border-radius: 50%; }
+  /* 绑定资产缩略图(替代占位圆点 · 一眼看出引用了哪张资产) */
+  .asset-tag .asset-thumb { width: 22px; height: 22px; flex: 0 0 22px; border-radius: var(--r-pill); background-size: cover; background-position: center; border: 1px solid var(--border-faint); }
 
   /* ============= STAGE 4 · 视频 ============= */
   .content--fh .stage[data-stage-pane="4"].active > .video-grid { flex: 1 1 0; min-height: 0; overflow-y: auto; }