📊 和柄SVG生成フロー

1. patternタグ定義
繰り返しパターンの領域サイズを指定
↓
2. 図形の生成
pathやcircleで模様の形を定義
↓
3. animateタグ追加
色、サイズ、不透明度を時間変化
↓
4. rectで適用
fill="url(#pattern)"でパターンを描画
↓
5. 追加エフェクト
桜吹雪、光の効果を重ねる
↓
6. アニメーション開始
各要素が独立して動く
ボタンを押してフローを開始