将左侧面板改为可收缩面板
广告
{{v.name}}
📋 原始需求（task.md）：
为了移动端用户的可操作空间，将左侧的调色盘面板改为可收缩面板，收缩时只保留调色盘三个字，向上收缩，展开时向下恢复到原来的面板样式。在移动端，面板默认折叠，在桌面端，面板默认展开。
为了移动端用户的可操作空间，将左侧的调色盘面板改为可收缩面板，收缩时只保留调色盘三个字，向上收缩，展开时向下恢复到原来的面板样式。在移动端，面板默认折叠，在桌面端，面板默认展开。
实现方案
- 点击「调色盘 ▼」标题即可折叠/展开：折叠时只保留标题，内容隐藏，面板向上收缩；展开时向下恢复完整面板（调色盘、自定义取色器、参考图片按钮、提示文字）
- 通过 matchMedia 检测窄屏或触屏设备判定移动端：移动端默认折叠，桌面端默认展开
