script.js

// Theme
const html = document.documentElement;
const themeIcon = document.getElementById('themeIcon');
const stored = localStorage.getItem('nullum-theme');
if (stored) {
  html.setAttribute('data-theme', stored);
  themeIcon.innerHTML = stored === 'dark' ? '☀' : '☾';
}

document.getElementById('themeToggle').addEventListener('click', () => {
  const next = html.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';
  html.setAttribute('data-theme', next);
  themeIcon.innerHTML = next === 'dark' ? '☀' : '☾';
  localStorage.setItem('nullum-theme', next);
});

// Segment control
let currentType = 'paragraphs';
document.querySelectorAll('.seg-control button').forEach(btn => {
  btn.addEventListener('click', () => {
    document.querySelectorAll('.seg-control button').forEach(b => b.classList.remove('active'));
    btn.classList.add('active');
    currentType = btn.dataset.type;
  });
});

// Text banks
const BANKS = {
  latin: {
    loremStart: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
    sentences: [
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
      "Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
      "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.",
      "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.",
      "Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.",
      "Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.",
      "Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.",
      "Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt.",
      "Ut labore et dolore magnam aliquam quaerat voluptatem.",
      "Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil.",
      "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis.",
      "Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit.",
      "Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe.",
      "Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus.",
      "Quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex.",
      "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.",
      "Magni dolores eos qui ratione voluptatem sequi nesciunt neque porro quisquam.",
      "Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit.",
      "Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit.",
      "Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil."
    ]
  },
  english: {
    loremStart: "The point of using dummy text is that it has a more-or-less normal distribution of letters, as opposed to using content here.",
    sentences: [
      "The point of using dummy text is that it has a more-or-less normal distribution of letters.",
      "It makes it look like readable English rather than artificial filler content.",
      "Many desktop publishing packages and web page editors now use this text as their default model.",
      "A search for lorem ipsum will uncover many websites still in their infancy.",
      "Various versions have evolved over the years, sometimes by accident.",
      "Contrary to popular belief, Lorem Ipsum is not simply random text.",
      "It has roots in a piece of classical Latin literature from 45 BC.",
      "Richard McClintock discovered the undeniable source by looking up one of the more obscure Latin words.",
      "The first line of Lorem Ipsum comes from sections 1.10.32 of De Finibus Bonorum et Malorum.",
      "This book is a treatise on the theory of ethics, very popular during the Renaissance.",
      "Editorial designers rely on placeholder text to evaluate visual hierarchy without distraction.",
      "Typography breathes life into a layout before the final copy has been approved.",
      "A good type specimen reveals the personality of a typeface at multiple sizes.",
      "White space is not empty. It is the negative shape that gives form to everything else.",
      "A designer who can read a grid sees the underlying mathematics of the page.",
      "The relationship between body text and display type defines the mood of the publication.",
      "Leading, tracking, and kerning are the invisible craft behind every elegant paragraph.",
      "Every decision in typography is a decision about how the reader experiences time.",
      "The column measure influences the rhythm of the eye moving across and down the page.",
      "Careful attention to type scale creates a hierarchy that feels effortless to navigate."
    ]
  },
  cicero: {
    loremStart: "Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.",
    sentences: [
      "Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.",
      "Totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt.",
      "Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit.",
      "Neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit.",
      "Sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem.",
      "Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.",
      "Nisi ut aliquid ex ea commodi consequatur voluptatibus maiores alias consequatur.",
      "At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium.",
      "Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus.",
      "Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet.",
      "Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae.",
      "Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores.",
      "Quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi.",
      "Doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore veritatis.",
      "Quasi architecto beatae vitae dicta sunt, explicabo nemo enim ipsam voluptatem quia voluptas."
    ]
  },
  spanish: {
    loremStart: "El texto de relleno estándar ha sido utilizado desde el siglo XVI cuando un impresor desconocido mezcló los tipos.",
    sentences: [
      "El texto de relleno estándar ha sido utilizado desde el siglo XVI cuando un impresor desconocido mezcló los tipos.",
      "Ha sobrevivido no sólo a cinco siglos sino también al salto hacia la composición tipográfica electrónica.",
      "Su popularización se dio en los años sesenta con la aparición de hojas de Letraset.",
      "El diseño editorial requiere de un texto de muestra para evaluar la jerarquía visual.",
      "La tipografía es el arte y la técnica de preparar la impresión con tipos apropiados al texto.",
      "Un buen diseñador entiende que el espacio en blanco es tan importante como el contenido.",
      "La relación entre el texto y la imagen define el carácter de cualquier publicación.",
      "El interlineado, el espaciado y el kerning son los detalles invisibles del buen diseño.",
      "Cada decisión tipográfica refleja una intención sobre cómo el lector experimentará el tiempo.",
      "El diseño de grillas permite organizar el contenido con armonía y coherencia visual.",
      "Una maqueta bien construida comunica la estructura antes de que el contenido esté listo.",
      "Los diseñadores de revistas y libros dependen del texto ficticio para presentar sus propuestas.",
      "La tipografía da vida a una maqueta antes de que la copia final haya sido aprobada.",
      "El texto provisional permite concentrarse en el ritmo visual sin distracciones del contenido.",
      "La elección tipográfica define el tono emocional de cualquier pieza de comunicación."
    ]
  },
  french: {
    loremStart: "Le texte de remplissage standard est utilisé depuis les années 1500 quand un imprimeur inconnu assembla une galée.",
    sentences: [
      "Le texte de remplissage standard est utilisé depuis les années 1500 quand un imprimeur inconnu assembla une galée.",
      "Sa popularisation date des années soixante avec la sortie des feuilles Letraset contenant des passages Lorem Ipsum.",
      "La typographie est l'art et la manière de disposer des caractères pour rendre le texte lisible et harmonieux.",
      "Le designer éditorial comprend que l'espace négatif est aussi important que le contenu lui-même.",
      "La hiérarchie visuelle guide le lecteur à travers la page avec naturel et fluidité.",
      "Un bon maquettiste sait que la grille est le squelette invisible de toute mise en page réussie.",
      "Le corps de texte et le titre doivent trouver un équilibre qui reflète le ton de la publication.",
      "Chaque décision typographique est une décision sur la façon dont le lecteur vit le texte.",
      "Les logiciels de publication assistée par ordinateur ont popularisé l'utilisation du Lorem Ipsum.",
      "Un texte provisoire permet d'évaluer une mise en page sans être distrait par le sens des mots.",
      "La relation entre typographie et image définit le caractère de toute publication imprimée.",
      "La maquette révèle la personnalité d'une police de caractères avant la validation du contenu.",
      "Le design graphique réunit esthétique et fonction dans un dialogue permanent avec le lecteur.",
      "La mesure d'une colonne influence directement la lisibilité et le confort de lecture."
    ]
  },
  german: {
    loremStart: "Der Standardfülltext wird seit dem 16. Jahrhundert verwendet, als ein unbekannter Setzer eine Galerie zusammenstellte.",
    sentences: [
      "Der Standardfülltext wird seit dem 16. Jahrhundert verwendet, als ein unbekannter Setzer eine Galerie zusammenstellte.",
      "Er hat nicht nur fünf Jahrhunderte überstanden, sondern auch den Sprung in den elektronischen Schriftsatz.",
      "Die Typografie ist die Kunst, Schriften so anzuordnen, dass sie lesbar, übersichtlich und ästhetisch wirken.",
      "Ein guter Gestalter versteht, dass der Weißraum genauso wichtig ist wie der Inhalt selbst.",
      "Die visuelle Hierarchie führt den Leser durch die Seite mit Natürlichkeit und Flüssigkeit.",
      "Ein guter Layouter weiß, dass das Raster das unsichtbare Skelett jedes gelungenen Seitenaufbaus ist.",
      "Fließtext und Überschrift müssen ein Gleichgewicht finden, das den Ton der Publikation widerspiegelt.",
      "Laufweite, Zeilendurchschuss und Unterschneidung sind die unsichtbaren Feinheiten des guten Designs.",
      "Jede typografische Entscheidung ist eine Entscheidung darüber, wie der Leser den Text erlebt.",
      "Desktop-Publishing-Software hat die Verwendung von Lorem Ipsum als Fülltext populär gemacht.",
      "Ein vorläufiger Text ermöglicht es, ein Layout zu bewerten, ohne von der Bedeutung abgelenkt zu werden.",
      "Das Verhältnis zwischen Typografie und Bild definiert den Charakter jeder gedruckten Publikation.",
      "Grafik-Design vereint Ästhetik und Funktion in einem permanenten Dialog mit dem Leser.",
      "Die Spaltenbreite beeinflusst die Lesbarkeit und den Lesekomfort direkt und spürbar."
    ]
  },
  italian: {
    loremStart: "Il testo di riempimento standard è utilizzato dal 1500 quando uno stampatore sconosciuto mescolò i caratteri.",
    sentences: [
      "Il testo di riempimento standard è utilizzato dal 1500 quando uno stampatore sconosciuto mescolò i caratteri.",
      "È sopravvissuto non solo a cinque secoli, ma anche al balzo verso la composizione tipografica elettronica.",
      "La tipografia è l'arte di disporre i caratteri in modo da rendere il testo leggibile e armonioso.",
      "Il designer editoriale comprende che lo spazio bianco è importante quanto il contenuto stesso.",
      "La gerarchia visiva guida il lettore attraverso la pagina con naturalezza e fluidità.",
      "Un buon impaginatore sa che la griglia è lo scheletro invisibile di ogni impaginazione riuscita.",
      "Testo corpo e titolo devono trovare un equilibrio che rifletta il tono della pubblicazione.",
      "Spaziatura, interlinea e crenatura sono i dettagli invisibili del buon design tipografico.",
      "Ogni decisione tipografica è una decisione su come il lettore vivrà il testo nel tempo.",
      "I software di desktop publishing hanno reso popolare l'uso del Lorem Ipsum come testo segnaposto.",
      "Un testo provvisorio permette di valutare un layout senza essere distratti dal significato delle parole.",
      "Il rapporto tra tipografia e immagine definisce il carattere di ogni pubblicazione a stampa.",
      "Il design grafico unisce estetica e funzione in un dialogo permanente con il lettore.",
      "La misura di una colonna influenza direttamente la leggibilità e il comfort di lettura."
    ]
  },
  japanese: {
    loremStart: "吾輩は猫である。名前はまだない。どこで生れたかとんと見当がつかぬ。",
    sentences: [
      "吾輩は猫である。名前はまだない。どこで生れたかとんと見当がつかぬ。",
      "山路を登りながら、こう考えた。智に働けば角が立つ。情に棹させば流される。",
      "国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。",
      "春はあけぼの。やうやう白くなりゆく、山ぎは少し明かりて、紫だちたる雲の細くたなびきたる。",
      "祇園精舎の鐘の声、諸行無常の響きあり。沙羅双樹の花の色、盛者必衰の理をあらわす。",
      "月日は百代の過客にして、行きかふ年もまた旅人なり。",
      "木曾路はすべて山の中である。あるところは岨づたいに行く崖の道であり、あるところは数十間の深さに臨む木曾川の岸であり。",
      "今は昔、竹取の翁といふものありけり。野山にまじりて竹を取りつつ、よろづのことに使ひけり。",
      "メロスは激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。",
      "人間失格。はずかしい生涯を送って来ました。自分には、人間の生活というものが、見当つかないのです。",
      "雪国の美しさは、冬の静寂の中に宿っている。白い大地は言葉なく語りかけてくる。",
      "文字の形は、意味を運ぶ船である。字組みの美しさは、読み手の心を静かに導く。",
      "余白は空虚ではない。それは文字と文字の間に息吹を与える、見えない構造である。",
      "書体の選択は、文章の表情を決める。適切な字間と行間が、読みやすさを生み出す。",
      "印刷の歴史は、人類が知識を伝達するための絶え間ない努力の歴史でもある。"
    ]
  },
  korean: {
    loremStart: "나는 고양이로소이다. 이름은 아직 없다. 어디서 태어났는지도 통 알 수가 없다.",
    sentences: [
      "나는 고양이로소이다. 이름은 아직 없다. 어디서 태어났는지도 통 알 수가 없다.",
      "산을 오르며 이런 생각을 했다. 지혜롭게 행동하면 모가 난다. 인정에 흘러가면 떠내려간다.",
      "글자는 의미를 담는 그릇이다. 아름다운 타이포그래피는 독자의 마음을 조용히 이끈다.",
      "여백은 빈 공간이 아니다. 그것은 글자와 글자 사이에 숨결을 부여하는 보이지 않는 구조다.",
      "서체의 선택은 글의 표정을 결정한다. 적절한 자간과 행간이 가독성을 만들어낸다.",
      "편집 디자이너는 레이아웃을 평가할 때 시각적 위계질서에 집중한다.",
      "그리드는 페이지의 보이지 않는 뼈대다. 능숙한 디자이너는 그리드의 수학을 읽을 수 있다.",
      "인쇄의 역사는 인류가 지식을 전달하기 위한 끊임없는 노력의 역사이기도 하다.",
      "봄은 새벽녘이 좋다. 점점 밝아오는 산 언저리에 자줏빛 구름이 가늘게 드리워진 모습이.",
      "텍스트 본문과 제목 서체는 출판물의 분위기를 정의하는 균형을 찾아야 한다.",
      "타이포그래피의 모든 결정은 독자가 시간을 경험하는 방식에 대한 결정이다.",
      "색상과 형태, 그리고 공간의 조화는 위대한 디자인의 기초를 이룬다.",
      "훌륭한 서체 견본집은 여러 크기에서 서체의 개성을 드러내야 한다.",
      "자간, 행간, 커닝은 우아한 단락 뒤에 숨겨진 보이지 않는 장인 정신이다.",
      "열의 너비는 눈이 페이지를 가로질러 아래로 이동하는 리듬에 영향을 준다."
    ]
  },
  hindi: {
    loremStart: "यह एक प्रारंभिक पाठ है जो मुद्रण और प्रकाशन उद्योग में डिज़ाइन के लिए उपयोग किया जाता है।",
    sentences: [
      "यह एक प्रारंभिक पाठ है जो मुद्रण और प्रकाशन उद्योग में डिज़ाइन के लिए उपयोग किया जाता है।",
      "टाइपोग्राफी वह कला है जो शब्दों को सुंदर और पठनीय बनाती है।",
      "एक अच्छा संपादकीय डिज़ाइनर समझता है कि रिक्त स्थान भी उतना ही महत्वपूर्ण है जितना कि सामग्री।",
      "ग्रिड पृष्ठ की अदृश्य रीढ़ है। एक कुशल डिज़ाइनर ग्रिड की संरचना को पढ़ सकता है।",
      "शरीर पाठ और शीर्षक टाइपफेस का संतुलन प्रकाशन के मूड को परिभाषित करता है।",
      "पंक्ति की ऊंचाई, ट्रैकिंग और कर्निंग हर सुंदर अनुच्छेद के पीछे की अदृश्य शिल्पकारी हैं।",
      "टाइपोग्राफी में हर निर्णय इस बारे में होता है कि पाठक समय का अनुभव कैसे करेगा।",
      "एक अच्छा टाइप नमूना कई आकारों में एक टाइपफेस के व्यक्तित्व को प्रकट करना चाहिए।",
      "श्वेत स्थान खाली नहीं है। यह वह नकारात्मक आकृति है जो बाकी सब कुछ को रूप देती है।",
      "कॉलम की चौड़ाई पृष्ठ पर आंख के चलने की लय को सीधे प्रभावित करती है।",
      "टाइप स्केल पर सावधानीपूर्वक ध्यान एक पदानुक्रम बनाता है जो सहज लगता है।",
      "मुद्रण का इतिहास मानव जाति का ज्ञान संचारित करने के लिए निरंतर प्रयास का इतिहास है।",
      "डेस्कटॉप प्रकाशन सॉफ़्टवेयर ने लोरेम इप्सम को डिज़ाइन उद्योग में लोकप्रिय बनाया।",
      "रंग, रूप और स्थान का सामंजस्य महान डिज़ाइन की नींव बनाता है।",
      "एक प्रारूप लेआउट अनुमोदित होने से पहले टाइपफेस के व्यक्तित्व को प्रकट करता है।"
    ]
  },
  malayalam: {
    loremStart: "ഇത് അച്ചടി, പ്രസിദ്ധീകരണ വ്യവസായങ്ങളിൽ ഉപയോഗിക്കുന്ന ഒരു സ്ഥിരം പ്ലേസ്‌ഹോൾഡർ ടെക്സ്റ്റ് ആണ്.",
    sentences: [
      "ഇത് അച്ചടി, പ്രസിദ്ധീകരണ വ്യവസായങ്ങളിൽ ഉപയോഗിക്കുന്ന ഒരു സ്ഥിരം പ്ലേസ്‌ഹോൾഡർ ടെക്സ്റ്റ് ആണ്.",
      "ടൈപ്പോഗ്രഫി എന്നത് വാക്കുകളെ സുന്ദരവും വായിക്കാൻ എളുപ്പവുമാക്കുന്ന കലയാണ്.",
      "ഒരു നല്ല എഡിറ്റോറിയൽ ഡിസൈനർ ശൂന്യ ഇടം ഉള്ളടക്കത്തിനൊപ്പം തുല്യ പ്രാധാന്യം അർഹിക്കുന്നു എന്ന് മനസ്സിലാക്കുന്നു.",
      "ഗ്രിഡ് ഒരു പേജിന്റെ അദൃശ്യ നട്ടെല്ലാണ്. ഒരു നൈപുണ്യമുള്ള ഡിസൈനർ ഗ്രിഡിന്റെ ഗണിതം വായിക്കാൻ കഴിയും.",
      "ബോഡി ടെക്സ്റ്റും ഹെഡ്‌ലൈൻ ടൈപ്‌ഫേസും ഒരു പ്രസിദ്ധീകരണത്തിന്റെ മനോഭാവം നിർണ്ണയിക്കുന്ന സന്തുലനം കണ്ടെത്തണം.",
      "ലൈൻ ഹൈറ്റ്, ട്രാക്കിംഗ്, കേണിംഗ് എന്നിവ ഓരോ സുന്ദരമായ ഖണ്ഡികയ്ക്കും പിന്നിലെ അദൃശ്യ കരകൗശലമാണ്.",
      "ടൈപ്പോഗ്രഫിയിലെ എല്ലാ തീരുമാനങ്ങളും വായനക്കാർ സമയം അനുഭവിക്കുന്ന രീതിയെ കുറിച്ചുള്ള തീരുമാനങ്ങളാണ്.",
      "ഒരു നല്ല ടൈപ്പ് സ്‌പെസിമെൻ ഒന്നിലധികം വലിപ്പങ്ങളിൽ ഒരു ടൈപ്‌ഫേസിന്റെ വ്യക്തിത്വം വെളിപ്പെടുത്തണം.",
      "വെളുത്ത ഇടം ശൂന്യമല്ല. ഇത് ബാക്കിയെല്ലാറ്റിനും രൂപം നൽകുന്ന നെഗറ്റീവ് ആകൃതിയാണ്.",
      "കോളത്തിന്റെ വീതി പേജ് കുറുകെ കണ്ണ് നീങ്ങുന്ന താളത്തെ നേരിട്ട് സ്വാധീനിക്കുന്നു.",
      "ഡെസ്‌ക്‌ടോപ്പ് പബ്ലിഷിംഗ് സോഫ്‌റ്റ്‌വെയർ ലോറം ഇപ്‌സം ഡിസൈൻ ഉദ്യോഗത്തിൽ ജനകീയമാക്കി.",
      "അക്ഷരരൂപം ഒരു ടൈപ്‌ഫേസിന്റെ വ്യക്തിത്വം അന്തിമ ഉള്ളടക്കം അംഗീകരിക്കുന്നതിന് മുൻപ് വെളിപ്പെടുത്തുന്നു.",
      "മലയാള ലിപിയുടെ വക്രരൂപങ്ങൾ ഓരോ ടൈപ്‌ഫേസ് ഡിസൈനർക്കും ഒരു അദ്വിതീയ വെല്ലുവിളി ഉയർത്തുന്നു.",
      "ഒരു ലേഔട്ടിൽ ടൈപ്പ് ക്രമീകരിക്കുന്ന കല ദൃശ്യ ഒഴുക്കും ഘടനയും സൃഷ്ടിക്കുന്നു.",
      "ഗ്രാഫിക് ഡിസൈൻ സൗന്ദര്യശാസ്ത്രവും പ്രവർത്തനവും വായനക്കാരനുമായുള്ള നിരന്തര സംഭാഷണത്തിൽ ഒരുമിപ്പിക്കുന്നു."
    ]
  }
};

