1. 01上部で角丸、clip-path、cubic-bezier、ローディングアニメーションのタブを選びます。
2. 02角丸ページでは「四隅モード」と「楕円モード（8 値）」を切り替え、四隅それぞれの水平・垂直の半径を調整するかプリセットを適用します。
3. 03clip-path ページでは多角形の頂点をドラッグし、ダブルクリックで削除、ボタンで追加します。ベジェページでは 2 つの制御点をドラッグし、linear との比較アニメーションを確認します。
4. 04ローダーページではメインカラーを選び、12 種類のアニメーションから対応する HTML + CSS をそのままコピーします。

• 角丸は各水平・垂直半径が 0–100% で、円、葉、しずく、花びらなど 8 つのプリセットを用意しています。「ランダムな形状」が使うのは Math.random() で、公開された Web Crypto の乱数モジュールではありません。
• clip-path には三角形、ひし形、五〜八角形、五芒星、矢印、十字、吹き出し、台形など 12 のプリセットがあります。頂点は最低 3 つ残し、追加した頂点は現在いちばん長い辺の中点に挿入されます。
• cubic-bezier の 2 つの x 制御値は 0–1 に固定され、y は -0.5–1.5 の範囲で、予備動作とバウンドに対応します。アニメーションプレビューの時間は 0.3–3 秒で、コード例は 600ms のトランジションで固定です。
• ローダーは全部で 12 種類あり、リング、二重円弧、3 点、縦バー、パルス、リップル、軌道、3×3 グリッド、プログレスバー、フリップなどを含みます。コピー内容には HTML と CSS の両方が入ります。
• やらないこと：任意のユーザー CSS は実行せず、完全なビジュアルレイアウトエディターも提供せず、プロジェクトのファイルへ自動書き込みもしません。

CSS のパラメータ、プレビュー、コピー結果はすべてブラウザーの現在のページで生成され、アップロードもリモートコードの実行も行いません。