Real-time preview rendered as SVG
This single-file solution provides a complete, professional, and interactive application. It uses Tailwind CSS for layout and aesthetics, Lucide for iconography, and Vanilla JavaScript for reactive state management and SVG generation. ```html
Real-time preview rendered as SVG