Urgent Need within 1-2 hour Shopify Jewlery website Enter Text Box to Morse Code live translation

I have a product page built with GemPages and need a lightweight code snippet I can paste in right away. The job is simple: add one minimalistic input field where customers type a name, and have the Morse code translation appear instantly beneath it as they type—no buttons, no page reloads, just a clean live preview.

Key points
• Minimal look: slim border, neutral font, nothing that clashes with the existing theme.
• Real-time conversion: each keystroke updates the Morse sequence immediately.
• Front-end only: pure HTML + CSS + JavaScript (Liquid only if strictly necessary) so I can drop it straight into a GemPages HTML block.
• Tested with standard A-Z characters.

Please include the full snippet and a one-paragraph install note so I can paste, save, and publish. I’m online for the next two hours and need this running today—let me know if you can jump on it right now.