buildHtml
baseUrl https://flowscroll.pub
metaTags
title FlowScroll - Focused Writing Zone
style.css

header
 class header
 div
  class container
  h1 FlowScroll
  button
   id settingsBtn
   aria-label Settings
   class icon-btn
   ☰
main
 class container
 div
  class settings-panel hidden
  h2 Focus Settings
  form
   id settingsForm
   label Session Length (minutes):
    for sessionTime
   input
    type number
    id sessionTime
    name sessionTime
    min 1
    value 30
   label Keystroke Interval (seconds):
    for keystrokeInterval
   input
    type number
    id keystrokeInterval
    name keystrokeInterval
    min 5
    value 10
   button Save Settings
    type submit
    class primary-button
 div
  class editor-container
  div
   class energy-bar hidden
  textarea
   id editor
   placeholder Start writing here...
   aria-label Writing area
   spellcheck true
div
 class controls
 button
  id fullscreenBtn
  aria-label Toggle fullscreen
  class icon-button
  ⤢
 button
  id themeToggle
  aria-label Toggle theme
  class icon-button
  🌓
 input
  type range
  id lineWidth
  name lineWidth
  min 40
  max 120
  value 70
  aria-label Adjust line width
footer
 class footer
 div
  class container
  p
   id sessionTimer
   class timer
  p 0 words
   id wordCount
   class counter

script.js