diff --git a/src/tts-modal.js b/src/tts-modal.js index cd78aed..74abbe7 100644 --- a/src/tts-modal.js +++ b/src/tts-modal.js @@ -7,6 +7,16 @@ import { handleTTS, downloadAudio, generateTitleForTTS } from "./tts.js"; const USE_CUSTOM_STYLING = window.UNCLOSEAI_CUSTOM_STYLING !== false; export function openTTSModal() { + // Load appropriate CSS based on whether we're using PicoCSS or built-in styles + const cssFile = USE_CUSTOM_STYLING ? 'uncloseai-modal-pico.css' : 'uncloseai-modal-builtin.css'; + + if (!document.querySelector(`link[href*="${cssFile}"]`)) { + const link = document.createElement('link'); + link.rel = 'stylesheet'; + link.href = `./src/${cssFile}`; + document.head.appendChild(link); + } + // Ensure ChunkFive font is loaded initializeChunkFiveFont();