Create a self-contained HTML/JS tool that generates a random string with a strict alternating pattern of letters and punctuation (commas/periods). The tool must use `document.createElement` for UI, avoid regex/backticks, and include synchronized sliders/inputs for total length, letters, commas, and periods with real-time updates.