! 動くグラデーションを自由に！CSS @propertyで色が躍る

Create an interactive playground that lets users control CSS @property custom properties in real-time. Use a canvas with animated gradient circles, sliders for hue, saturation, lightness, and speed. Include a reset button. Use GSAP for smooth transitions and Swiper for a tutorial slider. All in one HTML file.