feat(剪辑编辑器): AI自动选择默认关闭 + 预设样式去背景 + 添加片段面板紧凑化

1. AI自动选择开关默认值 true → false
2. 预设样式卡片去掉深色背景(#1a1a2e)，改为白底纯文字效果展示
   - 默认态: 白色背景 + 浅灰边框
   - hover: #f8fafc 浅灰底
   - active: #eef2ff 主色浅底
   - 标签文字颜色 #8888aa → #64748b
3. 添加片段面板宽度 240px → 180px，内边距 14px → 10px，间距 10px → 8px

apps/web/src/pages/editing-planner/EditingPlanner.css

@@ -1096,16 +1096,16 @@
   position: absolute;
   top: calc(100% + 6px);
   right: 0;
-  width: 240px;
+  width: 180px;
   background: var(--bg-primary, #ffffff);
   border: 1px solid var(--line, #e2e8f0);
   border-radius: var(--radius-md, 18px);
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
   z-index: 100;
-  padding: 14px;
+  padding: 10px;
   display: flex;
   flex-direction: column;
-  gap: 10px;
+  gap: 8px;
 }
 
 /* fixed 定位版本 — 不受任何父容器 overflow 裁剪 */
@@ -1449,8 +1449,8 @@
 
 .ep-title-preset-card {
   aspect-ratio: 1;
-  background: #1a1a2e;
-  border: 2px solid var(--border-color, #3a3a5c);
+  background: #ffffff;
+  border: 2px solid var(--border-color, #e2e8f0);
   border-radius: var(--radius-xs, 8px);
   cursor: pointer;
   display: flex;
@@ -1465,13 +1465,13 @@
 
 .ep-title-preset-card:hover {
   border-color: var(--primary, #6366f1);
-  background: #252545;
+  background: #f8fafc;
   transform: translateY(-1px);
 }
 
 .ep-title-preset-card.active {
   border-color: var(--primary, #6366f1);
-  background: #2a2a4a;
+  background: #eef2ff;
   box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.3);
 }
 
@@ -1484,7 +1484,7 @@
 
 .ep-title-preset-card-label {
   font-size: 9px;
-  color: #8888aa;
+  color: #64748b;
   line-height: 1;
   text-align: center;
   margin-top: auto;

apps/web/src/pages/editing-planner/EditingPlanner.tsx

@@ -101,7 +101,7 @@ const EditingPlanner: React.FC = () => {
 
   /* ── 标题/字幕/BGM 设置 ── */
   const [titleSettings, setTitleSettings] = useState({
-    aiAutoSelect: true,
+    aiAutoSelect: false,
     title: "",
     position: "top",
     font: "思源黑体",