1. 01在顶部选择圆角、clip-path、cubic-bezier 或加载动画标签。
2. 02圆角页在“四角”与 8 值椭圆模式间切换，调整四个角的水平/垂直百分比或套用预设。
3. 03clip-path 页拖动多边形顶点，双击删除、按钮新增；Bezier 页拖动两个控制点并看动画与 linear 对照。
4. 04Loader 页选择主色，从 12 款动画中直接复制对应 HTML + CSS。

• 圆角每个水平/垂直半径范围 0–100%，提供圆形、树叶、水滴、花瓣等 8 个预设；“随机形状”使用的是 Math.random()，不是公共 Web Crypto 随机模块。
• clip-path 内置三角、菱形、五到八边形、五角星、箭头、十字、对话框、梯形等 12 个预设；至少保留 3 个顶点，新增顶点会插入当前最长边的中点。
• cubic-bezier 的两个 x 控制量强制在 0–1，y 可在 -0.5–1.5，以支持预备和回弹；动画预览时长 0.3–3 秒，代码示例固定给出 600ms 过渡。
• Loader 一共 12 款，包括圆环、双弧、三点、竖条、脉冲、涟漪、轨道、九宫格、进度条、翻转等；复制内容同时包含 HTML 和 CSS。
• 不做什么：不运行任意用户 CSS、不提供完整可视化布局编辑器，也不自动写入项目文件。

所有 CSS 参数、预览和复制结果只在浏览器当前页面生成，不上传，也不执行远程代码。