Build a Lorem Ipsum Generator with AI

Build a single-page Lorem Ipsum generator as a static HTML/CSS/JS site. Use a dark theme with background #0f0f17, card surfaces #12121a, and accent color #ec4899 (pink). Center the content at max-width 700px. The page has a control panel at the top and the generated text output below. The controls should feel compact and well-organized in a single card. Control Panel: 1. Unit selector: three radio buttons styled as pill toggles — "Paragraphs," "Sentences," "Words." Default to Paragraphs. 2. Count input: a number input next to the unit selector. Default 3 paragraphs, range 1-50. For sentences range 1-200, for words range 1-5000. 3. Style selector: five buttons in a row, each with a small icon (CSS-only, like a colored dot or emoji character) and label. The five styles are: - Classic Latin (traditional Lorem Ipsum) - Hipster (artisanal coffee shop vocabulary) - Corporate (business buzzword soup) - Pirate (yarr, sea-themed vocabulary) - Space (sci-fi and astronomy vocabulary) 4. Output format toggle: "Plain Text" vs "HTML (with p tags)" — controls whether the copy output wraps paragraphs in p tags. 5. A "Start with Lorem Ipsum..." checkbox (default checked for Classic, ignored for other styles) — ensures the first sentence begins with the traditional "Lorem ipsum dolor sit amet..." Each style must have its own large word bank (at least 200 unique words per style) hardcoded in JavaScript: Classic Latin: Use the standard Lorem Ipsum word pool (lorem, ipsum, dolor, sit, amet, consectetur, adipiscing, elit, sed, do, eiusmod, tempor, incididunt, ut, labore, et, dolore, magna, aliqua, enim, ad, minim, veniam, quis, nostrud, exercitation, ullamco, laboris, nisi, aliquip, ex, ea, commodo, consequat, duis, aute, irure, in, reprehenderit, voluptate, velit, esse, cillum, fugiat, nulla, pariatur, excepteur, sint, occaecat, cupidatat, non, proident, sunt, culpa, qui, officia, deserunt, mollit, anim, id, est, laborum, and at least 150 more traditional Latin words). Hipster: artisanal, kombucha, sustainable, vinyl, craft, bespoke, curated, locally-sourced, handcrafted, organic, cold-pressed, avocado, sourdough, minimalist, aesthetic, intentional, mindful, plant-based, ethically, foraged, reclaimed, vintage, upcycled, free-range, single-origin, small-batch, slow-roasted, farm-to-table, gluten-free, activated, charcoal, matcha, oat-milk, fermented, probiotic, zero-waste, carbon-neutral, etc. (200+ words). Corporate: synergy, leverage, paradigm, actionable, stakeholder, deliverable, bandwidth, ecosystem, scalable, disruptive, innovative, streamline, optimize, holistic, proactive, incentivize, empower, benchmark, ideation, agile, sprint, pipeline, roadmap, alignment, touchpoint, deep-dive, circle-back, move-the-needle, low-hanging-fruit, value-add, thought-leadership, etc. (200+ words). Pirate: arrr, matey, scallywag, buccaneer, plunder, treasure, galleon, cutlass, doubloon, landlubber, starboard, portside, jolly-roger, broadside, swashbuckle, corsair, marauder, barnacle, gangplank, rigging, crow's-nest, anchor, hull, mast, cannon, powder-keg, rum, grog, sextant, compass, etc. (200+ words). Space: nebula, asteroid, quasar, supernova, photon, antimatter, wormhole, constellation, exoplanet, lightyear, gravitational, orbital, interstellar, spacecraft, propulsion, fusion, reactor, cosmonaut, astronaut, terraform, magnetosphere, radiation, spectrum, cosmic, void, singularity, plasma, trajectory, velocity, lunar, etc. (200+ words). The sentence generation algorithm should: randomly pick 8-20 words from the selected style's word bank, capitalize the first word, add commas after roughly every 4-6 words (with some randomness), and end with a period. Occasionally (20% chance) end with a question mark or exclamation point for non-Latin styles. Paragraphs consist of 3-7 sentences. The output area shows the generated text in a large, readable container with a subtle border. Above the output, show a word count and character count badge. Two buttons below the output: "Copy Text" (copies as plain text or HTML based on toggle) and "Regenerate" (generates new random text with same settings). The copy button shows "Copied!" feedback for 2 seconds. Auto-generate: whenever the user changes any control (unit, count, style, format), the text regenerates automatically without needing to click a button. Use event listeners on all controls. Make it responsive: on mobile, the style selector buttons stack into a 2x3 grid, and the control panel takes full width. The output text area has comfortable mobile reading margins. Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].