背景：目前设计角色全部参与到qoder使用, 在大方向确认好后执行一些精细调整的场景下, 通常一个简单的指令需要多花一轮对话来完成最终目标 ( 比如间距大点小点之类 )
需求功能：在预览界面提供右侧 Design / CSS 双模式 侧栏，对选中 DOM 做即时、可视、可回写的样式微调；用眼睛定稿，再把结果交给 Agent 或写入代码。
价值：设计师用 感觉 调视觉，在同一画面里快速试错，定稿更有把握；视觉微调不占用 Agent 轮次，减少「猜数值」式对话带来的 token 浪费；定稿后以 明确 CSS / diff 交接，Agent 专注结构与逻辑。
目的：提升视觉还原精确度，避免用自然语言反复猜 CSS 数值造成无谓 token 消耗及效率提升。