function shuffle(arr) {
  const a = [...arr];
  for (let i = a.length - 1; i > 0; i--) {
    const j = Math.floor(Math.random() * (i + 1));
    [a[i], a[j]] = [a[j], a[i]];
  }
  return a;
}

function generateSentences(count, lang, startLorem) {
  const bank = BANKS[lang];
  const pool = shuffle(bank.sentences);
  const result = [];
  for (let i = 0; i < count; i++) result.push(pool[i % pool.length]);
  if (startLorem && result.length > 0) result[0] = bank.loremStart;
  return result;
}

function generateParagraphs(count, lang, startLorem) {
  const bank = BANKS[lang];
  const paragraphs = [];
  for (let p = 0; p < count; p++) {
    const pool = shuffle(bank.sentences);
    const sentCount = 4 + Math.floor(Math.random() * 4);
    const sents = [];
    for (let i = 0; i < sentCount; i++) sents.push(pool[i % pool.length]);
    if (p === 0 && startLorem) sents[0] = bank.loremStart;
    paragraphs.push(sents.join(' '));
  }
  return paragraphs;
}

function countWords(text) { return text.trim().split(/\s+/).length; }

let generatedText = '';

function resetCopyBtn() {
  const btn = document.getElementById('copyBtn');
  btn.classList.remove('copied');
  btn.innerHTML = '<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg> Copy';
}

