motiontx/html-in-canvas — reverse-engineered prompt

Build me a simple Next.js app for this repo called HTML in Canvas.

I want a clean page where I can type or paste a small HTML snippet, add some CSS, choose a canvas size and background color, then see the result drawn inside a canvas preview. Make it feel like a tiny playground for testing how HTML can appear inside a canvas. Include a sensible example loaded by default so the page doesn’t look empty.

Please use the existing app structure and keep it polished but not overcomplicated. The preview should update when I edit the fields, and the layout should work nicely on desktop and mobile. If there are limits to what can actually be rendered into canvas, show a friendly note instead of failing silently.

Use TypeScript and the existing Next.js setup. Look up current docs online if you need to.