{"id":466,"date":"2026-03-08T00:00:03","date_gmt":"2026-03-08T00:00:03","guid":{"rendered":"https:\/\/onlinetexteditor.io\/?page_id=466"},"modified":"2026-04-06T10:56:39","modified_gmt":"2026-04-06T10:56:39","slug":"brat-text-generator","status":"publish","type":"page","link":"https:\/\/onlinetexteditor.io\/it\/brat-text-generator\/","title":{"rendered":"Brat Text Generator \u2013 Generate Instantly"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]<!-- START OF FILE Brat Text Generator - Y2K Brat Layout -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .brat-y2k-wrapper {\r\n        --primary-font: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n        --mono-font: \"Courier New\", Courier, monospace;\r\n        \r\n        --brat-lime: #8ace00;\r\n        --brat-lime-dark: #6ba300;\r\n        --brat-lime-neon: #ccff00;\r\n        --brat-black: #050505;\r\n        --brat-dark: #111111;\r\n        --brat-white: #ffffff;\r\n        --brat-gray: #2a2a2a;\r\n        --brat-accent: #ff007f;\r\n\r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n\r\n        --border-hard: 2px solid var(--brat-lime);\r\n        --shadow-hard: 6px 6px 0px var(--brat-lime);\r\n        --shadow-hover: 8px 8px 0px var(--brat-accent);\r\n        \r\n        --transition-ui: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        \r\n        font-family: var(--primary-font);\r\n        color: var(--brat-white);\r\n        line-height: 1.4;\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        text-align: left;\r\n        \r\n        background: var(--grad-master);\r\n        background-attachment: fixed;\r\n    }\r\n    \r\n    .brat-y2k-wrapper * { box-sizing: border-box; }\r\n\r\n    .brat-y2k-container {\r\n        max-width: 1200px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        padding: 30px 20px !important;\r\n    }\r\n\r\n    \/* HEADER AREA *\/\r\n    .brat-y2k-header {\r\n        text-align: center;\r\n        margin-bottom: 40px;\r\n        position: relative;\r\n    }\r\n    \r\n    .brat-y2k-title {\r\n        font-family: var(--mono-font);\r\n        font-size: 3.5rem;\r\n        font-weight: 900;\r\n        color: var(--brat-lime-neon);\r\n        text-transform: uppercase;\r\n        letter-spacing: -2px;\r\n        margin: 0;\r\n        text-shadow: 4px 4px 0px var(--brat-accent);\r\n        line-height: 0.9;\r\n        position: relative;\r\n        display: inline-block;\r\n    }\r\n    \r\n    .brat-y2k-title i {\r\n        color: var(--brat-white);\r\n        margin-right: 10px;\r\n        animation: pulse-icon 1.5s infinite;\r\n    }\r\n    \r\n    .brat-y2k-title::after {\r\n        content: '';\r\n        display: block;\r\n        width: 100%;\r\n        height: 4px;\r\n        background: var(--brat-lime);\r\n        margin-top: 10px;\r\n        box-shadow: 0 0 10px var(--brat-lime);\r\n    }\r\n\r\n    @keyframes pulse-icon {\r\n        0%, 100% { transform: scale(1) rotate(0deg); }\r\n        50% { transform: scale(1.2) rotate(-10deg); }\r\n    }\r\n\r\n    .brat-y2k-subtitle {\r\n        font-size: 1.1rem;\r\n        color: rgba(255, 255, 255, 0.85);\r\n        max-width: 800px;\r\n        margin: 20px auto 0 auto;\r\n        padding: 0 10px;\r\n        font-weight: 600;\r\n        letter-spacing: 0.5px;\r\n        text-shadow: 0 2px 5px rgba(0,0,0,0.6);\r\n    }\r\n\r\n    \/* VERTICAL LAYOUT *\/\r\n    .brat-y2k-stack {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 30px;\r\n    }\r\n\r\n    \/* TOP PANEL - CONTROLS & INPUT *\/\r\n    .brat-y2k-panel {\r\n        background: var(--brat-dark);\r\n        border: var(--border-hard);\r\n        padding: 25px;\r\n        box-shadow: var(--shadow-hard);\r\n    }\r\n    \r\n    .brat-y2k-panel-label {\r\n        font-family: var(--mono-font);\r\n        font-size: 0.85rem;\r\n        color: var(--brat-black);\r\n        background: var(--brat-lime);\r\n        padding: 4px 8px;\r\n        display: inline-block;\r\n        margin-bottom: 12px;\r\n        font-weight: 900;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .brat-y2k-input {\r\n        width: 100% !important;\r\n        height: 90px !important;\r\n        padding: 15px !important;\r\n        background: #000 !important;\r\n        border: 2px solid var(--brat-gray) !important;\r\n        color: var(--brat-lime-neon) !important;\r\n        font-family: var(--mono-font) !important;\r\n        font-size: 1.4rem !important;\r\n        outline: none !important;\r\n        margin-bottom: 15px;\r\n        transition: var(--transition-ui);\r\n        resize: none;\r\n    }\r\n    \r\n    .brat-y2k-input:focus {\r\n        border-color: var(--brat-lime) !important;\r\n        box-shadow: 0 0 15px rgba(138, 206, 0, 0.3) !important;\r\n    }\r\n    \r\n    .brat-y2k-input::placeholder {\r\n        color: #444;\r\n        font-style: italic;\r\n    }\r\n\r\n    \/* INPUT ACTIONS *\/\r\n    .brat-y2k-actions {\r\n        display: flex;\r\n        gap: 10px;\r\n        margin-bottom: 25px;\r\n        flex-wrap: wrap;\r\n    }\r\n    \r\n    .brat-y2k-action-btn {\r\n        background: var(--brat-gray);\r\n        color: var(--brat-white);\r\n        border: 1px solid #444;\r\n        padding: 8px 15px;\r\n        font-family: var(--mono-font);\r\n        font-size: 0.8rem;\r\n        font-weight: bold;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        transition: var(--transition-ui);\r\n        flex: 1;\r\n        justify-content: center;\r\n        min-width: 120px;\r\n    }\r\n    \r\n    .brat-y2k-action-btn:hover {\r\n        background: var(--brat-lime);\r\n        color: var(--brat-black);\r\n        border-color: var(--brat-lime);\r\n        transform: translateY(-2px);\r\n    }\r\n    \r\n    .brat-y2k-action-btn:active {\r\n        transform: scale(0.98) translateY(0);\r\n    }\r\n\r\n    \/* BUTTON GRID *\/\r\n    .brat-y2k-options {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 10px;\r\n        margin-bottom: 15px;\r\n    }\r\n    \r\n    .brat-y2k-opt-btn {\r\n        background: var(--brat-black);\r\n        border: 1px solid var(--brat-gray);\r\n        color: #888;\r\n        padding: 12px;\r\n        font-family: var(--mono-font);\r\n        font-size: 0.8rem;\r\n        font-weight: bold;\r\n        cursor: pointer;\r\n        text-transform: uppercase;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 6px;\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .brat-y2k-opt-btn:hover {\r\n        background: var(--brat-gray);\r\n        color: #fff;\r\n        border-color: #fff;\r\n        transform: translate(-2px, -2px);\r\n        box-shadow: 4px 4px 0px #000;\r\n    }\r\n    \r\n    .brat-y2k-opt-btn.active {\r\n        background: var(--brat-lime);\r\n        color: var(--brat-black);\r\n        border-color: var(--brat-lime);\r\n        box-shadow: 4px 4px 0px #000;\r\n        transform: translate(0, 0);\r\n    }\r\n    \r\n    .brat-y2k-opt-btn i {\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    \/* BOTTOM AREA - OUTPUT *\/\r\n    .brat-y2k-output {\r\n        background: repeating-linear-gradient(\r\n            45deg,\r\n            #0a0a0a,\r\n            #0a0a0a 10px,\r\n            #0e0e0e 10px,\r\n            #0e0e0e 20px\r\n        );\r\n        border: var(--border-hard);\r\n        padding: 25px;\r\n        min-height: 500px;\r\n        position: relative;\r\n        box-sizing: border-box;\r\n    }\r\n    \r\n    .brat-y2k-output-label {\r\n        position: absolute;\r\n        top: -15px;\r\n        right: 20px;\r\n        background: var(--brat-accent);\r\n        color: #fff;\r\n        font-family: var(--mono-font);\r\n        font-size: 0.8rem;\r\n        padding: 4px 10px;\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        box-shadow: 2px 2px 0px #000;\r\n    }\r\n\r\n    .brat-y2k-list {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 15px;\r\n    }\r\n\r\n    .brat-y2k-card {\r\n        background: var(--brat-black);\r\n        border: 1px solid #333;\r\n        padding: 20px;\r\n        cursor: pointer;\r\n        transition: var(--transition-ui);\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        min-height: 120px;\r\n    }\r\n    \r\n    .brat-y2k-card:hover {\r\n        border-color: var(--brat-lime);\r\n        box-shadow: var(--shadow-hover);\r\n        transform: translate(-4px, -4px);\r\n        z-index: 10;\r\n    }\r\n    \r\n    .brat-y2k-card-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        margin-bottom: 15px;\r\n        font-family: var(--mono-font);\r\n        font-size: 0.7rem;\r\n        color: #666;\r\n        text-transform: uppercase;\r\n        border-bottom: 1px dashed #333;\r\n        padding-bottom: 8px;\r\n        align-items: center;\r\n    }\r\n    \r\n    .brat-y2k-card:hover .brat-y2k-card-header {\r\n        color: var(--brat-lime);\r\n        border-bottom-color: var(--brat-lime);\r\n    }\r\n\r\n    .brat-y2k-card-header i {\r\n        color: var(--brat-accent);\r\n        font-size: 1rem;\r\n        transition: var(--transition-ui);\r\n    }\r\n\r\n    .brat-y2k-card:hover .brat-y2k-card-header i {\r\n        color: var(--brat-lime);\r\n        transform: rotate(180deg) scale(1.2);\r\n    }\r\n    \r\n    .brat-y2k-card-preview {\r\n        font-family: var(--mono-font);\r\n        color: #fff;\r\n        word-break: break-all;\r\n        font-size: 1.1rem;\r\n        flex-grow: 1;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        line-height: 1.3;\r\n        text-shadow: 0 0 5px rgba(255,255,255,0.2);\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .brat-y2k-copy-icon {\r\n        position: absolute;\r\n        bottom: 10px;\r\n        right: 15px;\r\n        color: #444;\r\n        font-size: 0.85rem;\r\n        transition: var(--transition-ui);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .brat-y2k-card:hover .brat-y2k-copy-icon {\r\n        color: var(--brat-lime);\r\n        transform: scale(1.2);\r\n    }\r\n\r\n    .brat-y2k-btn-load {\r\n        width: 100%;\r\n        margin-top: 25px;\r\n        background: var(--brat-lime);\r\n        color: var(--brat-black);\r\n        border: none;\r\n        padding: 20px;\r\n        font-family: var(--mono-font);\r\n        font-size: 1.2rem;\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        cursor: pointer;\r\n        transition: var(--transition-ui);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        box-shadow: var(--shadow-hard);\r\n    }\r\n    \r\n    .brat-y2k-btn-load:hover {\r\n        background: var(--brat-white);\r\n        transform: translate(-4px, -4px);\r\n        box-shadow: 10px 10px 0px var(--brat-accent);\r\n    }\r\n    \r\n    .brat-y2k-btn-load:active {\r\n        transform: translate(0, 0);\r\n        box-shadow: 2px 2px 0px var(--brat-accent);\r\n    }\r\n\r\n    \/* TOAST *\/\r\n    .brat-y2k-toast {\r\n        visibility: hidden;\r\n        background: var(--brat-black);\r\n        color: var(--brat-lime-neon);\r\n        border: 2px solid var(--brat-lime);\r\n        padding: 15px 25px;\r\n        position: fixed;\r\n        left: 50%;\r\n        bottom: 40px;\r\n        transform: translateX(-50%) translateY(20px);\r\n        font-family: var(--mono-font);\r\n        font-weight: 800;\r\n        z-index: 10000;\r\n        text-transform: uppercase;\r\n        box-shadow: 5px 5px 0px #000;\r\n        opacity: 0;\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        letter-spacing: 1px;\r\n    }\r\n    \r\n    .brat-y2k-toast i { color: var(--brat-lime); font-size: 1.2rem; }\r\n    \r\n    .brat-y2k-toast.show { \r\n        visibility: visible; \r\n        opacity: 1;\r\n        transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 600px) {\r\n        .brat-y2k-title { font-size: 2.2rem; }\r\n        .brat-y2k-list { grid-template-columns: 1fr; }\r\n        .brat-y2k-options { grid-template-columns: 1fr; }\r\n        .brat-y2k-subtitle { font-size: 0.95rem; }\r\n        .brat-y2k-actions { flex-direction: column; }\r\n        .brat-y2k-action-btn { width: 100%; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"brat-y2k-wrapper\">\r\n    <div class=\"brat-y2k-container\">\r\n        \r\n        <!-- HEADER -->\r\n        <div class=\"brat-y2k-header\">\r\n            <h1 class=\"brat-y2k-title\"><i class=\"fa-solid fa-bolt\"><\/i> Brat Text Generator \u2013 Generate Instantly<\/h1>\r\n            <p class=\"brat-y2k-subtitle\">Unleash the chaos. Sassy Mix alternating case, dramatic Unicode symbols, and bold attention-grabbing text variations. 100+ live brat transformations at your fingertips.<\/p>\r\n        <\/div>\r\n\r\n        <!-- VERTICAL STACK -->\r\n        <div class=\"brat-y2k-stack\">\r\n            \r\n            <!-- TOP: INPUT SECTION -->\r\n            <div class=\"brat-y2k-panel\">\r\n                <div class=\"brat-y2k-panel-label\">Target Input<\/div>\r\n                <input type=\"text\" class=\"brat-y2k-input\" id=\"bratInputText\" placeholder=\"type here...\" autocomplete=\"off\">\r\n                \r\n                <!-- NEW ACTION BUTTONS -->\r\n                <div class=\"brat-y2k-actions\">\r\n                    <button class=\"brat-y2k-action-btn\" onclick=\"bratSelectAll()\"><i class=\"fa-solid fa-i-cursor\"><\/i> Select All<\/button>\r\n                    <button class=\"brat-y2k-action-btn\" onclick=\"bratCopyInput()\"><i class=\"fa-solid fa-copy\"><\/i> Copy Input<\/button>\r\n                    <button class=\"brat-y2k-action-btn\" onclick=\"bratPasteInput()\"><i class=\"fa-solid fa-paste\"><\/i> Paste from Clipboard<\/button>\r\n                <\/div>\r\n                \r\n                <div class=\"brat-y2k-panel-label\">Engine Mode<\/div>\r\n                <div class=\"brat-y2k-options\">\r\n                    <button class=\"brat-y2k-opt-btn chaos-btn active\" data-val=\"All\">\r\n                        <i class=\"fa-solid fa-layer-group\"><\/i> All Mix\r\n                    <\/button>\r\n                    <button class=\"brat-y2k-opt-btn chaos-btn\" data-val=\"Sassy\">\r\n                        <i class=\"fa-solid fa-face-smirk\"><\/i> Sassy Mix\r\n                    <\/button>\r\n                    <button class=\"brat-y2k-opt-btn chaos-btn\" data-val=\"Mocking\">\r\n                        <i class=\"fa-solid fa-ghost\"><\/i> Mocking\r\n                    <\/button>\r\n                    <button class=\"brat-y2k-opt-btn chaos-btn\" data-val=\"Glitch\">\r\n                        <i class=\"fa-solid fa-bug\"><\/i> Glitch\r\n                    <\/button>\r\n                <\/div>\r\n                \r\n                <div class=\"brat-y2k-panel-label\">Decoration<\/div>\r\n                <div class=\"brat-y2k-options\">\r\n                    <button class=\"brat-y2k-opt-btn symbol-btn active\" data-val=\"Normal\">\r\n                        <i class=\"fa-solid fa-font\"><\/i> Plain\r\n                    <\/button>\r\n                    <button class=\"brat-y2k-opt-btn symbol-btn\" data-val=\"Sparkles\">\r\n                        <i class=\"fa-solid fa-star\"><\/i> Sparkle\r\n                    <\/button>\r\n                    <button class=\"brat-y2k-opt-btn symbol-btn\" data-val=\"Chaos\">\r\n                        <i class=\"fa-solid fa-bolt\"><\/i> Chaos\r\n                    <\/button>\r\n                    <button class=\"brat-y2k-opt-btn symbol-btn\" data-val=\"Aesthetic\">\r\n                        <i class=\"fa-solid fa-cloud\"><\/i> Aesthetic\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- BOTTOM: OUTPUT AREA -->\r\n            <div class=\"brat-y2k-output\">\r\n                <div class=\"brat-y2k-output-label\">Live Preview<\/div>\r\n                <div class=\"brat-y2k-list\" id=\"bratResultList\"><\/div>\r\n                <button class=\"brat-y2k-btn-load\" id=\"bratLoadMoreBtn\">\r\n                    <span>Load More Chaos<\/span> \r\n                    <i class=\"fa-solid fa-arrow-down\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- TOAST -->\r\n    <div id=\"bratToast\" class=\"brat-y2k-toast\">\r\n        <i class=\"fa-solid fa-check-circle\"><\/i> Text Copied to Clipboard\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Action Functions\r\nfunction bratSelectAll() {\r\n    const inputEl = document.getElementById('bratInputText');\r\n    inputEl.select();\r\n    inputEl.setSelectionRange(0, 99999);\r\n    inputEl.focus();\r\n}\r\n\r\nfunction bratCopyInput() {\r\n    const inputEl = document.getElementById('bratInputText');\r\n    navigator.clipboard.writeText(inputEl.value).then(() => {\r\n        showToast('Input Text Copied!');\r\n    });\r\n}\r\n\r\nasync function bratPasteInput() {\r\n    try {\r\n        const text = await navigator.clipboard.readText();\r\n        const inputEl = document.getElementById('bratInputText');\r\n        inputEl.value = text;\r\n        inputEl.dispatchEvent(new Event('input')); \/\/ Trigger live preview update\r\n    } catch (err) {\r\n        showToast('Clipboard Access Denied');\r\n    }\r\n}\r\n\r\nfunction showToast(msg) {\r\n    const toast = document.getElementById('bratToast');\r\n    toast.innerHTML = `<i class=\"fa-solid fa-check-circle\"><\/i> ${msg}`;\r\n    toast.classList.add('show');\r\n    setTimeout(() => toast.classList.remove('show'), 2500);\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const inputEl = document.getElementById('bratInputText');\r\n    const resultList = document.getElementById('bratResultList');\r\n    const loadMoreBtn = document.getElementById('bratLoadMoreBtn');\r\n    const toast = document.getElementById('bratToast');\r\n\r\n    const symbols = {\r\n        Sparkles: ['\u2728', '\ud83d\udcab', '\u26a1', '\ud83c\udf1f', '\u2726', '\u2727', '\u2606', '\u2605'],\r\n        Chaos: ['\ud83d\udd25', '\ud83d\udc80', '\ud83d\udda4', '\ud83d\udca5', '\u26a1', '\ud83e\udd0d', '\ud83d\udc41\ufe0f', '\ud83e\udd87'],\r\n        Aesthetic: ['\u2601\ufe0f', '\ud83c\udf19', '\ud83c\udf43', '\ud83c\udf38', '\ud83e\udd8b', '\ud83e\ude90', '\ud83e\udee7', '\ud83d\udd4a\ufe0f']\r\n    };\r\n\r\n    const rand = (max) => Math.floor(Math.random() * max);\r\n\r\n    let currentChaos = 'All';\r\n    let currentSymbol = 'Normal';\r\n    let limit = 6;\r\n\r\n    const templateNames = [\r\n        'Sassy Mix', 'Chaos Vibe', 'Glitch Mode', 'Mocking Case',\r\n        'Brat Wave', 'Neon Strike', 'Void Echo', 'Acid Drop',\r\n        'Cyber Punk', 'Lime Shock', 'Hot Pink', 'Chaos Theory',\r\n        'Sassy Chaos', 'Rebel Yell', 'Vibe Check', 'Mood Ring',\r\n        'Shadow Flip', 'Neon Ghost', 'Brat Caps', 'Chaos Mesh',\r\n        'Glitch Wave', 'Sassy Ghost', 'Brat Mix', 'Chaos Pulse',\r\n        'Acid Wave', 'Neon Mesh', 'Cyber Sassy', 'Void Chaos',\r\n        'Lime Glitch', 'Hot Mix', 'Rebel Wave', 'Mood Chaos',\r\n        'Shadow Sassy', 'Neon Brat', 'Acid Ghost', 'Cyber Mix',\r\n        'Brat Chaos', 'Glitch Sassy', 'Chaos Wave', 'Sassy Mesh',\r\n        'Neon Pulse', 'Void Brat', 'Lime Chaos', 'Hot Ghost',\r\n        'Rebel Mesh', 'Mood Glitch', 'Shadow Brat', 'Cyber Chaos',\r\n        'Acid Sassy', 'Neon Wave', 'Brat Pulse', 'Chaos Ghost'\r\n    ];\r\n\r\n    const generateConfigs = () => {\r\n        const configs = [];\r\n        let counter = 1;\r\n\r\n        const chaosTypes = ['Sassy', 'Mocking', 'Glitch', 'Wave', 'Caps', 'Strike', 'Invert', 'Scatter', 'Vapor', 'Stutter', 'Bubble', 'Mirror', 'Reverse', 'Upside', 'Slash'];\r\n\r\n        chaosTypes.forEach((type, idx) => {\r\n            templateNames.forEach(name => {\r\n                let icon = 'face-smirk';\r\n                if (type === 'Glitch' || type === 'Strike' || type === 'Slash') icon = 'bug';\r\n                if (type === 'Mocking' || type === 'Invert') icon = 'ghost';\r\n                if (type === 'Wave' || type === 'Vapor' || type === 'Bubble') icon = 'water';\r\n                if (type === 'Caps' || type === 'Scatter') icon = 'bold';\r\n                if (type === 'Mirror' || type === 'Reverse') icon = 'arrows-left-right';\r\n                if (type === 'Upside') icon = 'arrow-down-up-across-line';\r\n                if (type === 'Stutter') icon = 'ellipsis';\r\n\r\n                configs.push({\r\n                    id: `brat-${counter++}`,\r\n                    name: `${name} ${type}`,\r\n                    category: type,\r\n                    icon: icon,\r\n                    variant: idx % 3\r\n                });\r\n            });\r\n        });\r\n\r\n        for (let i = 0; i < 200; i++) {\r\n            const type = chaosTypes[rand(chaosTypes.length)];\r\n            let icon = 'face-smirk';\r\n            if (type === 'Glitch') icon = 'bug';\r\n            if (type === 'Mocking') icon = 'ghost';\r\n            if (type === 'Wave') icon = 'water';\r\n            if (type === 'Caps') icon = 'bold';\r\n            if (type === 'Mirror') icon = 'arrows-left-right';\r\n            if (type === 'Upside') icon = 'arrow-down-up-across-line';\r\n\r\n            configs.push({\r\n                id: `chaos-${i}`,\r\n                name: `Brat ${type} #${Math.floor(Math.random() * 9999)}`,\r\n                category: type,\r\n                icon: icon,\r\n                variant: rand(3)\r\n            });\r\n        }\r\n\r\n        return configs.sort(() => Math.random() - 0.5);\r\n    };\r\n\r\n    const ALL_STYLES = generateConfigs();\r\n\r\n    const toSassyCase = (text, variant) => {\r\n        let result = '';\r\n        let idx = variant === 1 ? 1 : 0;\r\n        for (let i = 0; i < text.length; i++) {\r\n            const char = text[i];\r\n            if (char.match(\/[a-zA-Z]\/)) {\r\n                result += idx % 2 === 0 ? char.toLowerCase() : char.toUpperCase();\r\n                if (variant === 0 && i > 0 && Math.random() < 0.15) {\r\n                    result += symbols.Sparkles[rand(symbols.Sparkles.length)];\r\n                }\r\n                idx++;\r\n            } else {\r\n                result += char;\r\n            }\r\n        }\r\n        return result;\r\n    };\r\n\r\n    const toMockingCase = (text) => {\r\n        let result = '';\r\n        for (let i = 0; i < text.length; i++) {\r\n            const char = text[i];\r\n            if (char.match(\/[a-zA-Z]\/)) {\r\n                result += i % 2 === 0 ? char.toUpperCase() : char.toLowerCase();\r\n            } else {\r\n                result += char;\r\n            }\r\n        }\r\n        return result;\r\n    };\r\n\r\n    const toWaveCase = (text) => {\r\n        let result = '';\r\n        let wave = 0;\r\n        for (let i = 0; i < text.length; i++) {\r\n            const char = text[i];\r\n            if (char.match(\/[a-zA-Z]\/)) {\r\n                result += wave % 2 === 0 ? char.toLowerCase() : char.toUpperCase();\r\n                if (i > 0 && wave % 3 === 0) {\r\n                    result += '~';\r\n                }\r\n                wave++;\r\n            } else {\r\n                result += char;\r\n            }\r\n        }\r\n        return result;\r\n    };\r\n\r\n    const toCapsWithSymbols = (text) => {\r\n        let result = text.toUpperCase();\r\n        const chaosSymbols = ['\u26a1', '\ud83d\udc80', '\ud83d\udd25', '\ud83d\udca5', '\u2694\ufe0f', '\ud83d\udda4', '\ud83d\udcab'];\r\n        return result.split('').map(c => {\r\n            if (Math.random() < 0.2) {\r\n                return c + chaosSymbols[rand(chaosSymbols.length)];\r\n            }\r\n            return c;\r\n        }).join('');\r\n    };\r\n\r\n    const toStrikeText = (text) => {\r\n        return Array.from(text).map(c => c + '\\u0336').join('');\r\n    };\r\n\r\n    const toScatterText = (text) => {\r\n        return text.split('').join(' ');\r\n    };\r\n\r\n    const toVaporText = (text) => {\r\n        const vaporMap = {\r\n            'a': '\uff41', 'b': '\uff42', 'c': '\uff43', 'd': '\uff44', 'e': '\uff45', 'f': '\uff46', 'g': '\uff47', 'h': '\uff48',\r\n            'i': '\uff49', 'j': '\uff4a', 'k': '\uff4b', 'l': '\uff4c', 'm': '\uff4d', 'n': '\uff4e', 'o': '\uff4f', 'p': '\uff50',\r\n            'q': '\uff51', 'r': '\uff52', 's': '\uff53', 't': '\uff54', 'u': '\uff55', 'v': '\uff56', 'w': '\uff57', 'x': '\uff58',\r\n            'y': '\uff59', 'z': '\uff5a', 'A': '\uff21', 'B': '\uff22', 'C': '\uff23', 'D': '\uff24', 'E': '\uff25', 'F': '\uff26',\r\n            'G': '\uff27', 'H': '\uff28', 'I': '\uff29', 'J': '\uff2a', 'K': '\uff2b', 'L': '\uff2c', 'M': '\uff2d', 'N': '\uff2e',\r\n            'O': '\uff2f', 'P': '\uff30', 'Q': '\uff31', 'R': '\uff32', 'S': '\uff33', 'T': '\uff34', 'U': '\uff35', 'V': '\uff36',\r\n            'W': '\uff37', 'X': '\uff38', 'Y': '\uff39', 'Z': '\uff3a'\r\n        };\r\n        return text.split('').map(c => vaporMap[c] || c).join(' ');\r\n    };\r\n\r\n    const toStutterText = (text) => {\r\n        return text.split('').map(c => {\r\n            if (c.match(\/[a-zA-Z]\/) && Math.random() < 0.5) {\r\n                return c + '.' + c;\r\n            }\r\n            return c;\r\n        }).join('');\r\n    };\r\n\r\n    const flipMap = {\r\n        'a': '\u0250', 'b': 'q', 'c': '\u0254', 'd': 'p', 'e': '\u01dd', 'f': '\u025f', 'g': '\u0183', 'h': '\u0265', 'i': '\u0131',\r\n        'j': '\u027e', 'k': '\u029e', 'l': 'l', 'm': '\u026f', 'n': 'u', 'o': 'o', 'p': 'd', 'q': 'b', 'r': '\u0279',\r\n        's': 's', 't': '\u0287', 'u': 'n', 'v': '\u028c', 'w': '\u028d', 'x': 'x', 'y': '\u028e', 'z': 'z'\r\n    };\r\n\r\n    const toUpsideText = (text) => {\r\n        return text.split('').map(c => flipMap[c.toLowerCase()] || c).reverse().join('');\r\n    };\r\n\r\n    const toSlashText = (text) => {\r\n        return Array.from(text).map(c => c + '\\u0338').join('');\r\n    };\r\n\r\n    const toGlitchText = (text) => {\r\n        const glitchChars = ['\\u0352', '\\u0353', '\\u0354', '\\u0355', '\\u0356', '\\u0357'];\r\n        return text.split('').map(c => {\r\n            if (Math.random() < 0.4) {\r\n                return c + glitchChars[rand(glitchChars.length)];\r\n            }\r\n            return c;\r\n        }).join('');\r\n    };\r\n\r\n    const toInvertText = (text) => {\r\n        return toSassyCase(text, 0).split('').reverse().join('');\r\n    };\r\n\r\n    const toMirrorText = (text) => {\r\n        return text.split('').reverse().join('');\r\n    };\r\n\r\n    const transformText = (text, config) => {\r\n        const { category, variant } = config;\r\n        let result = text;\r\n\r\n        switch (category) {\r\n            case 'Sassy':\r\n                result = toSassyCase(text, variant);\r\n                break;\r\n            case 'Mocking':\r\n                result = toMockingCase(text);\r\n                break;\r\n            case 'Wave':\r\n                result = toWaveCase(text);\r\n                break;\r\n            case 'Caps':\r\n                result = toCapsWithSymbols(text);\r\n                break;\r\n            case 'Strike':\r\n                result = toStrikeText(text);\r\n                break;\r\n            case 'Scatter':\r\n                result = toScatterText(text);\r\n                break;\r\n            case 'Vapor':\r\n                result = toVaporText(text);\r\n                break;\r\n            case 'Stutter':\r\n                result = toStutterText(text);\r\n                break;\r\n            case 'Upside':\r\n                result = toUpsideText(text);\r\n                break;\r\n            case 'Slash':\r\n                result = toSlashText(text);\r\n                break;\r\n            case 'Glitch':\r\n                result = toGlitchText(text);\r\n                break;\r\n            case 'Invert':\r\n                result = toInvertText(text);\r\n                break;\r\n            case 'Mirror':\r\n                result = toMirrorText(text);\r\n                break;\r\n            case 'Reverse':\r\n                result = text.split('').reverse().join('');\r\n                break;\r\n            case 'Bubble':\r\n                result = text.split('').map(c => {\r\n                    const bubble = {\r\n                        'a': '\u24d0', 'b': '\u24d1', 'c': '\u24d2', 'd': '\u24d3', 'e': '\u24d4', 'f': '\u24d5', 'g': '\u24d6', 'h': '\u24d7',\r\n                        'i': '\u24d8', 'j': '\u24d9', 'k': '\u24da', 'l': '\u24db', 'm': '\u24dc', 'n': '\u24dd', 'o': '\u24de', 'p': '\u24df',\r\n                        'q': '\u24e0', 'r': '\u24e1', 's': '\u24e2', 't': '\u24e3', 'u': '\u24e4', 'v': '\u24e5', 'w': '\u24e6', 'x': '\u24e7',\r\n                        'y': '\u24e8', 'z': '\u24e9'\r\n                    };\r\n                    return bubble[c.toLowerCase()] || c;\r\n                }).join('');\r\n                break;\r\n            default:\r\n                result = toSassyCase(text, 0);\r\n        }\r\n\r\n        if (currentSymbol === 'Sparkles') {\r\n            result = symbols.Sparkles[rand(symbols.Sparkles.length)] + result + symbols.Sparkles[rand(symbols.Sparkles.length)];\r\n        } else if (currentSymbol === 'Chaos') {\r\n            const chaosArr = symbols.Chaos;\r\n            result = chaosArr[rand(chaosArr.length)] + ' ' + result + ' ' + chaosArr[rand(chaosArr.length)];\r\n        } else if (currentSymbol === 'Aesthetic') {\r\n            const aestArr = symbols.Aesthetic;\r\n            result = aestArr[rand(aestArr.length)] + result + aestArr[rand(aestArr.length)];\r\n        }\r\n\r\n        return result;\r\n    };\r\n\r\n    const render = () => {\r\n        resultList.innerHTML = '';\r\n        let raw = inputEl.value || 'brat summer vibes';\r\n\r\n        let filtered = ALL_STYLES;\r\n        if (currentChaos !== 'All') {\r\n            filtered = ALL_STYLES.filter(s => s.category === currentChaos || currentChaos === 'All');\r\n        }\r\n\r\n        const displayList = filtered.slice(0, limit);\r\n\r\n        displayList.forEach(s => {\r\n            const out = transformText(raw, s);\r\n\r\n            const card = document.createElement('div');\r\n            card.className = 'brat-y2k-card';\r\n\r\n            card.innerHTML = `\r\n                <div class=\"brat-y2k-card-header\">\r\n                    <span>${s.name}<\/span>\r\n                    <i class=\"fa-solid fa-${s.icon}\"><\/i>\r\n                <\/div>\r\n                <div class=\"brat-y2k-card-preview\">${out}<\/div>\r\n                <i class=\"fa-solid fa-copy brat-y2k-copy-icon\"><\/i>\r\n            `;\r\n\r\n            card.addEventListener('click', () => {\r\n                navigator.clipboard.writeText(out);\r\n                showToast('Brat Text Copied');\r\n            });\r\n\r\n            resultList.appendChild(card);\r\n        });\r\n\r\n        loadMoreBtn.style.display = limit >= filtered.length ? 'none' : 'flex';\r\n\r\n        const remaining = Math.max(0, filtered.length - limit);\r\n        if (remaining > 0) {\r\n            loadMoreBtn.querySelector('span').innerText = `Load More Chaos (${remaining})`;\r\n        }\r\n    };\r\n\r\n    inputEl.addEventListener('input', render);\r\n\r\n    loadMoreBtn.onclick = () => {\r\n        limit += 6;\r\n        render();\r\n    };\r\n\r\n    document.querySelectorAll('.chaos-btn').forEach(btn => {\r\n        btn.onclick = () => {\r\n            document.querySelectorAll('.chaos-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentChaos = btn.getAttribute('data-val');\r\n            limit = 6;\r\n            render();\r\n        };\r\n    });\r\n\r\n    document.querySelectorAll('.symbol-btn').forEach(btn => {\r\n        btn.onclick = () => {\r\n            document.querySelectorAll('.symbol-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentSymbol = btn.getAttribute('data-val');\r\n            render();\r\n        };\r\n    });\r\n\r\n    render();\r\n});\r\n<\/script>\r\n<!-- END OF FILE Brat Text Generator - Y2K Brat Layout -->\r\n\r\n<!-- <content section is starting -->\r\n\r\n<div>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <!-- SECTION 1 \u2014 WHITE BG + WHITE CARDS -->\r\n\r\n\r\n\r\n\r\n<section class=\"pg-fcs-section pg-fcs-sec1\">\r\n        <div class=\"pg-fcs-inner\">\r\n\r\n<\/div>\r\n\t<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <section class=\"pg-fcs-section pg-fcs-sec1\">\r\n        <div class=\"pg-fcs-inner\">\r\n            <h2 class=\"pg-fcs-heading\">What Makes This <span class=\"pg-fcs-kw\">Brat Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Discover why thousands of users are obsessed with our brat text generator to create that iconic lime green aesthetic text that defined 2024's biggest trend \u2014 completely free.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,61,0,0.12);color:#ff3d00;\"><i class=\"fa-solid fa-fire\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Authentic Brat Aesthetic<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Our brat text generator creates the exact lime green messy text style that took over the internet \u2014 no fake imitations, just the real brat look everyone wants.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(170,0,255,0.12);color:#aa00ff;\"><i class=\"fa-solid fa-text-height\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Multiple Brat Styles<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Classic brat, bold brat, italic brat, outlined brat, and brat with strikethrough \u2014 our brat text generator offers five distinct styles for every vibe.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,229,255,0.12);color:#00e5ff;\"><i class=\"fa-solid fa-copy\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">One-Click Copy & Paste<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Created your brat text? Hit copy and paste it into Instagram bios, TikTok captions, Twitter posts, or anywhere that supports Unicode styling.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,200,83,0.12);color:#00c853;\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">100% Safe & Private<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Our brat text generator runs entirely in your browser \u2014 no servers, no data collection, no tracking. Your brat text stays completely private.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(233,30,99,0.12);color:#e91e63;\"><i class=\"fa-solid fa-mobile-screen-button\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Works on Every Device<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Phone, tablet, or desktop \u2014 our brat text generator renders the iconic lime green text perfectly on any screen, any browser, any operating system.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,214,0,0.12);color:#ffd600;\"><i class=\"fa-solid fa-infinity\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Unlimited Free Brat Text<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">No accounts, no limits, no fees. Generate as much brat text as you want \u2014 it's free forever, no strings attached, just pure brat energy.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 \u2014 PREVIOUS GRADIENT BG + GLASS CARDS -->\r\n    <section class=\"pg-fcs-section pg-fcs-sec2\">\r\n        <div class=\"pg-fcs-inner\">\r\n            <h2 class=\"pg-fcs-heading\">How Does Our <span class=\"pg-fcs-kw\">Brat Text Generator<\/span> Work?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Creating brat text is ridiculously easy. No design skills needed \u2014 just follow these steps and get your iconic lime green text ready to paste in seconds.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udc9a<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 1: Type Your Text<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Enter any word, phrase, or sentence into the input box of our brat text generator \u2014 any text can be transformed into the iconic brat aesthetic instantly.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83c\udfa8<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 2: Pick a Brat Style<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Choose from classic, bold, italic, outlined, or strikethrough brat \u2014 each style gives a different take on the iconic lime green messy text look.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\u2728<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 3: Preview the Brat Look<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Your text instantly transforms into the signature brat style \u2014 see a live preview of exactly how your lime green text will look when pasted online.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udccb<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 4: Copy Brat Output<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Love the brat vibe? Click the copy button and your lime green text goes straight to clipboard \u2014 pure Unicode, no formatting lost ever.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udcf1<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 5: Paste Everywhere<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Drop your brat text into bios, captions, comments, messages, or usernames \u2014 real Unicode renders the brat aesthetic natively everywhere.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83e\udef6<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 6: Share the Brat Energy<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Mix brat text with normal text, combine styles, or use it across multiple platforms \u2014 our brat text generator lets you spread brat energy everywhere.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 \u2014 WHITE BG + SOFT GRAY CARDS -->\r\n    <section class=\"pg-fcs-section pg-fcs-sec3\">\r\n        <div class=\"pg-fcs-inner\">\r\n            <h2 class=\"pg-fcs-heading\">Where Can You Use <span class=\"pg-fcs-kw\">Brat Text Generator<\/span> Results?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Our brat text generator creates real Unicode styled text that works across all major platforms. Here are the most popular ways people use the iconic brat aesthetic online.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(245,0,87,0.12);color:#f50057;\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Instagram Bio & Captions<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">The brat text aesthetic exploded on Instagram \u2014 use it in your bio and captions to show you're in on the trend that defined internet culture in 2024.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,9,132,0.12);color:#ff0084;\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">TikTok Captions & Comments<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Brat text in TikTok captions is the ultimate flex \u2014 the lime green messy style instantly signals you understand the trend and drives massive engagement.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,176,255,0.12);color:#00b0ff;\"><i class=\"fa-brands fa-discord\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Discord Names & Status<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Set a brat-style Discord username or custom status \u2014 the lime green aesthetic is instantly recognizable and gets reactions in every server.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(41,182,246,0.12);color:#29b6f6;\"><i class=\"fa-brands fa-twitter\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Twitter \/ X Posts & Bio<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Brat text in tweets and X bios cuts through the noise \u2014 the iconic lime green style makes your posts pop in even the most crowded timelines.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(244,67,54,0.12);color:#f44336;\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">YouTube Titles & Comments<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Use brat text in YouTube video titles for culture commentary, trend videos, or aesthetic content \u2014 the brat look signals relevance instantly.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,112,67,0.12);color:#ff7043;\"><i class=\"fa-solid fa-hashtag\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Trend & Meme Content<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Brat text is the go-to format for trend commentary, meme posts, and viral content across every platform \u2014 it's the visual shorthand for being culturally online.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n        :root{\r\n            --accent-lime:#a6e22a;\r\n            --text-dark:#0a0a0a;--text-primary:#1a1a1a;--text-muted:#4a4a5a;\r\n            --grad-brat:linear-gradient(135deg,#a6e22a,#c6ff00,#76ff03);\r\n            --theme-bg-alt:rgba(246,250,240,0.7);\r\n            --shadow-card-hover:0 12px 30px rgba(166,226,42,0.16);\r\n            --tr:all .35s cubic-bezier(.2,.8,.2,1);\r\n            --ff:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif\r\n        }\r\n        .pg-fcs-section{width:100%;padding:clamp(48px,8vw,96px) 20px;position:relative;font-family:var(--ff);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}\r\n        .pg-fcs-inner{max-width:1200px;margin:0 auto}\r\n        .pg-fcs-heading{font-family:var(--ff);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;text-align:center;color:var(--text-dark);margin-bottom:clamp(8px,1.5vw,14px);line-height:1.2;letter-spacing:-.03em}\r\n        .pg-fcs-kw{color:var(--accent-lime);position:relative}\r\n        .pg-fcs-kw::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:var(--grad-brat);border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1)}\r\n        .pg-fcs-section:hover .pg-fcs-kw::after{transform:scaleX(1)}\r\n        .pg-fcs-sub{font-family:var(--ff);font-size:clamp(.88rem,1.8vw,1.02rem);font-weight:400;text-align:center;color:var(--text-muted);max-width:660px;margin:0 auto clamp(32px,5vw,56px);line-height:1.7}\r\n        .pg-fcs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,26px);align-items:stretch}\r\n\r\n        \/* CARD \u2014 NO CLIP, VISIBLE BORDER *\/\r\n        .pg-fcs-card{\r\n            border-radius:16px;\r\n            padding:clamp(22px,3vw,32px);\r\n            position:relative;\r\n            cursor:pointer;\r\n            -webkit-tap-highlight-color:transparent;\r\n            user-select:none;\r\n            transition:var(--tr);\r\n            border:1.5px solid #e0e0e8;\r\n            display:flex;\r\n            flex-direction:column\r\n        }\r\n        .pg-fcs-card::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(166,226,42,.10) 0%,rgba(198,255,0,.04) 60%,transparent 100%);transform:translate(-50%,-50%);transition:width .55s ease-out,height .55s ease-out,opacity .55s ease-out;opacity:0;z-index:0;pointer-events:none}\r\n        .pg-fcs-card::before{content:'';position:absolute;top:-1px;left:0;width:100%;height:3px;background:var(--grad-brat);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1);z-index:4;border-radius:16px 16px 0 0}\r\n        .pg-fcs-card:hover::before{transform:scaleX(1)}\r\n        .pg-fcs-card.pg-fcs-pressed{transform:translateY(-1px) scale(.985)!important}\r\n        .pg-fcs-card.pg-fcs-pressed::before{transform:scaleX(1)}\r\n        .pg-fcs-card.pg-fcs-ripple::after{width:320px;height:320px;opacity:1}\r\n        .pg-fcs-card.pg-fcs-ripple-out::after{width:320px;height:320px;opacity:0}\r\n\r\n        .pg-fcs-icon{width:clamp(46px,5vw,58px);height:clamp(46px,5vw,58px);min-width:46px;min-height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:clamp(18px,2.5vw,24px);margin-bottom:clamp(14px,2vw,20px);transition:var(--tr);position:relative;z-index:3;flex-shrink:0}\r\n        .pg-fcs-card:hover .pg-fcs-icon{transform:scale(1.12) rotate(-4deg)}\r\n        .pg-fcs-card.pg-fcs-pressed .pg-fcs-icon{transform:scale(1.04) rotate(0deg)}\r\n        .pg-fcs-emoji{font-size:clamp(28px,3.5vw,36px);margin-bottom:clamp(12px,1.8vw,16px);display:inline-block;transition:var(--tr);position:relative;z-index:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));flex-shrink:0}\r\n        .pg-fcs-card:hover .pg-fcs-emoji{transform:scale(1.22) rotate(-6deg)}\r\n        .pg-fcs-card.pg-fcs-pressed .pg-fcs-emoji{transform:scale(1.08) rotate(0deg)}\r\n        .pg-fcs-card-title{font-family:var(--ff);font-size:clamp(.95rem,2vw,1.1rem);font-weight:700;color:var(--text-dark);margin-bottom:clamp(6px,1vw,10px);line-height:1.35;position:relative;z-index:3}\r\n        .pg-fcs-card-desc{font-family:var(--ff);font-size:clamp(.8rem,1.5vw,.9rem);font-weight:400;color:var(--text-muted);line-height:1.65;position:relative;z-index:3;margin-top:auto}\r\n\r\n        \/* SEC 1 \u2014 SOLID VISIBLE BORDER *\/\r\n        .pg-fcs-sec1{background:#fff}\r\n        .pg-fcs-sec1 .pg-fcs-card{background:#fff;border-color:#dcdce5;box-shadow:0 2px 8px rgba(0,0,0,.04)}\r\n        .pg-fcs-sec1 .pg-fcs-card:hover{border-color:var(--accent-lime);box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}\r\n        .pg-fcs-sec1 .pg-fcs-sub{color:#2a2a2a}\r\n        .pg-fcs-sec1 .pg-fcs-card-title{color:#0a0a0a}\r\n        .pg-fcs-sec1 .pg-fcs-card-desc{color:#2a2a2a}\r\n\r\n        \/* SEC 2 \u2014 VISIBLE WHITE BORDER ON GLASS *\/\r\n        .pg-fcs-sec2{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}\r\n        .pg-fcs-sec2 .pg-fcs-heading{color:#fff}\r\n        .pg-fcs-sec2 .pg-fcs-kw{color:#ffd700}\r\n        .pg-fcs-sec2 .pg-fcs-kw::after{background:linear-gradient(90deg,#667eea,#764ba2,#ffd700)}\r\n        .pg-fcs-sec2 .pg-fcs-sub{color:rgba(255,255,255,.8)}\r\n        .pg-fcs-sec2 .pg-fcs-card{background:rgba(255,255,255,.95);border-color:rgba(255,255,255,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.12)}\r\n        .pg-fcs-sec2 .pg-fcs-card::before{background:linear-gradient(90deg,#667eea,#764ba2,#ffd700);border-radius:16px 16px 0 0}\r\n        .pg-fcs-sec2 .pg-fcs-card:hover{border-color:rgba(255,255,255,.85);box-shadow:0 12px 40px rgba(118,75,162,.3);transform:translateY(-5px)}\r\n        .pg-fcs-sec2 .pg-fcs-card::after{background:radial-gradient(circle,rgba(118,75,162,.1) 0%,rgba(102,126,234,.05) 60%,transparent 100%)}\r\n\r\n        \/* SEC 3 \u2014 SOLID VISIBLE BORDER *\/\r\n        .pg-fcs-sec3{background:#fff}\r\n        .pg-fcs-sec3 .pg-fcs-card{background:var(--theme-bg-alt);border-color:#d8dce4;box-shadow:0 2px 8px rgba(0,0,0,.03)}\r\n        .pg-fcs-sec3 .pg-fcs-card::before{background:linear-gradient(90deg,#a6e22a,#c6ff00,#76ff03);border-radius:16px 16px 0 0}\r\n        .pg-fcs-sec3 .pg-fcs-card:hover{border-color:var(--accent-lime);box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}\r\n\r\n        \/* RESPONSIVE *\/\r\n        @media(max-width:820px){.pg-fcs-grid{grid-template-columns:repeat(2,1fr);gap:16px}.pg-fcs-section{padding:clamp(36px,6vw,64px) 16px}}\r\n        @media(max-width:540px){.pg-fcs-grid{grid-template-columns:1fr;gap:14px}.pg-fcs-card{padding:22px}.pg-fcs-sub{margin-bottom:28px}}\r\n        @media(max-width:360px){.pg-fcs-section{padding:32px 12px}.pg-fcs-card{padding:18px;border-radius:12px}}\r\n    <\/style>\r\n\r\n    <script>\r\n    (function(){\r\n        var c=document.querySelectorAll('.pg-fcs-card');\r\n        c.forEach(function(card){\r\n            function ripple(el){\r\n                el.classList.remove('pg-fcs-ripple','pg-fcs-ripple-out');\r\n                void el.offsetWidth;\r\n                el.classList.add('pg-fcs-ripple');\r\n                setTimeout(function(){el.classList.add('pg-fcs-ripple-out')},300);\r\n                setTimeout(function(){el.classList.remove('pg-fcs-ripple','pg-fcs-ripple-out')},700);\r\n            }\r\n            card.addEventListener('mousedown',function(){card.classList.add('pg-fcs-pressed')});\r\n            card.addEventListener('mouseup',function(){setTimeout(function(){card.classList.remove('pg-fcs-pressed')},120);ripple(card)});\r\n            card.addEventListener('mouseleave',function(){card.classList.remove('pg-fcs-pressed','pg-fcs-ripple','pg-fcs-ripple-out')});\r\n            card.addEventListener('touchstart',function(){card.classList.add('pg-fcs-pressed');ripple(card)},{passive:true});\r\n            card.addEventListener('touchend',function(){setTimeout(function(){card.classList.remove('pg-fcs-pressed')},150)});\r\n            card.addEventListener('touchcancel',function(){card.classList.remove('pg-fcs-pressed','pg-fcs-ripple','pg-fcs-ripple-out')});\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/div>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<!-- START OF FILE Brat Text Generator - Y2K Brat Layout -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .brat-y2k-wrapper {\r\n        --primary-font: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n        --mono-font: \"Courier New\", Courier, monospace;\r\n        \r\n        --brat-lime: #8ace00;\r\n        --brat-lime-dark: #6ba300;\r\n        --brat-lime-neon: #ccff00;\r\n        --brat-black: #050505;\r\n        --brat-dark: #111111;\r\n        --brat-white: #ffffff;\r\n        --brat-gray: #2a2a2a;\r\n        --brat-accent: #ff007f;\r\n\r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n\r\n        --border-hard: 2px solid var(--brat-lime);\r\n        --shadow-hard: 6px 6px 0px var(--brat-lime);\r\n        --shadow-hover: 8px 8px 0px var(--brat-accent);\r\n        \r\n        --transition-ui: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        \r\n        font-family: var(--primary-font);\r\n        color: var(--brat-white);\r\n        line-height: 1.4;\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        text-align: left;\r\n        \r\n        background: var(--grad-master);\r\n        background-attachment: fixed;\r\n    }\r\n    \r\n    .brat-y2k-wrapper * { box-sizing: border-box; }\r\n\r\n    .brat-y2k-container {\r\n        max-width: 1200px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        padding: 30px 20px !important;\r\n    }\r\n\r\n    \/* HEADER AREA *\/\r\n    .brat-y2k-header {\r\n        text-align: center;\r\n        margin-bottom: 40px;\r\n        position: relative;\r\n    }\r\n    \r\n    .brat-y2k-title {\r\n        font-family: var(--mono-font);\r\n        font-size: 3.5rem;\r\n        font-weight: 900;\r\n        color: var(--brat-lime-neon);\r\n        text-transform: uppercase;\r\n        letter-spacing: -2px;\r\n        margin: 0;\r\n        text-shadow: 4px 4px 0px var(--brat-accent);\r\n        line-height: 0.9;\r\n        position: relative;\r\n        display: inline-block;\r\n    }\r\n    \r\n    .brat-y2k-title i {\r\n        color: var(--brat-white);\r\n        margin-right: 10px;\r\n        animation: pulse-icon 1.5s infinite;\r\n    }\r\n    \r\n    .brat-y2k-title::after {\r\n        content: '';\r\n        display: block;\r\n        width: 100%;\r\n        height: 4px;\r\n        background: var(--brat-lime);\r\n        margin-top: 10px;\r\n        box-shadow: 0 0 10px var(--brat-lime);\r\n    }\r\n\r\n    @keyframes pulse-icon {\r\n        0%, 100% { transform: scale(1) rotate(0deg); }\r\n        50% { transform: scale(1.2) rotate(-10deg); }\r\n    }\r\n\r\n    .brat-y2k-subtitle {\r\n        font-size: 1.1rem;\r\n        color: rgba(255, 255, 255, 0.85);\r\n        max-width: 800px;\r\n        margin: 20px auto 0 auto;\r\n        padding: 0 10px;\r\n        font-weight: 600;\r\n        letter-spacing: 0.5px;\r\n        text-shadow: 0 2px 5px rgba(0,0,0,0.6);\r\n    }\r\n\r\n    \/* VERTICAL LAYOUT *\/\r\n    .brat-y2k-stack {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 30px;\r\n    }\r\n\r\n    \/* TOP PANEL - CONTROLS & INPUT *\/\r\n    .brat-y2k-panel {\r\n        background: var(--brat-dark);\r\n        border: var(--border-hard);\r\n        padding: 25px;\r\n        box-shadow: var(--shadow-hard);\r\n    }\r\n    \r\n    .brat-y2k-panel-label {\r\n        font-family: var(--mono-font);\r\n        font-size: 0.85rem;\r\n        color: var(--brat-black);\r\n        background: var(--brat-lime);\r\n        padding: 4px 8px;\r\n        display: inline-block;\r\n        margin-bottom: 12px;\r\n        font-weight: 900;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .brat-y2k-input {\r\n        width: 100% !important;\r\n        height: 90px !important;\r\n        padding: 15px !important;\r\n        background: #000 !important;\r\n        border: 2px solid var(--brat-gray) !important;\r\n        color: var(--brat-lime-neon) !important;\r\n        font-family: var(--mono-font) !important;\r\n        font-size: 1.4rem !important;\r\n        outline: none !important;\r\n        margin-bottom: 15px;\r\n        transition: var(--transition-ui);\r\n        resize: none;\r\n    }\r\n    \r\n    .brat-y2k-input:focus {\r\n        border-color: var(--brat-lime) !important;\r\n        box-shadow: 0 0 15px rgba(138, 206, 0, 0.3) !important;\r\n    }\r\n    \r\n    .brat-y2k-input::placeholder {\r\n        color: #444;\r\n        font-style: italic;\r\n    }\r\n\r\n    \/* INPUT ACTIONS *\/\r\n    .brat-y2k-actions {\r\n        display: flex;\r\n        gap: 10px;\r\n        margin-bottom: 25px;\r\n        flex-wrap: wrap;\r\n    }\r\n    \r\n    .brat-y2k-action-btn {\r\n        background: var(--brat-gray);\r\n        color: var(--brat-white);\r\n        border: 1px solid #444;\r\n        padding: 8px 15px;\r\n        font-family: var(--mono-font);\r\n        font-size: 0.8rem;\r\n        font-weight: bold;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        transition: var(--transition-ui);\r\n        flex: 1;\r\n        justify-content: center;\r\n        min-width: 120px;\r\n    }\r\n    \r\n    .brat-y2k-action-btn:hover {\r\n        background: var(--brat-lime);\r\n        color: var(--brat-black);\r\n        border-color: var(--brat-lime);\r\n        transform: translateY(-2px);\r\n    }\r\n    \r\n    .brat-y2k-action-btn:active {\r\n        transform: scale(0.98) translateY(0);\r\n    }\r\n\r\n    \/* BUTTON GRID *\/\r\n    .brat-y2k-options {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 10px;\r\n        margin-bottom: 15px;\r\n    }\r\n    \r\n    .brat-y2k-opt-btn {\r\n        background: var(--brat-black);\r\n        border: 1px solid var(--brat-gray);\r\n        color: #888;\r\n        padding: 12px;\r\n        font-family: var(--mono-font);\r\n        font-size: 0.8rem;\r\n        font-weight: bold;\r\n        cursor: pointer;\r\n        text-transform: uppercase;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 6px;\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .brat-y2k-opt-btn:hover {\r\n        background: var(--brat-gray);\r\n        color: #fff;\r\n        border-color: #fff;\r\n        transform: translate(-2px, -2px);\r\n        box-shadow: 4px 4px 0px #000;\r\n    }\r\n    \r\n    .brat-y2k-opt-btn.active {\r\n        background: var(--brat-lime);\r\n        color: var(--brat-black);\r\n        border-color: var(--brat-lime);\r\n        box-shadow: 4px 4px 0px #000;\r\n        transform: translate(0, 0);\r\n    }\r\n    \r\n    .brat-y2k-opt-btn i {\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    \/* BOTTOM AREA - OUTPUT *\/\r\n    .brat-y2k-output {\r\n        background: repeating-linear-gradient(\r\n            45deg,\r\n            #0a0a0a,\r\n            #0a0a0a 10px,\r\n            #0e0e0e 10px,\r\n            #0e0e0e 20px\r\n        );\r\n        border: var(--border-hard);\r\n        padding: 25px;\r\n        min-height: 500px;\r\n        position: relative;\r\n        box-sizing: border-box;\r\n    }\r\n    \r\n    .brat-y2k-output-label {\r\n        position: absolute;\r\n        top: -15px;\r\n        right: 20px;\r\n        background: var(--brat-accent);\r\n        color: #fff;\r\n        font-family: var(--mono-font);\r\n        font-size: 0.8rem;\r\n        padding: 4px 10px;\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        box-shadow: 2px 2px 0px #000;\r\n    }\r\n\r\n    .brat-y2k-list {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 15px;\r\n    }\r\n\r\n    .brat-y2k-card {\r\n        background: var(--brat-black);\r\n        border: 1px solid #333;\r\n        padding: 20px;\r\n        cursor: pointer;\r\n        transition: var(--transition-ui);\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        min-height: 120px;\r\n    }\r\n    \r\n    .brat-y2k-card:hover {\r\n        border-color: var(--brat-lime);\r\n        box-shadow: var(--shadow-hover);\r\n        transform: translate(-4px, -4px);\r\n        z-index: 10;\r\n    }\r\n    \r\n    .brat-y2k-card-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        margin-bottom: 15px;\r\n        font-family: var(--mono-font);\r\n        font-size: 0.7rem;\r\n        color: #666;\r\n        text-transform: uppercase;\r\n        border-bottom: 1px dashed #333;\r\n        padding-bottom: 8px;\r\n        align-items: center;\r\n    }\r\n    \r\n    .brat-y2k-card:hover .brat-y2k-card-header {\r\n        color: var(--brat-lime);\r\n        border-bottom-color: var(--brat-lime);\r\n    }\r\n\r\n    .brat-y2k-card-header i {\r\n        color: var(--brat-accent);\r\n        font-size: 1rem;\r\n        transition: var(--transition-ui);\r\n    }\r\n\r\n    .brat-y2k-card:hover .brat-y2k-card-header i {\r\n        color: var(--brat-lime);\r\n        transform: rotate(180deg) scale(1.2);\r\n    }\r\n    \r\n    .brat-y2k-card-preview {\r\n        font-family: var(--mono-font);\r\n        color: #fff;\r\n        word-break: break-all;\r\n        font-size: 1.1rem;\r\n        flex-grow: 1;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        line-height: 1.3;\r\n        text-shadow: 0 0 5px rgba(255,255,255,0.2);\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .brat-y2k-copy-icon {\r\n        position: absolute;\r\n        bottom: 10px;\r\n        right: 15px;\r\n        color: #444;\r\n        font-size: 0.85rem;\r\n        transition: var(--transition-ui);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .brat-y2k-card:hover .brat-y2k-copy-icon {\r\n        color: var(--brat-lime);\r\n        transform: scale(1.2);\r\n    }\r\n\r\n    .brat-y2k-btn-load {\r\n        width: 100%;\r\n        margin-top: 25px;\r\n        background: var(--brat-lime);\r\n        color: var(--brat-black);\r\n        border: none;\r\n        padding: 20px;\r\n        font-family: var(--mono-font);\r\n        font-size: 1.2rem;\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        cursor: pointer;\r\n        transition: var(--transition-ui);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        box-shadow: var(--shadow-hard);\r\n    }\r\n    \r\n    .brat-y2k-btn-load:hover {\r\n        background: var(--brat-white);\r\n        transform: translate(-4px, -4px);\r\n        box-shadow: 10px 10px 0px var(--brat-accent);\r\n    }\r\n    \r\n    .brat-y2k-btn-load:active {\r\n        transform: translate(0, 0);\r\n        box-shadow: 2px 2px 0px var(--brat-accent);\r\n    }\r\n\r\n    \/* TOAST *\/\r\n    .brat-y2k-toast {\r\n        visibility: hidden;\r\n        background: var(--brat-black);\r\n        color: var(--brat-lime-neon);\r\n        border: 2px solid var(--brat-lime);\r\n        padding: 15px 25px;\r\n        position: fixed;\r\n        left: 50%;\r\n        bottom: 40px;\r\n        transform: translateX(-50%) translateY(20px);\r\n        font-family: var(--mono-font);\r\n        font-weight: 800;\r\n        z-index: 10000;\r\n        text-transform: uppercase;\r\n        box-shadow: 5px 5px 0px #000;\r\n        opacity: 0;\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        letter-spacing: 1px;\r\n    }\r\n    \r\n    .brat-y2k-toast i { color: var(--brat-lime); font-size: 1.2rem; }\r\n    \r\n    .brat-y2k-toast.show { \r\n        visibility: visible; \r\n        opacity: 1;\r\n        transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 600px) {\r\n        .brat-y2k-title { font-size: 2.2rem; }\r\n        .brat-y2k-list { grid-template-columns: 1fr; }\r\n        .brat-y2k-options { grid-template-columns: 1fr; }\r\n        .brat-y2k-subtitle { font-size: 0.95rem; }\r\n        .brat-y2k-actions { flex-direction: column; }\r\n        .brat-y2k-action-btn { width: 100%; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"brat-y2k-wrapper\">\r\n    <div class=\"brat-y2k-container\">\r\n        \r\n        <!-- HEADER -->\r\n        <div class=\"brat-y2k-header\">\r\n            <h1 class=\"brat-y2k-title\"><i class=\"fa-solid fa-bolt\"><\/i> Brat Text Generator \u2013 Generate Instantly<\/h1>\r\n            <p class=\"brat-y2k-subtitle\">Unleash the chaos. Sassy Mix alternating case, dramatic Unicode symbols, and bold attention-grabbing text variations. 100+ live brat transformations at your fingertips.<\/p>\r\n        <\/div>\r\n\r\n        <!-- VERTICAL STACK -->\r\n        <div class=\"brat-y2k-stack\">\r\n            \r\n            <!-- TOP: INPUT SECTION -->\r\n            <div class=\"brat-y2k-panel\">\r\n                <div class=\"brat-y2k-panel-label\">Target Input<\/div>\r\n                <input type=\"text\" class=\"brat-y2k-input\" id=\"bratInputText\" placeholder=\"type here...\" autocomplete=\"off\">\r\n                \r\n                <!-- NEW ACTION BUTTONS -->\r\n                <div class=\"brat-y2k-actions\">\r\n                    <button class=\"brat-y2k-action-btn\" onclick=\"bratSelectAll()\"><i class=\"fa-solid fa-i-cursor\"><\/i> Select All<\/button>\r\n                    <button class=\"brat-y2k-action-btn\" onclick=\"bratCopyInput()\"><i class=\"fa-solid fa-copy\"><\/i> Copy Input<\/button>\r\n                    <button class=\"brat-y2k-action-btn\" onclick=\"bratPasteInput()\"><i class=\"fa-solid fa-paste\"><\/i> Paste from Clipboard<\/button>\r\n                <\/div>\r\n                \r\n                <div class=\"brat-y2k-panel-label\">Engine Mode<\/div>\r\n                <div class=\"brat-y2k-options\">\r\n                    <button class=\"brat-y2k-opt-btn chaos-btn active\" data-val=\"All\">\r\n                        <i class=\"fa-solid fa-layer-group\"><\/i> All Mix\r\n                    <\/button>\r\n                    <button class=\"brat-y2k-opt-btn chaos-btn\" data-val=\"Sassy\">\r\n                        <i class=\"fa-solid fa-face-smirk\"><\/i> Sassy Mix\r\n                    <\/button>\r\n                    <button class=\"brat-y2k-opt-btn chaos-btn\" data-val=\"Mocking\">\r\n                        <i class=\"fa-solid fa-ghost\"><\/i> Mocking\r\n                    <\/button>\r\n                    <button class=\"brat-y2k-opt-btn chaos-btn\" data-val=\"Glitch\">\r\n                        <i class=\"fa-solid fa-bug\"><\/i> Glitch\r\n                    <\/button>\r\n                <\/div>\r\n                \r\n                <div class=\"brat-y2k-panel-label\">Decoration<\/div>\r\n                <div class=\"brat-y2k-options\">\r\n                    <button class=\"brat-y2k-opt-btn symbol-btn active\" data-val=\"Normal\">\r\n                        <i class=\"fa-solid fa-font\"><\/i> Plain\r\n                    <\/button>\r\n                    <button class=\"brat-y2k-opt-btn symbol-btn\" data-val=\"Sparkles\">\r\n                        <i class=\"fa-solid fa-star\"><\/i> Sparkle\r\n                    <\/button>\r\n                    <button class=\"brat-y2k-opt-btn symbol-btn\" data-val=\"Chaos\">\r\n                        <i class=\"fa-solid fa-bolt\"><\/i> Chaos\r\n                    <\/button>\r\n                    <button class=\"brat-y2k-opt-btn symbol-btn\" data-val=\"Aesthetic\">\r\n                        <i class=\"fa-solid fa-cloud\"><\/i> Aesthetic\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- BOTTOM: OUTPUT AREA -->\r\n            <div class=\"brat-y2k-output\">\r\n                <div class=\"brat-y2k-output-label\">Live Preview<\/div>\r\n                <div class=\"brat-y2k-list\" id=\"bratResultList\"><\/div>\r\n                <button class=\"brat-y2k-btn-load\" id=\"bratLoadMoreBtn\">\r\n                    <span>Load More Chaos<\/span> \r\n                    <i class=\"fa-solid fa-arrow-down\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- TOAST -->\r\n    <div id=\"bratToast\" class=\"brat-y2k-toast\">\r\n        <i class=\"fa-solid fa-check-circle\"><\/i> Text Copied to Clipboard\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Action Functions\r\nfunction bratSelectAll() {\r\n    const inputEl = document.getElementById('bratInputText');\r\n    inputEl.select();\r\n    inputEl.setSelectionRange(0, 99999);\r\n    inputEl.focus();\r\n}\r\n\r\nfunction bratCopyInput() {\r\n    const inputEl = document.getElementById('bratInputText');\r\n    navigator.clipboard.writeText(inputEl.value).then(() => {\r\n        showToast('Input Text Copied!');\r\n    });\r\n}\r\n\r\nasync function bratPasteInput() {\r\n    try {\r\n        const text = await navigator.clipboard.readText();\r\n        const inputEl = document.getElementById('bratInputText');\r\n        inputEl.value = text;\r\n        inputEl.dispatchEvent(new Event('input')); \/\/ Trigger live preview update\r\n    } catch (err) {\r\n        showToast('Clipboard Access Denied');\r\n    }\r\n}\r\n\r\nfunction showToast(msg) {\r\n    const toast = document.getElementById('bratToast');\r\n    toast.innerHTML = `<i class=\"fa-solid fa-check-circle\"><\/i> ${msg}`;\r\n    toast.classList.add('show');\r\n    setTimeout(() => toast.classList.remove('show'), 2500);\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const inputEl = document.getElementById('bratInputText');\r\n    const resultList = document.getElementById('bratResultList');\r\n    const loadMoreBtn = document.getElementById('bratLoadMoreBtn');\r\n    const toast = document.getElementById('bratToast');\r\n\r\n    const symbols = {\r\n        Sparkles: ['\u2728', '\ud83d\udcab', '\u26a1', '\ud83c\udf1f', '\u2726', '\u2727', '\u2606', '\u2605'],\r\n        Chaos: ['\ud83d\udd25', '\ud83d\udc80', '\ud83d\udda4', '\ud83d\udca5', '\u26a1', '\ud83e\udd0d', '\ud83d\udc41\ufe0f', '\ud83e\udd87'],\r\n        Aesthetic: ['\u2601\ufe0f', '\ud83c\udf19', '\ud83c\udf43', '\ud83c\udf38', '\ud83e\udd8b', '\ud83e\ude90', '\ud83e\udee7', '\ud83d\udd4a\ufe0f']\r\n    };\r\n\r\n    const rand = (max) => Math.floor(Math.random() * max);\r\n\r\n    let currentChaos = 'All';\r\n    let currentSymbol = 'Normal';\r\n    let limit = 6;\r\n\r\n    const templateNames = [\r\n        'Sassy Mix', 'Chaos Vibe', 'Glitch Mode', 'Mocking Case',\r\n        'Brat Wave', 'Neon Strike', 'Void Echo', 'Acid Drop',\r\n        'Cyber Punk', 'Lime Shock', 'Hot Pink', 'Chaos Theory',\r\n        'Sassy Chaos', 'Rebel Yell', 'Vibe Check', 'Mood Ring',\r\n        'Shadow Flip', 'Neon Ghost', 'Brat Caps', 'Chaos Mesh',\r\n        'Glitch Wave', 'Sassy Ghost', 'Brat Mix', 'Chaos Pulse',\r\n        'Acid Wave', 'Neon Mesh', 'Cyber Sassy', 'Void Chaos',\r\n        'Lime Glitch', 'Hot Mix', 'Rebel Wave', 'Mood Chaos',\r\n        'Shadow Sassy', 'Neon Brat', 'Acid Ghost', 'Cyber Mix',\r\n        'Brat Chaos', 'Glitch Sassy', 'Chaos Wave', 'Sassy Mesh',\r\n        'Neon Pulse', 'Void Brat', 'Lime Chaos', 'Hot Ghost',\r\n        'Rebel Mesh', 'Mood Glitch', 'Shadow Brat', 'Cyber Chaos',\r\n        'Acid Sassy', 'Neon Wave', 'Brat Pulse', 'Chaos Ghost'\r\n    ];\r\n\r\n    const generateConfigs = () => {\r\n        const configs = [];\r\n        let counter = 1;\r\n\r\n        const chaosTypes = ['Sassy', 'Mocking', 'Glitch', 'Wave', 'Caps', 'Strike', 'Invert', 'Scatter', 'Vapor', 'Stutter', 'Bubble', 'Mirror', 'Reverse', 'Upside', 'Slash'];\r\n\r\n        chaosTypes.forEach((type, idx) => {\r\n            templateNames.forEach(name => {\r\n                let icon = 'face-smirk';\r\n                if (type === 'Glitch' || type === 'Strike' || type === 'Slash') icon = 'bug';\r\n                if (type === 'Mocking' || type === 'Invert') icon = 'ghost';\r\n                if (type === 'Wave' || type === 'Vapor' || type === 'Bubble') icon = 'water';\r\n                if (type === 'Caps' || type === 'Scatter') icon = 'bold';\r\n                if (type === 'Mirror' || type === 'Reverse') icon = 'arrows-left-right';\r\n                if (type === 'Upside') icon = 'arrow-down-up-across-line';\r\n                if (type === 'Stutter') icon = 'ellipsis';\r\n\r\n                configs.push({\r\n                    id: `brat-${counter++}`,\r\n                    name: `${name} ${type}`,\r\n                    category: type,\r\n                    icon: icon,\r\n                    variant: idx % 3\r\n                });\r\n            });\r\n        });\r\n\r\n        for (let i = 0; i < 200; i++) {\r\n            const type = chaosTypes[rand(chaosTypes.length)];\r\n            let icon = 'face-smirk';\r\n            if (type === 'Glitch') icon = 'bug';\r\n            if (type === 'Mocking') icon = 'ghost';\r\n            if (type === 'Wave') icon = 'water';\r\n            if (type === 'Caps') icon = 'bold';\r\n            if (type === 'Mirror') icon = 'arrows-left-right';\r\n            if (type === 'Upside') icon = 'arrow-down-up-across-line';\r\n\r\n            configs.push({\r\n                id: `chaos-${i}`,\r\n                name: `Brat ${type} #${Math.floor(Math.random() * 9999)}`,\r\n                category: type,\r\n                icon: icon,\r\n                variant: rand(3)\r\n            });\r\n        }\r\n\r\n        return configs.sort(() => Math.random() - 0.5);\r\n    };\r\n\r\n    const ALL_STYLES = generateConfigs();\r\n\r\n    const toSassyCase = (text, variant) => {\r\n        let result = '';\r\n        let idx = variant === 1 ? 1 : 0;\r\n        for (let i = 0; i < text.length; i++) {\r\n            const char = text[i];\r\n            if (char.match(\/[a-zA-Z]\/)) {\r\n                result += idx % 2 === 0 ? char.toLowerCase() : char.toUpperCase();\r\n                if (variant === 0 && i > 0 && Math.random() < 0.15) {\r\n                    result += symbols.Sparkles[rand(symbols.Sparkles.length)];\r\n                }\r\n                idx++;\r\n            } else {\r\n                result += char;\r\n            }\r\n        }\r\n        return result;\r\n    };\r\n\r\n    const toMockingCase = (text) => {\r\n        let result = '';\r\n        for (let i = 0; i < text.length; i++) {\r\n            const char = text[i];\r\n            if (char.match(\/[a-zA-Z]\/)) {\r\n                result += i % 2 === 0 ? char.toUpperCase() : char.toLowerCase();\r\n            } else {\r\n                result += char;\r\n            }\r\n        }\r\n        return result;\r\n    };\r\n\r\n    const toWaveCase = (text) => {\r\n        let result = '';\r\n        let wave = 0;\r\n        for (let i = 0; i < text.length; i++) {\r\n            const char = text[i];\r\n            if (char.match(\/[a-zA-Z]\/)) {\r\n                result += wave % 2 === 0 ? char.toLowerCase() : char.toUpperCase();\r\n                if (i > 0 && wave % 3 === 0) {\r\n                    result += '~';\r\n                }\r\n                wave++;\r\n            } else {\r\n                result += char;\r\n            }\r\n        }\r\n        return result;\r\n    };\r\n\r\n    const toCapsWithSymbols = (text) => {\r\n        let result = text.toUpperCase();\r\n        const chaosSymbols = ['\u26a1', '\ud83d\udc80', '\ud83d\udd25', '\ud83d\udca5', '\u2694\ufe0f', '\ud83d\udda4', '\ud83d\udcab'];\r\n        return result.split('').map(c => {\r\n            if (Math.random() < 0.2) {\r\n                return c + chaosSymbols[rand(chaosSymbols.length)];\r\n            }\r\n            return c;\r\n        }).join('');\r\n    };\r\n\r\n    const toStrikeText = (text) => {\r\n        return Array.from(text).map(c => c + '\\u0336').join('');\r\n    };\r\n\r\n    const toScatterText = (text) => {\r\n        return text.split('').join(' ');\r\n    };\r\n\r\n    const toVaporText = (text) => {\r\n        const vaporMap = {\r\n            'a': '\uff41', 'b': '\uff42', 'c': '\uff43', 'd': '\uff44', 'e': '\uff45', 'f': '\uff46', 'g': '\uff47', 'h': '\uff48',\r\n            'i': '\uff49', 'j': '\uff4a', 'k': '\uff4b', 'l': '\uff4c', 'm': '\uff4d', 'n': '\uff4e', 'o': '\uff4f', 'p': '\uff50',\r\n            'q': '\uff51', 'r': '\uff52', 's': '\uff53', 't': '\uff54', 'u': '\uff55', 'v': '\uff56', 'w': '\uff57', 'x': '\uff58',\r\n            'y': '\uff59', 'z': '\uff5a', 'A': '\uff21', 'B': '\uff22', 'C': '\uff23', 'D': '\uff24', 'E': '\uff25', 'F': '\uff26',\r\n            'G': '\uff27', 'H': '\uff28', 'I': '\uff29', 'J': '\uff2a', 'K': '\uff2b', 'L': '\uff2c', 'M': '\uff2d', 'N': '\uff2e',\r\n            'O': '\uff2f', 'P': '\uff30', 'Q': '\uff31', 'R': '\uff32', 'S': '\uff33', 'T': '\uff34', 'U': '\uff35', 'V': '\uff36',\r\n            'W': '\uff37', 'X': '\uff38', 'Y': '\uff39', 'Z': '\uff3a'\r\n        };\r\n        return text.split('').map(c => vaporMap[c] || c).join(' ');\r\n    };\r\n\r\n    const toStutterText = (text) => {\r\n        return text.split('').map(c => {\r\n            if (c.match(\/[a-zA-Z]\/) && Math.random() < 0.5) {\r\n                return c + '.' + c;\r\n            }\r\n            return c;\r\n        }).join('');\r\n    };\r\n\r\n    const flipMap = {\r\n        'a': '\u0250', 'b': 'q', 'c': '\u0254', 'd': 'p', 'e': '\u01dd', 'f': '\u025f', 'g': '\u0183', 'h': '\u0265', 'i': '\u0131',\r\n        'j': '\u027e', 'k': '\u029e', 'l': 'l', 'm': '\u026f', 'n': 'u', 'o': 'o', 'p': 'd', 'q': 'b', 'r': '\u0279',\r\n        's': 's', 't': '\u0287', 'u': 'n', 'v': '\u028c', 'w': '\u028d', 'x': 'x', 'y': '\u028e', 'z': 'z'\r\n    };\r\n\r\n    const toUpsideText = (text) => {\r\n        return text.split('').map(c => flipMap[c.toLowerCase()] || c).reverse().join('');\r\n    };\r\n\r\n    const toSlashText = (text) => {\r\n        return Array.from(text).map(c => c + '\\u0338').join('');\r\n    };\r\n\r\n    const toGlitchText = (text) => {\r\n        const glitchChars = ['\\u0352', '\\u0353', '\\u0354', '\\u0355', '\\u0356', '\\u0357'];\r\n        return text.split('').map(c => {\r\n            if (Math.random() < 0.4) {\r\n                return c + glitchChars[rand(glitchChars.length)];\r\n            }\r\n            return c;\r\n        }).join('');\r\n    };\r\n\r\n    const toInvertText = (text) => {\r\n        return toSassyCase(text, 0).split('').reverse().join('');\r\n    };\r\n\r\n    const toMirrorText = (text) => {\r\n        return text.split('').reverse().join('');\r\n    };\r\n\r\n    const transformText = (text, config) => {\r\n        const { category, variant } = config;\r\n        let result = text;\r\n\r\n        switch (category) {\r\n            case 'Sassy':\r\n                result = toSassyCase(text, variant);\r\n                break;\r\n            case 'Mocking':\r\n                result = toMockingCase(text);\r\n                break;\r\n            case 'Wave':\r\n                result = toWaveCase(text);\r\n                break;\r\n            case 'Caps':\r\n                result = toCapsWithSymbols(text);\r\n                break;\r\n            case 'Strike':\r\n                result = toStrikeText(text);\r\n                break;\r\n            case 'Scatter':\r\n                result = toScatterText(text);\r\n                break;\r\n            case 'Vapor':\r\n                result = toVaporText(text);\r\n                break;\r\n            case 'Stutter':\r\n                result = toStutterText(text);\r\n                break;\r\n            case 'Upside':\r\n                result = toUpsideText(text);\r\n                break;\r\n            case 'Slash':\r\n                result = toSlashText(text);\r\n                break;\r\n            case 'Glitch':\r\n                result = toGlitchText(text);\r\n                break;\r\n            case 'Invert':\r\n                result = toInvertText(text);\r\n                break;\r\n            case 'Mirror':\r\n                result = toMirrorText(text);\r\n                break;\r\n            case 'Reverse':\r\n                result = text.split('').reverse().join('');\r\n                break;\r\n            case 'Bubble':\r\n                result = text.split('').map(c => {\r\n                    const bubble = {\r\n                        'a': '\u24d0', 'b': '\u24d1', 'c': '\u24d2', 'd': '\u24d3', 'e': '\u24d4', 'f': '\u24d5', 'g': '\u24d6', 'h': '\u24d7',\r\n                        'i': '\u24d8', 'j': '\u24d9', 'k': '\u24da', 'l': '\u24db', 'm': '\u24dc', 'n': '\u24dd', 'o': '\u24de', 'p': '\u24df',\r\n                        'q': '\u24e0', 'r': '\u24e1', 's': '\u24e2', 't': '\u24e3', 'u': '\u24e4', 'v': '\u24e5', 'w': '\u24e6', 'x': '\u24e7',\r\n                        'y': '\u24e8', 'z': '\u24e9'\r\n                    };\r\n                    return bubble[c.toLowerCase()] || c;\r\n                }).join('');\r\n                break;\r\n            default:\r\n                result = toSassyCase(text, 0);\r\n        }\r\n\r\n        if (currentSymbol === 'Sparkles') {\r\n            result = symbols.Sparkles[rand(symbols.Sparkles.length)] + result + symbols.Sparkles[rand(symbols.Sparkles.length)];\r\n        } else if (currentSymbol === 'Chaos') {\r\n            const chaosArr = symbols.Chaos;\r\n            result = chaosArr[rand(chaosArr.length)] + ' ' + result + ' ' + chaosArr[rand(chaosArr.length)];\r\n        } else if (currentSymbol === 'Aesthetic') {\r\n            const aestArr = symbols.Aesthetic;\r\n            result = aestArr[rand(aestArr.length)] + result + aestArr[rand(aestArr.length)];\r\n        }\r\n\r\n        return result;\r\n    };\r\n\r\n    const render = () => {\r\n        resultList.innerHTML = '';\r\n        let raw = inputEl.value || 'brat summer vibes';\r\n\r\n        let filtered = ALL_STYLES;\r\n        if (currentChaos !== 'All') {\r\n            filtered = ALL_STYLES.filter(s => s.category === currentChaos || currentChaos === 'All');\r\n        }\r\n\r\n        const displayList = filtered.slice(0, limit);\r\n\r\n        displayList.forEach(s => {\r\n            const out = transformText(raw, s);\r\n\r\n            const card = document.createElement('div');\r\n            card.className = 'brat-y2k-card';\r\n\r\n            card.innerHTML = `\r\n                <div class=\"brat-y2k-card-header\">\r\n                    <span>${s.name}<\/span>\r\n                    <i class=\"fa-solid fa-${s.icon}\"><\/i>\r\n                <\/div>\r\n                <div class=\"brat-y2k-card-preview\">${out}<\/div>\r\n                <i class=\"fa-solid fa-copy brat-y2k-copy-icon\"><\/i>\r\n            `;\r\n\r\n            card.addEventListener('click', () => {\r\n                navigator.clipboard.writeText(out);\r\n                showToast('Brat Text Copied');\r\n            });\r\n\r\n            resultList.appendChild(card);\r\n        });\r\n\r\n        loadMoreBtn.style.display = limit >= filtered.length ? 'none' : 'flex';\r\n\r\n        const remaining = Math.max(0, filtered.length - limit);\r\n        if (remaining > 0) {\r\n            loadMoreBtn.querySelector('span').innerText = `Load More Chaos (${remaining})`;\r\n        }\r\n    };\r\n\r\n    inputEl.addEventListener('input', render);\r\n\r\n    loadMoreBtn.onclick = () => {\r\n        limit += 6;\r\n        render();\r\n    };\r\n\r\n    document.querySelectorAll('.chaos-btn').forEach(btn => {\r\n        btn.onclick = () => {\r\n            document.querySelectorAll('.chaos-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentChaos = btn.getAttribute('data-val');\r\n            limit = 6;\r\n            render();\r\n        };\r\n    });\r\n\r\n    document.querySelectorAll('.symbol-btn').forEach(btn => {\r\n        btn.onclick = () => {\r\n            document.querySelectorAll('.symbol-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentSymbol = btn.getAttribute('data-val');\r\n            render();\r\n        };\r\n    });\r\n\r\n    render();\r\n});\r\n<\/script>\r\n<!-- END OF FILE Brat Text Generator - Y2K Brat Layout -->\r\n\r\n<!-- <content section is starting -->\r\n\r\n<div>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <!-- SECTION 1 \u2014 WHITE BG + WHITE CARDS -->\r\n\r\n\r\n\r\n\r\n<section class=\"pg-fcs-section pg-fcs-sec1\">\r\n        <div class=\"pg-fcs-inner\">\r\n\r\n<\/div>\r\n\t<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <section class=\"pg-fcs-section pg-fcs-sec1\">\r\n        <div class=\"pg-fcs-inner\">\r\n            <h2 class=\"pg-fcs-heading\">What Makes This <span class=\"pg-fcs-kw\">Brat Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Discover why thousands of users are obsessed with our brat text generator to create that iconic lime green aesthetic text that defined 2024's biggest trend \u2014 completely free.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,61,0,0.12);color:#ff3d00;\"><i class=\"fa-solid fa-fire\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Authentic Brat Aesthetic<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Our brat text generator creates the exact lime green messy text style that took over the internet \u2014 no fake imitations, just the real brat look everyone wants.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(170,0,255,0.12);color:#aa00ff;\"><i class=\"fa-solid fa-text-height\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Multiple Brat Styles<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Classic brat, bold brat, italic brat, outlined brat, and brat with strikethrough \u2014 our brat text generator offers five distinct styles for every vibe.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,229,255,0.12);color:#00e5ff;\"><i class=\"fa-solid fa-copy\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">One-Click Copy & Paste<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Created your brat text? Hit copy and paste it into Instagram bios, TikTok captions, Twitter posts, or anywhere that supports Unicode styling.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,200,83,0.12);color:#00c853;\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">100% Safe & Private<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Our brat text generator runs entirely in your browser \u2014 no servers, no data collection, no tracking. Your brat text stays completely private.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(233,30,99,0.12);color:#e91e63;\"><i class=\"fa-solid fa-mobile-screen-button\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Works on Every Device<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Phone, tablet, or desktop \u2014 our brat text generator renders the iconic lime green text perfectly on any screen, any browser, any operating system.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,214,0,0.12);color:#ffd600;\"><i class=\"fa-solid fa-infinity\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Unlimited Free Brat Text<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">No accounts, no limits, no fees. Generate as much brat text as you want \u2014 it's free forever, no strings attached, just pure brat energy.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 \u2014 PREVIOUS GRADIENT BG + GLASS CARDS -->\r\n    <section class=\"pg-fcs-section pg-fcs-sec2\">\r\n        <div class=\"pg-fcs-inner\">\r\n            <h2 class=\"pg-fcs-heading\">How Does Our <span class=\"pg-fcs-kw\">Brat Text Generator<\/span> Work?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Creating brat text is ridiculously easy. No design skills needed \u2014 just follow these steps and get your iconic lime green text ready to paste in seconds.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udc9a<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 1: Type Your Text<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Enter any word, phrase, or sentence into the input box of our brat text generator \u2014 any text can be transformed into the iconic brat aesthetic instantly.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83c\udfa8<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 2: Pick a Brat Style<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Choose from classic, bold, italic, outlined, or strikethrough brat \u2014 each style gives a different take on the iconic lime green messy text look.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\u2728<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 3: Preview the Brat Look<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Your text instantly transforms into the signature brat style \u2014 see a live preview of exactly how your lime green text will look when pasted online.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udccb<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 4: Copy Brat Output<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Love the brat vibe? Click the copy button and your lime green text goes straight to clipboard \u2014 pure Unicode, no formatting lost ever.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udcf1<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 5: Paste Everywhere<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Drop your brat text into bios, captions, comments, messages, or usernames \u2014 real Unicode renders the brat aesthetic natively everywhere.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83e\udef6<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 6: Share the Brat Energy<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Mix brat text with normal text, combine styles, or use it across multiple platforms \u2014 our brat text generator lets you spread brat energy everywhere.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 \u2014 WHITE BG + SOFT GRAY CARDS -->\r\n    <section class=\"pg-fcs-section pg-fcs-sec3\">\r\n        <div class=\"pg-fcs-inner\">\r\n            <h2 class=\"pg-fcs-heading\">Where Can You Use <span class=\"pg-fcs-kw\">Brat Text Generator<\/span> Results?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Our brat text generator creates real Unicode styled text that works across all major platforms. Here are the most popular ways people use the iconic brat aesthetic online.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(245,0,87,0.12);color:#f50057;\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Instagram Bio & Captions<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">The brat text aesthetic exploded on Instagram \u2014 use it in your bio and captions to show you're in on the trend that defined internet culture in 2024.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,9,132,0.12);color:#ff0084;\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">TikTok Captions & Comments<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Brat text in TikTok captions is the ultimate flex \u2014 the lime green messy style instantly signals you understand the trend and drives massive engagement.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,176,255,0.12);color:#00b0ff;\"><i class=\"fa-brands fa-discord\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Discord Names & Status<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Set a brat-style Discord username or custom status \u2014 the lime green aesthetic is instantly recognizable and gets reactions in every server.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(41,182,246,0.12);color:#29b6f6;\"><i class=\"fa-brands fa-twitter\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Twitter \/ X Posts & Bio<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Brat text in tweets and X bios cuts through the noise \u2014 the iconic lime green style makes your posts pop in even the most crowded timelines.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(244,67,54,0.12);color:#f44336;\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">YouTube Titles & Comments<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Use brat text in YouTube video titles for culture commentary, trend videos, or aesthetic content \u2014 the brat look signals relevance instantly.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,112,67,0.12);color:#ff7043;\"><i class=\"fa-solid fa-hashtag\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Trend & Meme Content<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Brat text is the go-to format for trend commentary, meme posts, and viral content across every platform \u2014 it's the visual shorthand for being culturally online.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n        :root{\r\n            --accent-lime:#a6e22a;\r\n            --text-dark:#0a0a0a;--text-primary:#1a1a1a;--text-muted:#4a4a5a;\r\n            --grad-brat:linear-gradient(135deg,#a6e22a,#c6ff00,#76ff03);\r\n            --theme-bg-alt:rgba(246,250,240,0.7);\r\n            --shadow-card-hover:0 12px 30px rgba(166,226,42,0.16);\r\n            --tr:all .35s cubic-bezier(.2,.8,.2,1);\r\n            --ff:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif\r\n        }\r\n        .pg-fcs-section{width:100%;padding:clamp(48px,8vw,96px) 20px;position:relative;font-family:var(--ff);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}\r\n        .pg-fcs-inner{max-width:1200px;margin:0 auto}\r\n        .pg-fcs-heading{font-family:var(--ff);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;text-align:center;color:var(--text-dark);margin-bottom:clamp(8px,1.5vw,14px);line-height:1.2;letter-spacing:-.03em}\r\n        .pg-fcs-kw{color:var(--accent-lime);position:relative}\r\n        .pg-fcs-kw::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:var(--grad-brat);border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1)}\r\n        .pg-fcs-section:hover .pg-fcs-kw::after{transform:scaleX(1)}\r\n        .pg-fcs-sub{font-family:var(--ff);font-size:clamp(.88rem,1.8vw,1.02rem);font-weight:400;text-align:center;color:var(--text-muted);max-width:660px;margin:0 auto clamp(32px,5vw,56px);line-height:1.7}\r\n        .pg-fcs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,26px);align-items:stretch}\r\n\r\n        \/* CARD \u2014 NO CLIP, VISIBLE BORDER *\/\r\n        .pg-fcs-card{\r\n            border-radius:16px;\r\n            padding:clamp(22px,3vw,32px);\r\n            position:relative;\r\n            cursor:pointer;\r\n            -webkit-tap-highlight-color:transparent;\r\n            user-select:none;\r\n            transition:var(--tr);\r\n            border:1.5px solid #e0e0e8;\r\n            display:flex;\r\n            flex-direction:column\r\n        }\r\n        .pg-fcs-card::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(166,226,42,.10) 0%,rgba(198,255,0,.04) 60%,transparent 100%);transform:translate(-50%,-50%);transition:width .55s ease-out,height .55s ease-out,opacity .55s ease-out;opacity:0;z-index:0;pointer-events:none}\r\n        .pg-fcs-card::before{content:'';position:absolute;top:-1px;left:0;width:100%;height:3px;background:var(--grad-brat);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1);z-index:4;border-radius:16px 16px 0 0}\r\n        .pg-fcs-card:hover::before{transform:scaleX(1)}\r\n        .pg-fcs-card.pg-fcs-pressed{transform:translateY(-1px) scale(.985)!important}\r\n        .pg-fcs-card.pg-fcs-pressed::before{transform:scaleX(1)}\r\n        .pg-fcs-card.pg-fcs-ripple::after{width:320px;height:320px;opacity:1}\r\n        .pg-fcs-card.pg-fcs-ripple-out::after{width:320px;height:320px;opacity:0}\r\n\r\n        .pg-fcs-icon{width:clamp(46px,5vw,58px);height:clamp(46px,5vw,58px);min-width:46px;min-height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:clamp(18px,2.5vw,24px);margin-bottom:clamp(14px,2vw,20px);transition:var(--tr);position:relative;z-index:3;flex-shrink:0}\r\n        .pg-fcs-card:hover .pg-fcs-icon{transform:scale(1.12) rotate(-4deg)}\r\n        .pg-fcs-card.pg-fcs-pressed .pg-fcs-icon{transform:scale(1.04) rotate(0deg)}\r\n        .pg-fcs-emoji{font-size:clamp(28px,3.5vw,36px);margin-bottom:clamp(12px,1.8vw,16px);display:inline-block;transition:var(--tr);position:relative;z-index:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));flex-shrink:0}\r\n        .pg-fcs-card:hover .pg-fcs-emoji{transform:scale(1.22) rotate(-6deg)}\r\n        .pg-fcs-card.pg-fcs-pressed .pg-fcs-emoji{transform:scale(1.08) rotate(0deg)}\r\n        .pg-fcs-card-title{font-family:var(--ff);font-size:clamp(.95rem,2vw,1.1rem);font-weight:700;color:var(--text-dark);margin-bottom:clamp(6px,1vw,10px);line-height:1.35;position:relative;z-index:3}\r\n        .pg-fcs-card-desc{font-family:var(--ff);font-size:clamp(.8rem,1.5vw,.9rem);font-weight:400;color:var(--text-muted);line-height:1.65;position:relative;z-index:3;margin-top:auto}\r\n\r\n        \/* SEC 1 \u2014 SOLID VISIBLE BORDER *\/\r\n        .pg-fcs-sec1{background:#fff}\r\n        .pg-fcs-sec1 .pg-fcs-card{background:#fff;border-color:#dcdce5;box-shadow:0 2px 8px rgba(0,0,0,.04)}\r\n        .pg-fcs-sec1 .pg-fcs-card:hover{border-color:var(--accent-lime);box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}\r\n        .pg-fcs-sec1 .pg-fcs-sub{color:#2a2a2a}\r\n        .pg-fcs-sec1 .pg-fcs-card-title{color:#0a0a0a}\r\n        .pg-fcs-sec1 .pg-fcs-card-desc{color:#2a2a2a}\r\n\r\n        \/* SEC 2 \u2014 VISIBLE WHITE BORDER ON GLASS *\/\r\n        .pg-fcs-sec2{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}\r\n        .pg-fcs-sec2 .pg-fcs-heading{color:#fff}\r\n        .pg-fcs-sec2 .pg-fcs-kw{color:#ffd700}\r\n        .pg-fcs-sec2 .pg-fcs-kw::after{background:linear-gradient(90deg,#667eea,#764ba2,#ffd700)}\r\n        .pg-fcs-sec2 .pg-fcs-sub{color:rgba(255,255,255,.8)}\r\n        .pg-fcs-sec2 .pg-fcs-card{background:rgba(255,255,255,.95);border-color:rgba(255,255,255,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.12)}\r\n        .pg-fcs-sec2 .pg-fcs-card::before{background:linear-gradient(90deg,#667eea,#764ba2,#ffd700);border-radius:16px 16px 0 0}\r\n        .pg-fcs-sec2 .pg-fcs-card:hover{border-color:rgba(255,255,255,.85);box-shadow:0 12px 40px rgba(118,75,162,.3);transform:translateY(-5px)}\r\n        .pg-fcs-sec2 .pg-fcs-card::after{background:radial-gradient(circle,rgba(118,75,162,.1) 0%,rgba(102,126,234,.05) 60%,transparent 100%)}\r\n\r\n        \/* SEC 3 \u2014 SOLID VISIBLE BORDER *\/\r\n        .pg-fcs-sec3{background:#fff}\r\n        .pg-fcs-sec3 .pg-fcs-card{background:var(--theme-bg-alt);border-color:#d8dce4;box-shadow:0 2px 8px rgba(0,0,0,.03)}\r\n        .pg-fcs-sec3 .pg-fcs-card::before{background:linear-gradient(90deg,#a6e22a,#c6ff00,#76ff03);border-radius:16px 16px 0 0}\r\n        .pg-fcs-sec3 .pg-fcs-card:hover{border-color:var(--accent-lime);box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}\r\n\r\n        \/* RESPONSIVE *\/\r\n        @media(max-width:820px){.pg-fcs-grid{grid-template-columns:repeat(2,1fr);gap:16px}.pg-fcs-section{padding:clamp(36px,6vw,64px) 16px}}\r\n        @media(max-width:540px){.pg-fcs-grid{grid-template-columns:1fr;gap:14px}.pg-fcs-card{padding:22px}.pg-fcs-sub{margin-bottom:28px}}\r\n        @media(max-width:360px){.pg-fcs-section{padding:32px 12px}.pg-fcs-card{padding:18px;border-radius:12px}}\r\n    <\/style>\r\n\r\n    <script>\r\n    (function(){\r\n        var c=document.querySelectorAll('.pg-fcs-card');\r\n        c.forEach(function(card){\r\n            function ripple(el){\r\n                el.classList.remove('pg-fcs-ripple','pg-fcs-ripple-out');\r\n                void el.offsetWidth;\r\n                el.classList.add('pg-fcs-ripple');\r\n                setTimeout(function(){el.classList.add('pg-fcs-ripple-out')},300);\r\n                setTimeout(function(){el.classList.remove('pg-fcs-ripple','pg-fcs-ripple-out')},700);\r\n            }\r\n            card.addEventListener('mousedown',function(){card.classList.add('pg-fcs-pressed')});\r\n            card.addEventListener('mouseup',function(){setTimeout(function(){card.classList.remove('pg-fcs-pressed')},120);ripple(card)});\r\n            card.addEventListener('mouseleave',function(){card.classList.remove('pg-fcs-pressed','pg-fcs-ripple','pg-fcs-ripple-out')});\r\n            card.addEventListener('touchstart',function(){card.classList.add('pg-fcs-pressed');ripple(card)},{passive:true});\r\n            card.addEventListener('touchend',function(){setTimeout(function(){card.classList.remove('pg-fcs-pressed')},150)});\r\n            card.addEventListener('touchcancel',function(){card.classList.remove('pg-fcs-pressed','pg-fcs-ripple','pg-fcs-ripple-out')});\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/div>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-466","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Generatore di testo per ragazzini viziati \u2013 Genera all&#039;istante<\/title>\n<meta name=\"description\" content=\"Crea testi sfacciati e irriverenti con il nostro generatore di testo Brat gratuito. Perfetto per didascalie, biografie e post sui social: copia e incolla con un solo clic.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/onlinetexteditor.io\/it\/brat-text-generator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Brat Text Generator \u2013 Generate Instantly\" \/>\n<meta property=\"og:description\" content=\"Create bold brat-style text with our free Brat Text Generator. Perfect for captions, bios, and social posts \u2014 copy &amp; paste in one click.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onlinetexteditor.io\/brat-text-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Text Editor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-06T10:56:39+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/brat-text-generator\\\/\",\"url\":\"https:\\\/\\\/onlinetexteditor.io\\\/brat-text-generator\\\/\",\"name\":\"Brat Text Generator \u2013 Generate Instantly\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#website\"},\"datePublished\":\"2026-03-08T00:00:03+00:00\",\"dateModified\":\"2026-04-06T10:56:39+00:00\",\"description\":\"Create bold brat-style text with our free Brat Text Generator. Perfect for captions, bios, and social posts \u2014 copy & paste in one click.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/brat-text-generator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/onlinetexteditor.io\\\/brat-text-generator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/brat-text-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/onlinetexteditor.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Brat Text Generator \u2013 Generate Instantly\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#website\",\"url\":\"https:\\\/\\\/onlinetexteditor.io\\\/\",\"name\":\"Online Text Editor\",\"description\":\"Free &amp; Secure Rich Text Editing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/onlinetexteditor.io\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Generatore di testo per ragazzini viziati \u2013 Genera all&#39;istante","description":"Crea testi sfacciati e irriverenti con il nostro generatore di testo Brat gratuito. Perfetto per didascalie, biografie e post sui social: copia e incolla con un solo clic.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/onlinetexteditor.io\/it\/brat-text-generator\/","og_locale":"en_US","og_type":"article","og_title":"Brat Text Generator \u2013 Generate Instantly","og_description":"Create bold brat-style text with our free Brat Text Generator. Perfect for captions, bios, and social posts \u2014 copy & paste in one click.","og_url":"https:\/\/onlinetexteditor.io\/brat-text-generator\/","og_site_name":"Online Text Editor","article_modified_time":"2026-04-06T10:56:39+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onlinetexteditor.io\/brat-text-generator\/","url":"https:\/\/onlinetexteditor.io\/brat-text-generator\/","name":"Brat Text Generator \u2013 Generate Instantly","isPartOf":{"@id":"https:\/\/onlinetexteditor.io\/#website"},"datePublished":"2026-03-08T00:00:03+00:00","dateModified":"2026-04-06T10:56:39+00:00","description":"Create bold brat-style text with our free Brat Text Generator. Perfect for captions, bios, and social posts \u2014 copy & paste in one click.","breadcrumb":{"@id":"https:\/\/onlinetexteditor.io\/brat-text-generator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onlinetexteditor.io\/brat-text-generator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onlinetexteditor.io\/brat-text-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/onlinetexteditor.io\/"},{"@type":"ListItem","position":2,"name":"Brat Text Generator \u2013 Generate Instantly"}]},{"@type":"WebSite","@id":"https:\/\/onlinetexteditor.io\/#website","url":"https:\/\/onlinetexteditor.io\/","name":"Online Text Editor","description":"Free &amp; Secure Rich Text Editing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/onlinetexteditor.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/onlinetexteditor.io\/it\/wp-json\/wp\/v2\/pages\/466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onlinetexteditor.io\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onlinetexteditor.io\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/it\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/it\/wp-json\/wp\/v2\/comments?post=466"}],"version-history":[{"count":3,"href":"https:\/\/onlinetexteditor.io\/it\/wp-json\/wp\/v2\/pages\/466\/revisions"}],"predecessor-version":[{"id":469,"href":"https:\/\/onlinetexteditor.io\/it\/wp-json\/wp\/v2\/pages\/466\/revisions\/469"}],"wp:attachment":[{"href":"https:\/\/onlinetexteditor.io\/it\/wp-json\/wp\/v2\/media?parent=466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}