function generate() {
  const count = Math.min(50, Math.max(1, parseInt(document.getElementById('countInput').value) || 1));
  const lang = document.getElementById('langSelect').value;
  const startLorem = document.getElementById('startLorem').checked;

  const content = document.getElementById('outputContent');
  const copyBtn = document.getElementById('copyBtn');
  const refreshBtn = document.getElementById('refreshBtn');
  const meta = document.getElementById('outputMeta');

  let outputHtml = '';
  let plainText = '';

  if (currentType === 'paragraphs') {
    const paras = generateParagraphs(count, lang, startLorem);
    outputHtml = paras.map(p => '<p>' + p + '</p>').join('');
    plainText = paras.join('\n\n');
    const words = countWords(plainText);
    meta.textContent = count + ' paragraph' + (count !== 1 ? 's' : '') + ' / ' + words + ' words';
  } else {
    const sents = generateSentences(count, lang, startLorem);
    outputHtml = sents.map(s => '<p>' + s + '</p>').join('');
    plainText = sents.join(' ');
    const words = countWords(plainText);
    meta.textContent = count + ' sentence' + (count !== 1 ? 's' : '') + ' / ' + words + ' words';
  }

  generatedText = plainText;
  const scriptClass = {japanese:'script-ja', korean:'script-ko', hindi:'script-hi', malayalam:'script-ml'}[lang] || '';
  content.innerHTML = '<div class="output-text ' + scriptClass + '">' + outputHtml + '</div>';
  copyBtn.style.display = 'flex';
  refreshBtn.style.display = 'flex';
  resetCopyBtn();
}

document.getElementById('generateBtn').addEventListener('click', generate);
document.getElementById('refreshBtn').addEventListener('click', generate);

// Hide "start with lorem ipsum" for non-latin scripts
const nonLatin = ['japanese','korean','hindi','malayalam'];
document.getElementById('langSelect').addEventListener('change', function() {
  const loremRow = document.getElementById('startLorem').closest('.control-group');
  loremRow.style.opacity = nonLatin.includes(this.value) ? '0.3' : '1';
  loremRow.style.pointerEvents = nonLatin.includes(this.value) ? 'none' : '';
});

document.getElementById('copyBtn').addEventListener('click', async function() {
  if (!generatedText) return;
  try {
    await navigator.clipboard.writeText(generatedText);
  } catch(e) {
    const ta = document.createElement('textarea');
    ta.value = generatedText;
    document.body.appendChild(ta);
    ta.select();
    document.execCommand('copy');
    document.body.removeChild(ta);
  }
  this.classList.add('copied');
  this.innerHTML = '<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg> Copied!';
  setTimeout(() => resetCopyBtn(), 2200);
});

document.addEventListener('keydown', e => {
  if ((e.ctrlKey || e.metaKey) && e.key === 'g') { e.preventDefault(); generate(); }
});