const generateColorClasses=()=>{const styleTag=document?.querySelector('.gc-tw style');if(!styleTag){return}const cssText=styleTag.textContent;const colorsStartIndex=cssText.indexOf('/* colors */');if(colorsStartIndex===-1){return}const rootStart=cssText.lastIndexOf(':root',colorsStartIndex);if(rootStart===-1){return}const rootEndBrace=cssText.indexOf('}',colorsStartIndex);const nextCommentIndex=cssText.indexOf('/*',colorsStartIndex+10);let endIndex;if(nextCommentIndex!==-1&&nextCommentIndex0){const newClasses='\n\n/* Generated color utility classes */\n'+colorClasses.join('\n');styleTag.textContent+=newClasses}};const generateResponsiveCSS=()=>{if(window.innerWidth>=960){return}const styleTag=document?.querySelector('.gc-tw style');if(!styleTag){return}const startIndex=styleTag.textContent.indexOf('/* ——————————————— UTILITY CLASSES ——————————————— */');if(startIndex===-1){return}const tempStyle=document.createElement('style');tempStyle.textContent=styleTag.textContent.slice(startIndex);document.head.appendChild(tempStyle);const mobileRules=Array.from(tempStyle.sheet.cssRules).filter(rule=>rule instanceof CSSStyleRule&&rule.selectorText?.startsWith('.')&&!rule.selectorText.match(/(:root|@media|\.sm\\:)/)).map(rule=>`.sm\\:${rule.selectorText.slice(1)} { ${rule.style.cssText } }`).join('\n');document.head.removeChild(tempStyle);styleTag.textContent+=`\n@media (max-width: 960px) {\n${ mobileRules }\n}`};addEventListener('load',()=>{generateColorClasses();generateResponsiveCSS()});