Markdown Editor

Shared Prompt

Create a split-pane live markdown editor using the Gumroad design system. Editor on left with monospace textarea and line numbers, rendered preview on right. Toolbar with Bold, Italic, Code, Link, H1, H2, List, Quote as pill buttons. Preview renders headings, code blocks (dark bg), links in pink, lists, blockquotes with pink left border, tables, and task lists. Sync scroll between panes. Word count bar between editor and preview showing words, chars, reading time. Export buttons for Copy HTML and Copy Markdown. Use regex-based markdown rendering with no npm libraries. Cream background (#F4F4F0), white panels with border-2 border-black rounded-2xl, no shadows, no gradients.