reymond-group/smilesDrawer — reverse-engineered prompt

Build me a small browser only JavaScript tool for drawing chemical structures from SMILES text. I want a simple playground where someone can type or paste a SMILES string and instantly see a clean 2D molecule drawing, with no server and no image templates.

Please support drawing to a canvas, and also SVG output if it fits naturally. Add a single molecule mode and a batch mode where I can paste many SMILES strings and render them all. Include light and dark themes, plus easy settings for size, bond thickness, atom style, padding, colors, and similar drawing options. It should be fast enough to update while typing and should not crash on bad input, just show a helpful message.

Also make a small documentation page with a getting started example, a live demo with presets, and a couple of copy paste code examples for using the drawer in another web page. Keep it lightweight and easy to reuse as a JavaScript library.