feat(canvas): 沉浸专注与短剧流程 - 支持专注模式与流程条并入顶栏体系 (#157)

- 沉浸专注：进入后隐藏顶部栏、Dock、缩放控件、小地图与素材托盘，保留专注胶囊可唤出工具与智能体；小屏默认进入，⇧⌘F 切换，Esc 在无选中与浮层时退出
- 智能体面板改贴边停靠并按顶栏让位，作为沉浸专注的配套依赖
- 短剧流程条并入顶栏：折叠入口移入顶栏按钮组，展开条锚定顶栏下缘，与工作模式开关互斥
- 流程步骤改为里程碑节点与状态轨道，新增 --flow-step-* Design Token

Co-authored-by: sikongyue <3155157671@qq.com>

web/src/styles/globals.css

@@ -585,6 +585,14 @@
     --zoom-control-min: 0.05;
     --zoom-control-max: 2;
     --zoom-control-step: 0.1;
+
+    /* 短剧流程引导步骤（里程碑节点 + 状态轨道）*/
+    --flow-step-node: var(--space-5);             /* 20px 完成/待办节点直径 */
+    --flow-step-node-current: var(--space-6);     /* 24px 当前节点直径 */
+    --flow-step-gap: var(--space-1);              /* 4px 节点与标签间距 */
+    --flow-step-track-height: var(--stroke-2);    /* 2px 状态轨道高 */
+    --flow-step-track-width: var(--space-5);      /* 20px 轨道段长 */
+    --flow-step-current-glow: 0 0 0 4px var(--cn-active-stroke-soft); /* 当前节点光晕 */
 }
 
 @layer base {