{"id":463,"date":"2026-03-07T00:00:56","date_gmt":"2026-03-07T00:00:56","guid":{"rendered":"https:\/\/onlinetexteditor.io\/?page_id=463"},"modified":"2026-04-06T05:44:43","modified_gmt":"2026-04-06T05:44:43","slug":"glitchy-text-generator","status":"publish","type":"page","link":"https:\/\/onlinetexteditor.io\/es\/glitchy-text-generator\/","title":{"rendered":"Glitchy Text Generator \u2013 Distort 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 Glitchy Text Generator -->\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    .glitch-tool-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        --glitch-cyan: #00f0ff;\r\n        --glitch-pink: #ff006e;\r\n        --glitch-purple: #8b5cf6;\r\n        --glitch-dark: #0a0a12;\r\n        --glitch-panel: rgba(10, 10, 18, 0.96);\r\n        --glitch-border: rgba(0, 240, 255, 0.35);\r\n        --glitch-text: #e0f7fa;\r\n        --glitch-muted: rgba(224, 247, 250, 0.65);\r\n        --glitch-void: #050510;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        --grad-glitch: linear-gradient(90deg, #00f0ff, #ff006e, #00f0ff);\r\n        --grad-cyber: linear-gradient(135deg, #00f0ff 0%, #8b5cf6 100%);\r\n        \r\n        --glow-cyan: 0 0 25px rgba(0, 240, 255, 0.5);\r\n        --glow-pink: 0 0 18px rgba(255, 0, 110, 0.4);\r\n        --shadow-ui: 0 15px 40px rgba(0, 0, 0, 0.85);\r\n        \r\n        --transition-ui: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        --transition-fast: all 0.2s ease;\r\n        \r\n        font-family: var(--primary-font);\r\n        color: var(--glitch-text);\r\n        line-height: 1.5;\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    .glitch-tool-wrapper * { box-sizing: border-box; }\r\n\r\n    .glitch-container {\r\n        max-width: 1100px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        padding: 35px 20px !important;\r\n    }\r\n\r\n    .glitch-header {\r\n        text-align: center;\r\n        margin-bottom: 35px;\r\n        position: relative;\r\n    }\r\n    \r\n    .glitch-main-title {\r\n        font-family: var(--mono-font);\r\n        font-size: 2.8rem;\r\n        font-weight: 900;\r\n        color: var(--glitch-cyan);\r\n        text-transform: uppercase;\r\n        letter-spacing: -1px;\r\n        margin: 0;\r\n        text-shadow: 3px 3px 0px var(--glitch-pink), -2px -2px 0px rgba(0, 240, 255, 0.6);\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        animation: glitch-shift 4s infinite;\r\n    }\r\n    \r\n    .glitch-main-title i {\r\n        color: var(--glitch-pink);\r\n        animation: glitch-icon 2.5s infinite;\r\n    }\r\n    \r\n    @keyframes glitch-shift {\r\n        0%, 88%, 100% { text-shadow: 3px 3px 0px var(--glitch-pink), -2px -2px 0px rgba(0, 240, 255, 0.6); }\r\n        90% { text-shadow: -5px 2px 0px var(--glitch-pink), 4px -1px 0px var(--glitch-cyan); transform: translateX(3px); }\r\n        92% { text-shadow: 3px -3px 0px var(--glitch-pink), -3px 2px 0px var(--glitch-cyan); transform: translateX(-3px); }\r\n        94% { text-shadow: 3px 3px 0px var(--glitch-pink), -2px -2px 0px rgba(0, 240, 255, 0.6); transform: translateX(0); }\r\n    }\r\n    \r\n    @keyframes glitch-icon {\r\n        0%, 85%, 100% { transform: scale(1) rotate(0deg); }\r\n        87% { transform: scale(1.2) rotate(-10deg); }\r\n        89% { transform: scale(0.9) rotate(6deg); }\r\n        91% { transform: scale(1) rotate(0deg); }\r\n    }\r\n\r\n    .glitch-subtitle {\r\n        font-size: 1.05rem;\r\n        color: var(--glitch-muted);\r\n        max-width: 750px;\r\n        margin: 12px 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    \/* ATTACHED MAIN UNIT *\/\r\n    .glitch-main-frame {\r\n        display: flex;\r\n        flex-direction: column;\r\n        border: 2px solid var(--glitch-border);\r\n        border-radius: 14px;\r\n        overflow: hidden;\r\n        box-shadow: var(--shadow-ui), 0 0 25px rgba(0, 240, 255, 0.15);\r\n        background: var(--glitch-panel);\r\n    }\r\n\r\n    \/* INPUT PANEL - TOP *\/\r\n    .glitch-panel {\r\n        border: none;\r\n        border-radius: 14px 14px 0 0;\r\n        padding: 28px;\r\n        margin-bottom: 0;\r\n        background: linear-gradient(180deg, rgba(15, 15, 25, 0.98) 0%, rgba(10, 10, 18, 0.96) 100%);\r\n        position: relative;\r\n    }\r\n    \r\n    .glitch-panel::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; height: 3px;\r\n        background: var(--grad-glitch);\r\n        background-size: 200% auto;\r\n        animation: gradient-flow 4s linear infinite;\r\n    }\r\n    \r\n    @keyframes gradient-flow {\r\n        0% { background-position: 0% center; }\r\n        100% { background-position: 200% center; }\r\n    }\r\n\r\n    .glitch-label {\r\n        font-family: var(--mono-font);\r\n        font-size: 0.78rem;\r\n        color: var(--glitch-dark);\r\n        background: var(--glitch-cyan);\r\n        padding: 3px 10px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        margin-bottom: 10px;\r\n        margin-right: 8px;\r\n        margin-top: 8px;\r\n        font-weight: 800;\r\n        letter-spacing: 1.5px;\r\n        border-radius: 4px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .glitch-label i { font-size: 0.8rem; }\r\n\r\n    .glitch-input-row {\r\n        margin-bottom: 14px;\r\n    }\r\n    \r\n    .glitch-text-input {\r\n        width: 100% !important;\r\n        height: 130px !important;\r\n        padding: 22px !important;\r\n        background: rgba(5, 5, 16, 0.8) !important;\r\n        border: 2px solid var(--glitch-cyan) !important;\r\n        box-shadow: 0 0 20px rgba(0, 240, 255, 0.25) !important;\r\n        color: var(--glitch-cyan) !important;\r\n        font-family: var(--mono-font) !important;\r\n        font-size: 1.35rem !important;\r\n        outline: none !important;\r\n        transition: var(--transition-ui) !important;\r\n        border-radius: 8px !important;\r\n        resize: none;\r\n    }\r\n    \r\n    .glitch-text-input:focus {\r\n        border-color: #fff !important;\r\n        box-shadow: 0 0 30px rgba(0, 240, 255, 0.5), inset 0 0 15px rgba(0, 240, 255, 0.15) !important;\r\n        text-shadow: 0 0 8px var(--glitch-cyan) !important;\r\n    }\r\n    \r\n    .glitch-text-input::placeholder {\r\n        color: rgba(0, 240, 255, 0.35);\r\n        font-style: italic;\r\n    }\r\n\r\n    \/* ACTION BUTTONS *\/\r\n    .glitch-actions {\r\n        display: flex;\r\n        gap: 10px;\r\n        margin-bottom: 20px;\r\n        flex-wrap: wrap;\r\n    }\r\n    \r\n    .glitch-action-btn {\r\n        background: rgba(25, 25, 40, 0.9);\r\n        color: #b0b8c8;\r\n        border: 1px solid #333350;\r\n        padding: 10px 14px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\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        border-radius: 6px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n    \r\n    .glitch-action-btn i { color: var(--glitch-cyan); font-size: 0.9rem; }\r\n    \r\n    .glitch-action-btn:hover {\r\n        background: rgba(0, 240, 255, 0.15);\r\n        color: var(--glitch-cyan);\r\n        border-color: var(--glitch-cyan);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 12px rgba(0, 240, 255, 0.25);\r\n    }\r\n    \r\n    .glitch-action-btn:active { transform: scale(0.97); }\r\n\r\n    \/* BUTTON GRID *\/\r\n    .glitch-options {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\r\n        gap: 10px;\r\n    }\r\n    \r\n    .glitch-option-btn {\r\n        background: rgba(15, 15, 25, 0.9);\r\n        border: 1px solid #2a2a40;\r\n        color: #8892a8;\r\n        padding: 12px 8px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.72rem;\r\n        font-weight: 700;\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        border-radius: 6px;\r\n        letter-spacing: 0.5px;\r\n    }\r\n    \r\n    .glitch-option-btn:hover {\r\n        background: rgba(35, 35, 55, 0.95);\r\n        color: #fff;\r\n        border-color: #4a4a6a;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);\r\n    }\r\n    \r\n    .glitch-option-btn:hover i {\r\n        color: var(--glitch-cyan);\r\n        transform: scale(1.1);\r\n    }\r\n    \r\n    .glitch-option-btn.active {\r\n        background: linear-gradient(135deg, rgba(0, 240, 255, 0.2), rgba(139, 92, 246, 0.2));\r\n        color: var(--glitch-cyan);\r\n        border-color: var(--glitch-cyan);\r\n        box-shadow: 0 4px 15px rgba(0, 240, 255, 0.35), inset 0 0 10px rgba(0, 240, 255, 0.15);\r\n    }\r\n    \r\n    .glitch-option-btn.active i {\r\n        color: #fff;\r\n        text-shadow: var(--glow-cyan);\r\n    }\r\n    \r\n    .glitch-option-btn i { font-size: 1.15rem; transition: var(--transition-ui); }\r\n\r\n    \/* OUTPUT AREA - BOTTOM *\/\r\n    .glitch-output {\r\n        background: rgba(5, 5, 16, 0.98);\r\n        border-top: 2px solid var(--glitch-border);\r\n        border-radius: 0 0 14px 14px;\r\n        padding: 28px;\r\n        min-height: 400px;\r\n        position: relative;\r\n    }\r\n    \r\n    .glitch-output-label {\r\n        position: absolute;\r\n        top: -14px;\r\n        right: 20px;\r\n        background: var(--glitch-pink);\r\n        color: #fff;\r\n        font-family: var(--mono-font);\r\n        font-size: 0.75rem;\r\n        padding: 4px 12px;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        border-radius: 4px;\r\n        box-shadow: 2px 2px 0px var(--glitch-void);\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .glitch-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 14px;\r\n    }\r\n\r\n    .glitch-card {\r\n        background: rgba(10, 10, 18, 0.95);\r\n        border: 1px solid #222240;\r\n        padding: 18px 24px;\r\n        cursor: pointer;\r\n        transition: var(--transition-ui);\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        min-height: 65px;\r\n        border-radius: 8px;\r\n    }\r\n    \r\n    .glitch-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 4px; height: 100%;\r\n        background: var(--grad-cyber);\r\n        opacity: 0.5;\r\n        transition: var(--transition-fast);\r\n        border-radius: 8px 0 0 8px;\r\n    }\r\n    \r\n    .glitch-card:hover {\r\n        border-color: rgba(0, 240, 255, 0.6);\r\n        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6), 0 0 12px rgba(0, 240, 255, 0.2);\r\n        transform: translateX(5px);\r\n    }\r\n    \r\n    .glitch-card:hover::before {\r\n        width: 6px;\r\n        opacity: 1;\r\n    }\r\n    \r\n    .glitch-card-header {\r\n        min-width: 140px;\r\n        margin-right: 15px;\r\n        font-family: var(--mono-font);\r\n        font-size: 0.7rem;\r\n        color: #667;\r\n        text-transform: uppercase;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 3px;\r\n        transition: var(--transition-fast);\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    .glitch-card:hover .glitch-card-header {\r\n        color: var(--glitch-cyan);\r\n    }\r\n\r\n    .glitch-card-header i {\r\n        color: var(--glitch-pink);\r\n        font-size: 0.95rem;\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .glitch-card:hover .glitch-card-header i {\r\n        color: var(--glitch-cyan);\r\n        transform: rotate(180deg) scale(1.15);\r\n    }\r\n    \r\n    .glitch-card-preview {\r\n        font-family: var(--mono-font);\r\n        color: var(--glitch-text);\r\n        word-break: break-all;\r\n        font-size: 1.05rem;\r\n        flex-grow: 1;\r\n        display: flex;\r\n        align-items: center;\r\n        line-height: 1.4;\r\n        text-shadow: 0 0 4px rgba(224, 247, 250, 0.15);\r\n        transition: var(--transition-fast);\r\n    }\r\n    \r\n    .glitch-card:hover .glitch-card-preview {\r\n        text-shadow: 0 0 8px var(--glitch-cyan);\r\n        color: #fff;\r\n    }\r\n\r\n    .glitch-copy-icon {\r\n        position: absolute;\r\n        right: 18px;\r\n        color: #444460;\r\n        font-size: 0.95rem;\r\n        transition: var(--transition-ui);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .glitch-card:hover .glitch-copy-icon {\r\n        color: var(--glitch-cyan);\r\n        transform: scale(1.3);\r\n        text-shadow: var(--glow-cyan);\r\n    }\r\n\r\n    .glitch-btn-load {\r\n        width: 100%;\r\n        margin-top: 28px;\r\n        background: transparent;\r\n        color: var(--glitch-cyan);\r\n        border: 2px solid var(--glitch-cyan);\r\n        padding: 18px;\r\n        font-family: var(--primary-font);\r\n        font-size: 1rem;\r\n        font-weight: 800;\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        border-radius: 6px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        letter-spacing: 1.5px;\r\n    }\r\n    \r\n    .glitch-btn-load::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%;\r\n        width: 100%; height: 100%;\r\n        background: var(--glitch-cyan);\r\n        transition: var(--transition-ui);\r\n        z-index: -1;\r\n    }\r\n    \r\n    .glitch-btn-load:hover {\r\n        color: var(--glitch-void);\r\n        transform: translateY(-3px);\r\n        box-shadow: var(--glow-cyan);\r\n    }\r\n    \r\n    .glitch-btn-load:hover::before {\r\n        left: 0;\r\n    }\r\n    \r\n    .glitch-btn-load:active { transform: scale(0.98); }\r\n    \r\n    .glitch-btn-load i { transition: transform 0.3s ease; }\r\n    \r\n    .glitch-btn-load:hover i { transform: translateY(4px); }\r\n\r\n    \/* TOAST *\/\r\n    .glitch-toast {\r\n        visibility: hidden;\r\n        background: var(--glitch-void);\r\n        color: var(--glitch-cyan);\r\n        border: 2px solid var(--glitch-cyan);\r\n        padding: 14px 28px;\r\n        position: fixed;\r\n        left: 50%;\r\n        bottom: 40px;\r\n        transform: translateX(-50%) translateY(20px);\r\n        font-family: var(--primary-font);\r\n        font-weight: 800;\r\n        z-index: 10000;\r\n        text-transform: uppercase;\r\n        box-shadow: 6px 6px 0px var(--glitch-void);\r\n        opacity: 0;\r\n        transition: all 0.35s 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        border-radius: 8px;\r\n    }\r\n    \r\n    .glitch-toast i { color: var(--glitch-pink); font-size: 1.2rem; }\r\n    \r\n    .glitch-toast.show { \r\n        visibility: visible; \r\n        opacity: 1;\r\n        transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .glitch-main-title { font-size: 1.8rem; }\r\n        .glitch-subtitle { font-size: 0.92rem; }\r\n        .glitch-container { padding: 25px 15px !important; }\r\n        .glitch-options { grid-template-columns: 1fr 1fr; }\r\n        .glitch-card-header { min-width: 110px; font-size: 0.6rem; }\r\n        .glitch-text-input { height: 100px !important; font-size: 1.1rem !important; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"glitch-tool-wrapper\">\r\n    <div class=\"glitch-container\">\r\n        \r\n        <div class=\"glitch-header\">\r\n            <h1 class=\"glitch-main-title\"><i class=\"fa-solid fa-bug-slash\"><\/i> Glitchy Text Generator - Distort Instantly<\/h1>\r\n            <p class=\"glitch-subtitle\">Inject corrupted data aesthetics with combining marks, cyber offsets, and mirror inversions. Distort your text into digital chaos with live preview.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"glitch-main-frame\">\r\n            \r\n            <!-- INPUT SECTION - TOP -->\r\n            <div class=\"glitch-panel\">\r\n                <div class=\"glitch-input-row\">\r\n                    <textarea class=\"glitch-text-input\" id=\"glitchInputText\" placeholder=\"Enter data stream...\"><\/textarea>\r\n                <\/div>\r\n                \r\n                <div class=\"glitch-actions\">\r\n                    <button class=\"glitch-action-btn\" onclick=\"glitchSelectAll()\"><i class=\"fa-solid fa-i-cursor\"><\/i> Select All<\/button>\r\n                    <button class=\"glitch-action-btn\" onclick=\"glitchCopyInput()\"><i class=\"fa-solid fa-copy\"><\/i> Copy<\/button>\r\n                    <button class=\"glitch-action-btn\" onclick=\"glitchPasteInput()\"><i class=\"fa-solid fa-paste\"><\/i> Paste<\/button>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <div class=\"glitch-label\"><i class=\"fa-solid fa-wave-square\"><\/i> Distortion Engine<\/div>\r\n                    <div class=\"glitch-options\">\r\n                        <button class=\"glitch-option-btn engine-btn active\" data-val=\"All\">\r\n                            <i class=\"fa-solid fa-layer-group\"><\/i> All Mix\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn engine-btn\" data-val=\"Zalgo\">\r\n                            <i class=\"fa-solid fa-ghost\"><\/i> Zalgo Glitch\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn engine-btn\" data-val=\"Wave\">\r\n                            <i class=\"fa-solid fa-water\"><\/i> Cyber Wave\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn engine-btn\" data-val=\"Mirror\">\r\n                            <i class=\"fa-solid fa-arrows-left-right\"><\/i> Mirror\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn engine-btn\" data-val=\"Static\">\r\n                            <i class=\"fa-solid fa-tv\"><\/i> Static Noise\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn engine-btn\" data-val=\"Fragment\">\r\n                            <i class=\"fa-solid fa-shards\"><\/i> Fragment\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn engine-btn\" data-val=\"Void\">\r\n                            <i class=\"fa-solid fa-circle-dot\"><\/i> Void Text\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn engine-btn\" data-val=\"Scatter\">\r\n                            <i class=\"fa-solid fa-arrows-up-down-left-right\"><\/i> Scatter\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div style=\"margin-top: 14px;\">\r\n                    <div class=\"glitch-label\"><i class=\"fa-solid fa-layer-group\"><\/i> Data Layer<\/div>\r\n                    <div class=\"glitch-options\">\r\n                        <button class=\"glitch-option-btn layer-btn active\" data-val=\"None\">\r\n                            <i class=\"fa-solid fa-ban\"><\/i> Base Plain\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn layer-btn\" data-val=\"Hex\">\r\n                            <i class=\"fa-solid fa-hashtag\"><\/i> Hex Wrap\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn layer-btn\" data-val=\"Tags\">\r\n                            <i class=\"fa-solid fa-code\"><\/i> Code Tags\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn layer-btn\" data-val=\"Pulse\">\r\n                            <i class=\"fa-solid fa-heart-pulse\"><\/i> Pulse Marks\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- OUTPUT AREA - BOTTOM -->\r\n            <div class=\"glitch-output\">\r\n                <div class=\"glitch-output-label\">Live Preview<\/div>\r\n                <div class=\"glitch-list\" id=\"glitchResultList\"><\/div>\r\n                <button class=\"glitch-btn-load\" id=\"glitchLoadMoreBtn\">\r\n                    <span>Load More Data<\/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    <div id=\"glitchToast\" class=\"glitch-toast\">\r\n        <i class=\"fa-solid fa-check-circle\"><\/i> Data Fragment Copied\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction glitchSelectAll() {\r\n    const el = document.getElementById('glitchInputText');\r\n    el.select();\r\n    el.setSelectionRange(0, 99999);\r\n    el.focus();\r\n}\r\n\r\nfunction glitchCopyInput() {\r\n    const el = document.getElementById('glitchInputText');\r\n    navigator.clipboard.writeText(el.value).then(() => {\r\n        glitchShowToast('Input Copied');\r\n    });\r\n}\r\n\r\nasync function glitchPasteInput() {\r\n    try {\r\n        const text = await navigator.clipboard.readText();\r\n        const el = document.getElementById('glitchInputText');\r\n        el.value = text;\r\n        el.dispatchEvent(new Event('input'));\r\n    } catch (err) {\r\n        glitchShowToast('Clipboard Access Denied');\r\n    }\r\n}\r\n\r\nfunction glitchShowToast(msg) {\r\n    const toast = document.getElementById('glitchToast');\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('glitchInputText');\r\n    const resultList = document.getElementById('glitchResultList');\r\n    const loadMoreBtn = document.getElementById('glitchLoadMoreBtn');\r\n    \r\n    const rand = (max) => Math.floor(Math.random() * max);\r\n    \r\n    let currentEngine = 'All';\r\n    let currentLayer = 'None';\r\n    let limit = 6;\r\n\r\n    const templateNames = [\r\n        'Neon Zalgo', 'Cyber Static', 'Data Void', 'Mirror Flux', \r\n        'Wave Decay', 'Fragment Echo', 'Ghost Scatter', 'Signal Break',\r\n        'Core Glitch', 'Matrix Pulse', 'Void Walker', 'Hex Storm',\r\n        'Pulse Wave', 'Static Rain', 'Echo Fragment', 'Deep Mirror',\r\n        'Code Rot', 'Neon Shift', 'Zalgo Core', 'Wave Static'\r\n    ];\r\n\r\n    const generateConfigs = () => {\r\n        const configs = [];\r\n        let counter = 1;\r\n\r\n        const engines = ['Zalgo', 'Wave', 'Mirror', 'Static', 'Fragment', 'Void', 'Scatter', 'Invert'];\r\n\r\n        engines.forEach((engine, idx) => {\r\n            templateNames.forEach(name => {\r\n                let icon = 'wave-square';\r\n                if (engine === 'Zalgo') icon = 'ghost';\r\n                if (engine === 'Mirror') icon = 'arrows-left-right';\r\n                if (engine === 'Static') icon = 'tv';\r\n                if (engine === 'Fragment') icon = 'shards';\r\n                if (engine === 'Void') icon = 'circle-dot';\r\n                if (engine === 'Scatter') icon = 'arrows-up-down-left-right';\r\n                if (engine === 'Invert') icon = 'rotate';\r\n\r\n                configs.push({\r\n                    id: `glitch-${counter++}`,\r\n                    name: `${name} ${engine}`,\r\n                    category: engine,\r\n                    icon: icon,\r\n                    variant: idx % 3\r\n                });\r\n            });\r\n        });\r\n\r\n        for (let i = 0; i < 150; i++) {\r\n            const engine = engines[rand(engines.length)];\r\n            let icon = 'wave-square';\r\n            if (engine === 'Zalgo') icon = 'ghost';\r\n            if (engine === 'Mirror') icon = 'arrows-left-right';\r\n            if (engine === 'Static') icon = 'tv';\r\n            if (engine === 'Fragment') icon = 'shards';\r\n            if (engine === 'Void') icon = 'circle-dot';\r\n            if (engine === 'Scatter') icon = 'arrows-up-down-left-right';\r\n\r\n            configs.push({\r\n                id: `data-${i}`,\r\n                name: `Corruption ${engine} #${Math.floor(Math.random() * 9999)}`,\r\n                category: engine,\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    \/\/ TRANSFORMATION ENGINES\r\n    const combine = {\r\n        Up: ['\\u030D', '\\u030E', '\\u0304', '\\u0305', '\\u033F', '\\u0311', '\\u0306', '\\u0310', '\\u0352', '\\u0357', '\\u0351', '\\u0307', '\\u0308', '\\u030A', '\\u0342', '\\u0343', '\\u0344', '\\u034A', '\\u034B', '\\u034C', '\\u0303', '\\u0302', '\\u030C', '\\u0350', '\\u0300', '\\u0301', '\\u030B', '\\u030F', '\\u0312', '\\u0313', '\\u0314', '\\u033D', '\\u0309', '\\u0363', '\\u0364', '\\u0365', '\\u0366', '\\u0367', '\\u0368', '\\u0369', '\\u036A', '\\u036B', '\\u036C', '\\u036D', '\\u036E', '\\u036F', '\\u033E', '\\u035B', '\\u0346', '\\u031A'],\r\n        Down: ['\\u0316', '\\u0317', '\\u0318', '\\u0319', '\\u031C', '\\u031D', '\\u031E', '\\u031F', '\\u0320', '\\u0324', '\\u0325', '\\u0326', '\\u0327', '\\u0328', '\\u0329', '\\u032A', '\\u032B', '\\u032C', '\\u032D', '\\u032E', '\\u032F', '\\u0330', '\\u0331', '\\u0332', '\\u0333', '\\u0339', '\\u033A', '\\u033B', '\\u033C', '\\u0347', '\\u0348', '\\u0349', '\\u034D', '\\u034E', '\\u0353', '\\u0354', '\\u0355', '\\u0356', '\\u0359', '\\u035A'],\r\n        Mid: ['\\u0315', '\\u031B', '\\u0340', '\\u0341', '\\u0358', '\\u0321', '\\u0322', '\\u0323', '\\u0334', '\\u0335', '\\u0336', '\\u0337', '\\u0338', '\\u0362', '\\u0360', '\\u0361']\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 toZalgo = (text, intensity = 'high') => {\r\n        let result = '';\r\n        for (let i = 0; i < text.length; i++) {\r\n            result += text[i];\r\n            const count = intensity === 'high' ? rand(5) + 3 : rand(3) + 1;\r\n            for (let j = 0; j < count; j++) {\r\n                const type = rand(3);\r\n                if (type === 0) result += combine.Up[rand(combine.Up.length)];\r\n                else if (type === 1) result += combine.Down[rand(combine.Down.length)];\r\n                else result += combine.Mid[rand(combine.Mid.length)];\r\n            }\r\n        }\r\n        return result;\r\n    };\r\n\r\n    const toWave = (text) => {\r\n        let result = '';\r\n        for (let i = 0; i < text.length; i++) {\r\n            result += text[i];\r\n            if (i % 2 === 0) result += '\\u0353';\r\n            else result += '\\u0354';\r\n        }\r\n        return result;\r\n    };\r\n\r\n    const toMirror = (text) => {\r\n        return text.split('').map(c => flipMap[c.toLowerCase()] || c).reverse().join('');\r\n    };\r\n\r\n    const toStatic = (text) => {\r\n        const noise = ['\u2591', '\u2592', '\u2593', '\u2588', '\u2584', '\u2580'];\r\n        return text.split('').map(c => {\r\n            if (Math.random() < 0.25) {\r\n                return c + noise[rand(noise.length)];\r\n            }\r\n            return c;\r\n        }).join('');\r\n    };\r\n\r\n    const toFragment = (text) => {\r\n        const marks = ['\\u0336', '\\u0337', '\\u0338'];\r\n        return text.split('').map(c => c + marks[rand(marks.length)]).join('');\r\n    };\r\n\r\n    const toVoid = (text) => {\r\n        return text.split('').join('\\u00A0\\u00A0').replace(\/\\s\\s+\/g, ' ');\r\n    };\r\n\r\n    const toScatter = (text) => {\r\n        return text.split('').join(' ');\r\n    };\r\n\r\n    const toInvert = (text) => {\r\n        return text.split('').map(c => flipMap[c.toLowerCase()] || c).join('');\r\n    };\r\n\r\n    \/\/ DATA LAYERS\r\n    const applyLayer = (text, layer) => {\r\n        if (layer === 'Hex') {\r\n            return `[0x${Math.floor(Math.random()*65535).toString(16).toUpperCase()}] ${text} [END]`;\r\n        }\r\n        if (layer === 'Tags') {\r\n            return `<data stream=\"${Math.random().toFixed(3)}\">${text}<\/data>`;\r\n        }\r\n        if (layer === 'Pulse') {\r\n            return Array.from(text).map(c => c + combine.Mid[rand(combine.Mid.length)]).join('');\r\n        }\r\n        return text;\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 'Zalgo':\r\n                result = toZalgo(text, variant === 0 ? 'high' : variant === 1 ? 'mid' : 'low');\r\n                break;\r\n            case 'Wave':\r\n                result = toWave(text);\r\n                break;\r\n            case 'Mirror':\r\n                result = toMirror(text);\r\n                break;\r\n            case 'Static':\r\n                result = toStatic(text);\r\n                break;\r\n            case 'Fragment':\r\n                result = toFragment(text);\r\n                break;\r\n            case 'Void':\r\n                result = toVoid(text);\r\n                break;\r\n            case 'Scatter':\r\n                result = toScatter(text);\r\n                break;\r\n            case 'Invert':\r\n                result = toInvert(text);\r\n                break;\r\n            default:\r\n                result = toZalgo(text, 'mid');\r\n        }\r\n\r\n        result = applyLayer(result, currentLayer);\r\n        return result;\r\n    };\r\n\r\n    const render = () => {\r\n        resultList.innerHTML = '';\r\n        let raw = inputEl.value || 'system corruption detected';\r\n\r\n        let filtered = ALL_STYLES;\r\n        if (currentEngine !== 'All') {\r\n            filtered = ALL_STYLES.filter(s => s.category === currentEngine);\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 = 'glitch-card';\r\n\r\n            card.innerHTML = `\r\n                <div class=\"glitch-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=\"glitch-card-preview\">${out}<\/div>\r\n                <i class=\"fa-solid fa-copy glitch-copy-icon\"><\/i>\r\n            `;\r\n\r\n            card.addEventListener('click', () => {\r\n                navigator.clipboard.writeText(out);\r\n                glitchShowToast('Data Fragment 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 Data (${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('.engine-btn').forEach(btn => {\r\n        btn.onclick = () => {\r\n            document.querySelectorAll('.engine-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentEngine = btn.getAttribute('data-val');\r\n            limit = 6;\r\n            render();\r\n        };\r\n    });\r\n\r\n    document.querySelectorAll('.layer-btn').forEach(btn => {\r\n        btn.onclick = () => {\r\n            document.querySelectorAll('.layer-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentLayer = 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 Glitchy Text Generator -->\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\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\">Glitchy Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Discover why digital creators and meme makers choose our glitchy text generator to produce RGB-split, artifact-style corrupted text that looks like a real screen glitch \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,23,68,0.12);color:#ff1744;\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Real Screen Glitch Effects<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Our glitchy text generator creates authentic digital artifact text \u2014 strikethrough, Zalgo, wavy, and mixed corruption that looks like a real broken screen.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,230,118,0.12);color:#00e676;\"><i class=\"fa-solid fa-layer-group\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">12+ Glitchy Formats<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Zalgo light, Zalgo heavy, strikethrough, wavy, double strikethrough, enclosed, and more \u2014 our glitchy text generator covers every glitch style imaginable.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(101,31,255,0.12);color:#651fff;\"><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 glitchy text? Hit copy and paste it into TikTok, Instagram, Discord, Twitter, or any platform that supports Unicode combining characters.<\/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-solid fa-shield-halved\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">100% Safe & Offline<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Our glitchy text generator processes everything in your browser \u2014 no servers, no logging, no tracking. Your glitched 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(255,145,0,0.12);color:#ff9100;\"><i class=\"fa-solid fa-display\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Renders on Every Device<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Phone, tablet, or desktop \u2014 our glitchy text generator outputs real Unicode that renders artifact text perfectly on any screen and any browser.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,64,129,0.12);color:#ff4081;\"><i class=\"fa-solid fa-infinity\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Unlimited Free Glitching<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">No sign-ups, no limits, no paywalls. Generate as much glitchy text as you want \u2014 corrupt unlimited text forever, completely free with no catch.<\/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\">Glitchy Text Generator<\/span> Work?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Creating glitchy artifact text is incredibly simple. No design tools needed \u2014 just follow these steps and generate your corrupted text in seconds.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\u26a1<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 1: Enter Your Clean Text<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Type or paste any normal text into the input box of our glitchy text generator \u2014 any word, sentence, or paragraph becomes a digital artifact victim.<\/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 Glitchy Style<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Choose from Zalgo, strikethrough, wavy, double strikethrough, enclosed, or combined modes \u2014 each creates a different digital corruption effect.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udc41\ufe0f<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 3: See the Glitch Happen<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Your text instantly transforms with combining Unicode characters \u2014 watch it corrupt in real time with a live preview of the final glitchy output.<\/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 Glitched Text<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Your corrupted artifact text is ready \u2014 click the copy button and the glitchy version goes straight to clipboard as pure Unicode text.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83c\udf10<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 5: Paste Everywhere<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Paste your glitchy text into bios, comments, captions, messages, or usernames \u2014 real Unicode combining characters render natively everywhere.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83e\uddea<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 6: Stack Corruption Effects<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Combine strikethrough with Zalgo, or wavy with enclosed \u2014 our glitchy text generator lets you layer multiple effects for maximum digital chaos.<\/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\">Glitchy Text Generator<\/span> Results?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Our glitchy text generator creates real Unicode artifacts that render on virtually every platform. Here are the most popular ways creators use corrupted text for maximum impact.<\/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(225,48,108,0.12);color:#e1306c;\"><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\">Glitchy text in Instagram bios creates a digital art aesthetic \u2014 the corrupted formatting makes your profile look like a broken screen, instantly eye-catching.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,0,80,0.10);color:#ff0050;\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">TikTok Edgy Content<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Glitchy text in TikTok captions and comments drives massive engagement \u2014 the broken-screen look makes viewers stop, read, and interact with your content.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(88,101,242,0.12);color:#5865f2;\"><i class=\"fa-brands fa-discord\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Discord Names & Servers<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Create glitchy Discord usernames, server names, and bot labels \u2014 artifact text is perfect for gaming communities, tech servers, and aesthetic channels.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,23,68,0.10);color:#ff1744;\"><i class=\"fa-brands fa-twitch\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Twitch Channel & Chat<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Give your Twitch channel name and chat messages a screen-glitch aesthetic \u2014 ideal for tech streamers, speedrunners, and digital art broadcasters.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,230,118,0.10);color:#00e676;\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">YouTube Edgy Titles<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Use glitchy text in YouTube video titles for tech reviews, editing tutorials, and digital content \u2014 the artifact look signals something techy and interesting.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(101,31,255,0.10);color:#651fff;\"><i class=\"fa-solid fa-gamepad\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Gaming Usernames & Tags<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Create glitchy gaming usernames and clan tags \u2014 corrupted text works in Fortnite, Valorant, Apex Legends, Roblox, and virtually every game platform.<\/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-red:#ff1744;--accent-green:#00e676;--accent-purple:#651fff;\r\n            --text-dark:#0a0a0a;--text-primary:#1a1a1a;--text-muted:#4a4a5a;\r\n            --grad-glitchy:linear-gradient(135deg,#ff1744,#00e676,#651fff);\r\n            --theme-bg-alt:rgba(245,247,252,0.7);\r\n            --shadow-card:0 4px 15px rgba(255,23,68,0.06);\r\n            --shadow-card-hover:0 12px 30px rgba(255,23,68,0.14);\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-red);position:relative}\r\n        .pg-fcs-kw::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:var(--grad-glitchy);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        .pg-fcs-card{border-radius:16px;padding:clamp(22px,3vw,32px);position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--tr);border:1px solid transparent;display:flex;flex-direction:column}\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(255,23,68,.08) 0%,rgba(0,230,118,.03) 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-glitchy);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        .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 *\/\r\n        .pg-fcs-sec1{background:#fff}\r\n        .pg-fcs-sec1 .pg-fcs-card{background:#fff;border-color:rgba(255,23,68,.10);box-shadow:0 2px 12px rgba(255,23,68,.04)}\r\n        .pg-fcs-sec1 .pg-fcs-card:hover{border-color:var(--accent-red);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 *\/\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,.35);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,.7);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 *\/\r\n        .pg-fcs-sec3{background:#fff}\r\n        .pg-fcs-sec3 .pg-fcs-card{background:var(--theme-bg-alt);border-color:rgba(255,23,68,.08);box-shadow:0 2px 10px rgba(255,23,68,.03)}\r\n        .pg-fcs-sec3 .pg-fcs-card::before{background:linear-gradient(90deg,#ff1744,#00e676,#651fff);border-radius:16px 16px 0 0}\r\n        .pg-fcs-sec3 .pg-fcs-card:hover{border-color:var(--accent-red);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 Glitchy Text Generator -->\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    .glitch-tool-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        --glitch-cyan: #00f0ff;\r\n        --glitch-pink: #ff006e;\r\n        --glitch-purple: #8b5cf6;\r\n        --glitch-dark: #0a0a12;\r\n        --glitch-panel: rgba(10, 10, 18, 0.96);\r\n        --glitch-border: rgba(0, 240, 255, 0.35);\r\n        --glitch-text: #e0f7fa;\r\n        --glitch-muted: rgba(224, 247, 250, 0.65);\r\n        --glitch-void: #050510;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        --grad-glitch: linear-gradient(90deg, #00f0ff, #ff006e, #00f0ff);\r\n        --grad-cyber: linear-gradient(135deg, #00f0ff 0%, #8b5cf6 100%);\r\n        \r\n        --glow-cyan: 0 0 25px rgba(0, 240, 255, 0.5);\r\n        --glow-pink: 0 0 18px rgba(255, 0, 110, 0.4);\r\n        --shadow-ui: 0 15px 40px rgba(0, 0, 0, 0.85);\r\n        \r\n        --transition-ui: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        --transition-fast: all 0.2s ease;\r\n        \r\n        font-family: var(--primary-font);\r\n        color: var(--glitch-text);\r\n        line-height: 1.5;\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    .glitch-tool-wrapper * { box-sizing: border-box; }\r\n\r\n    .glitch-container {\r\n        max-width: 1100px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        padding: 35px 20px !important;\r\n    }\r\n\r\n    .glitch-header {\r\n        text-align: center;\r\n        margin-bottom: 35px;\r\n        position: relative;\r\n    }\r\n    \r\n    .glitch-main-title {\r\n        font-family: var(--mono-font);\r\n        font-size: 2.8rem;\r\n        font-weight: 900;\r\n        color: var(--glitch-cyan);\r\n        text-transform: uppercase;\r\n        letter-spacing: -1px;\r\n        margin: 0;\r\n        text-shadow: 3px 3px 0px var(--glitch-pink), -2px -2px 0px rgba(0, 240, 255, 0.6);\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        animation: glitch-shift 4s infinite;\r\n    }\r\n    \r\n    .glitch-main-title i {\r\n        color: var(--glitch-pink);\r\n        animation: glitch-icon 2.5s infinite;\r\n    }\r\n    \r\n    @keyframes glitch-shift {\r\n        0%, 88%, 100% { text-shadow: 3px 3px 0px var(--glitch-pink), -2px -2px 0px rgba(0, 240, 255, 0.6); }\r\n        90% { text-shadow: -5px 2px 0px var(--glitch-pink), 4px -1px 0px var(--glitch-cyan); transform: translateX(3px); }\r\n        92% { text-shadow: 3px -3px 0px var(--glitch-pink), -3px 2px 0px var(--glitch-cyan); transform: translateX(-3px); }\r\n        94% { text-shadow: 3px 3px 0px var(--glitch-pink), -2px -2px 0px rgba(0, 240, 255, 0.6); transform: translateX(0); }\r\n    }\r\n    \r\n    @keyframes glitch-icon {\r\n        0%, 85%, 100% { transform: scale(1) rotate(0deg); }\r\n        87% { transform: scale(1.2) rotate(-10deg); }\r\n        89% { transform: scale(0.9) rotate(6deg); }\r\n        91% { transform: scale(1) rotate(0deg); }\r\n    }\r\n\r\n    .glitch-subtitle {\r\n        font-size: 1.05rem;\r\n        color: var(--glitch-muted);\r\n        max-width: 750px;\r\n        margin: 12px 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    \/* ATTACHED MAIN UNIT *\/\r\n    .glitch-main-frame {\r\n        display: flex;\r\n        flex-direction: column;\r\n        border: 2px solid var(--glitch-border);\r\n        border-radius: 14px;\r\n        overflow: hidden;\r\n        box-shadow: var(--shadow-ui), 0 0 25px rgba(0, 240, 255, 0.15);\r\n        background: var(--glitch-panel);\r\n    }\r\n\r\n    \/* INPUT PANEL - TOP *\/\r\n    .glitch-panel {\r\n        border: none;\r\n        border-radius: 14px 14px 0 0;\r\n        padding: 28px;\r\n        margin-bottom: 0;\r\n        background: linear-gradient(180deg, rgba(15, 15, 25, 0.98) 0%, rgba(10, 10, 18, 0.96) 100%);\r\n        position: relative;\r\n    }\r\n    \r\n    .glitch-panel::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; height: 3px;\r\n        background: var(--grad-glitch);\r\n        background-size: 200% auto;\r\n        animation: gradient-flow 4s linear infinite;\r\n    }\r\n    \r\n    @keyframes gradient-flow {\r\n        0% { background-position: 0% center; }\r\n        100% { background-position: 200% center; }\r\n    }\r\n\r\n    .glitch-label {\r\n        font-family: var(--mono-font);\r\n        font-size: 0.78rem;\r\n        color: var(--glitch-dark);\r\n        background: var(--glitch-cyan);\r\n        padding: 3px 10px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        margin-bottom: 10px;\r\n        margin-right: 8px;\r\n        margin-top: 8px;\r\n        font-weight: 800;\r\n        letter-spacing: 1.5px;\r\n        border-radius: 4px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .glitch-label i { font-size: 0.8rem; }\r\n\r\n    .glitch-input-row {\r\n        margin-bottom: 14px;\r\n    }\r\n    \r\n    .glitch-text-input {\r\n        width: 100% !important;\r\n        height: 130px !important;\r\n        padding: 22px !important;\r\n        background: rgba(5, 5, 16, 0.8) !important;\r\n        border: 2px solid var(--glitch-cyan) !important;\r\n        box-shadow: 0 0 20px rgba(0, 240, 255, 0.25) !important;\r\n        color: var(--glitch-cyan) !important;\r\n        font-family: var(--mono-font) !important;\r\n        font-size: 1.35rem !important;\r\n        outline: none !important;\r\n        transition: var(--transition-ui) !important;\r\n        border-radius: 8px !important;\r\n        resize: none;\r\n    }\r\n    \r\n    .glitch-text-input:focus {\r\n        border-color: #fff !important;\r\n        box-shadow: 0 0 30px rgba(0, 240, 255, 0.5), inset 0 0 15px rgba(0, 240, 255, 0.15) !important;\r\n        text-shadow: 0 0 8px var(--glitch-cyan) !important;\r\n    }\r\n    \r\n    .glitch-text-input::placeholder {\r\n        color: rgba(0, 240, 255, 0.35);\r\n        font-style: italic;\r\n    }\r\n\r\n    \/* ACTION BUTTONS *\/\r\n    .glitch-actions {\r\n        display: flex;\r\n        gap: 10px;\r\n        margin-bottom: 20px;\r\n        flex-wrap: wrap;\r\n    }\r\n    \r\n    .glitch-action-btn {\r\n        background: rgba(25, 25, 40, 0.9);\r\n        color: #b0b8c8;\r\n        border: 1px solid #333350;\r\n        padding: 10px 14px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\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        border-radius: 6px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n    \r\n    .glitch-action-btn i { color: var(--glitch-cyan); font-size: 0.9rem; }\r\n    \r\n    .glitch-action-btn:hover {\r\n        background: rgba(0, 240, 255, 0.15);\r\n        color: var(--glitch-cyan);\r\n        border-color: var(--glitch-cyan);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 12px rgba(0, 240, 255, 0.25);\r\n    }\r\n    \r\n    .glitch-action-btn:active { transform: scale(0.97); }\r\n\r\n    \/* BUTTON GRID *\/\r\n    .glitch-options {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\r\n        gap: 10px;\r\n    }\r\n    \r\n    .glitch-option-btn {\r\n        background: rgba(15, 15, 25, 0.9);\r\n        border: 1px solid #2a2a40;\r\n        color: #8892a8;\r\n        padding: 12px 8px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.72rem;\r\n        font-weight: 700;\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        border-radius: 6px;\r\n        letter-spacing: 0.5px;\r\n    }\r\n    \r\n    .glitch-option-btn:hover {\r\n        background: rgba(35, 35, 55, 0.95);\r\n        color: #fff;\r\n        border-color: #4a4a6a;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);\r\n    }\r\n    \r\n    .glitch-option-btn:hover i {\r\n        color: var(--glitch-cyan);\r\n        transform: scale(1.1);\r\n    }\r\n    \r\n    .glitch-option-btn.active {\r\n        background: linear-gradient(135deg, rgba(0, 240, 255, 0.2), rgba(139, 92, 246, 0.2));\r\n        color: var(--glitch-cyan);\r\n        border-color: var(--glitch-cyan);\r\n        box-shadow: 0 4px 15px rgba(0, 240, 255, 0.35), inset 0 0 10px rgba(0, 240, 255, 0.15);\r\n    }\r\n    \r\n    .glitch-option-btn.active i {\r\n        color: #fff;\r\n        text-shadow: var(--glow-cyan);\r\n    }\r\n    \r\n    .glitch-option-btn i { font-size: 1.15rem; transition: var(--transition-ui); }\r\n\r\n    \/* OUTPUT AREA - BOTTOM *\/\r\n    .glitch-output {\r\n        background: rgba(5, 5, 16, 0.98);\r\n        border-top: 2px solid var(--glitch-border);\r\n        border-radius: 0 0 14px 14px;\r\n        padding: 28px;\r\n        min-height: 400px;\r\n        position: relative;\r\n    }\r\n    \r\n    .glitch-output-label {\r\n        position: absolute;\r\n        top: -14px;\r\n        right: 20px;\r\n        background: var(--glitch-pink);\r\n        color: #fff;\r\n        font-family: var(--mono-font);\r\n        font-size: 0.75rem;\r\n        padding: 4px 12px;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        border-radius: 4px;\r\n        box-shadow: 2px 2px 0px var(--glitch-void);\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .glitch-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 14px;\r\n    }\r\n\r\n    .glitch-card {\r\n        background: rgba(10, 10, 18, 0.95);\r\n        border: 1px solid #222240;\r\n        padding: 18px 24px;\r\n        cursor: pointer;\r\n        transition: var(--transition-ui);\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        min-height: 65px;\r\n        border-radius: 8px;\r\n    }\r\n    \r\n    .glitch-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 4px; height: 100%;\r\n        background: var(--grad-cyber);\r\n        opacity: 0.5;\r\n        transition: var(--transition-fast);\r\n        border-radius: 8px 0 0 8px;\r\n    }\r\n    \r\n    .glitch-card:hover {\r\n        border-color: rgba(0, 240, 255, 0.6);\r\n        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6), 0 0 12px rgba(0, 240, 255, 0.2);\r\n        transform: translateX(5px);\r\n    }\r\n    \r\n    .glitch-card:hover::before {\r\n        width: 6px;\r\n        opacity: 1;\r\n    }\r\n    \r\n    .glitch-card-header {\r\n        min-width: 140px;\r\n        margin-right: 15px;\r\n        font-family: var(--mono-font);\r\n        font-size: 0.7rem;\r\n        color: #667;\r\n        text-transform: uppercase;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 3px;\r\n        transition: var(--transition-fast);\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    .glitch-card:hover .glitch-card-header {\r\n        color: var(--glitch-cyan);\r\n    }\r\n\r\n    .glitch-card-header i {\r\n        color: var(--glitch-pink);\r\n        font-size: 0.95rem;\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .glitch-card:hover .glitch-card-header i {\r\n        color: var(--glitch-cyan);\r\n        transform: rotate(180deg) scale(1.15);\r\n    }\r\n    \r\n    .glitch-card-preview {\r\n        font-family: var(--mono-font);\r\n        color: var(--glitch-text);\r\n        word-break: break-all;\r\n        font-size: 1.05rem;\r\n        flex-grow: 1;\r\n        display: flex;\r\n        align-items: center;\r\n        line-height: 1.4;\r\n        text-shadow: 0 0 4px rgba(224, 247, 250, 0.15);\r\n        transition: var(--transition-fast);\r\n    }\r\n    \r\n    .glitch-card:hover .glitch-card-preview {\r\n        text-shadow: 0 0 8px var(--glitch-cyan);\r\n        color: #fff;\r\n    }\r\n\r\n    .glitch-copy-icon {\r\n        position: absolute;\r\n        right: 18px;\r\n        color: #444460;\r\n        font-size: 0.95rem;\r\n        transition: var(--transition-ui);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .glitch-card:hover .glitch-copy-icon {\r\n        color: var(--glitch-cyan);\r\n        transform: scale(1.3);\r\n        text-shadow: var(--glow-cyan);\r\n    }\r\n\r\n    .glitch-btn-load {\r\n        width: 100%;\r\n        margin-top: 28px;\r\n        background: transparent;\r\n        color: var(--glitch-cyan);\r\n        border: 2px solid var(--glitch-cyan);\r\n        padding: 18px;\r\n        font-family: var(--primary-font);\r\n        font-size: 1rem;\r\n        font-weight: 800;\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        border-radius: 6px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        letter-spacing: 1.5px;\r\n    }\r\n    \r\n    .glitch-btn-load::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%;\r\n        width: 100%; height: 100%;\r\n        background: var(--glitch-cyan);\r\n        transition: var(--transition-ui);\r\n        z-index: -1;\r\n    }\r\n    \r\n    .glitch-btn-load:hover {\r\n        color: var(--glitch-void);\r\n        transform: translateY(-3px);\r\n        box-shadow: var(--glow-cyan);\r\n    }\r\n    \r\n    .glitch-btn-load:hover::before {\r\n        left: 0;\r\n    }\r\n    \r\n    .glitch-btn-load:active { transform: scale(0.98); }\r\n    \r\n    .glitch-btn-load i { transition: transform 0.3s ease; }\r\n    \r\n    .glitch-btn-load:hover i { transform: translateY(4px); }\r\n\r\n    \/* TOAST *\/\r\n    .glitch-toast {\r\n        visibility: hidden;\r\n        background: var(--glitch-void);\r\n        color: var(--glitch-cyan);\r\n        border: 2px solid var(--glitch-cyan);\r\n        padding: 14px 28px;\r\n        position: fixed;\r\n        left: 50%;\r\n        bottom: 40px;\r\n        transform: translateX(-50%) translateY(20px);\r\n        font-family: var(--primary-font);\r\n        font-weight: 800;\r\n        z-index: 10000;\r\n        text-transform: uppercase;\r\n        box-shadow: 6px 6px 0px var(--glitch-void);\r\n        opacity: 0;\r\n        transition: all 0.35s 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        border-radius: 8px;\r\n    }\r\n    \r\n    .glitch-toast i { color: var(--glitch-pink); font-size: 1.2rem; }\r\n    \r\n    .glitch-toast.show { \r\n        visibility: visible; \r\n        opacity: 1;\r\n        transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .glitch-main-title { font-size: 1.8rem; }\r\n        .glitch-subtitle { font-size: 0.92rem; }\r\n        .glitch-container { padding: 25px 15px !important; }\r\n        .glitch-options { grid-template-columns: 1fr 1fr; }\r\n        .glitch-card-header { min-width: 110px; font-size: 0.6rem; }\r\n        .glitch-text-input { height: 100px !important; font-size: 1.1rem !important; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"glitch-tool-wrapper\">\r\n    <div class=\"glitch-container\">\r\n        \r\n        <div class=\"glitch-header\">\r\n            <h1 class=\"glitch-main-title\"><i class=\"fa-solid fa-bug-slash\"><\/i> Glitchy Text Generator - Distort Instantly<\/h1>\r\n            <p class=\"glitch-subtitle\">Inject corrupted data aesthetics with combining marks, cyber offsets, and mirror inversions. Distort your text into digital chaos with live preview.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"glitch-main-frame\">\r\n            \r\n            <!-- INPUT SECTION - TOP -->\r\n            <div class=\"glitch-panel\">\r\n                <div class=\"glitch-input-row\">\r\n                    <textarea class=\"glitch-text-input\" id=\"glitchInputText\" placeholder=\"Enter data stream...\"><\/textarea>\r\n                <\/div>\r\n                \r\n                <div class=\"glitch-actions\">\r\n                    <button class=\"glitch-action-btn\" onclick=\"glitchSelectAll()\"><i class=\"fa-solid fa-i-cursor\"><\/i> Select All<\/button>\r\n                    <button class=\"glitch-action-btn\" onclick=\"glitchCopyInput()\"><i class=\"fa-solid fa-copy\"><\/i> Copy<\/button>\r\n                    <button class=\"glitch-action-btn\" onclick=\"glitchPasteInput()\"><i class=\"fa-solid fa-paste\"><\/i> Paste<\/button>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <div class=\"glitch-label\"><i class=\"fa-solid fa-wave-square\"><\/i> Distortion Engine<\/div>\r\n                    <div class=\"glitch-options\">\r\n                        <button class=\"glitch-option-btn engine-btn active\" data-val=\"All\">\r\n                            <i class=\"fa-solid fa-layer-group\"><\/i> All Mix\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn engine-btn\" data-val=\"Zalgo\">\r\n                            <i class=\"fa-solid fa-ghost\"><\/i> Zalgo Glitch\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn engine-btn\" data-val=\"Wave\">\r\n                            <i class=\"fa-solid fa-water\"><\/i> Cyber Wave\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn engine-btn\" data-val=\"Mirror\">\r\n                            <i class=\"fa-solid fa-arrows-left-right\"><\/i> Mirror\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn engine-btn\" data-val=\"Static\">\r\n                            <i class=\"fa-solid fa-tv\"><\/i> Static Noise\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn engine-btn\" data-val=\"Fragment\">\r\n                            <i class=\"fa-solid fa-shards\"><\/i> Fragment\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn engine-btn\" data-val=\"Void\">\r\n                            <i class=\"fa-solid fa-circle-dot\"><\/i> Void Text\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn engine-btn\" data-val=\"Scatter\">\r\n                            <i class=\"fa-solid fa-arrows-up-down-left-right\"><\/i> Scatter\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div style=\"margin-top: 14px;\">\r\n                    <div class=\"glitch-label\"><i class=\"fa-solid fa-layer-group\"><\/i> Data Layer<\/div>\r\n                    <div class=\"glitch-options\">\r\n                        <button class=\"glitch-option-btn layer-btn active\" data-val=\"None\">\r\n                            <i class=\"fa-solid fa-ban\"><\/i> Base Plain\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn layer-btn\" data-val=\"Hex\">\r\n                            <i class=\"fa-solid fa-hashtag\"><\/i> Hex Wrap\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn layer-btn\" data-val=\"Tags\">\r\n                            <i class=\"fa-solid fa-code\"><\/i> Code Tags\r\n                        <\/button>\r\n                        <button class=\"glitch-option-btn layer-btn\" data-val=\"Pulse\">\r\n                            <i class=\"fa-solid fa-heart-pulse\"><\/i> Pulse Marks\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- OUTPUT AREA - BOTTOM -->\r\n            <div class=\"glitch-output\">\r\n                <div class=\"glitch-output-label\">Live Preview<\/div>\r\n                <div class=\"glitch-list\" id=\"glitchResultList\"><\/div>\r\n                <button class=\"glitch-btn-load\" id=\"glitchLoadMoreBtn\">\r\n                    <span>Load More Data<\/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    <div id=\"glitchToast\" class=\"glitch-toast\">\r\n        <i class=\"fa-solid fa-check-circle\"><\/i> Data Fragment Copied\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction glitchSelectAll() {\r\n    const el = document.getElementById('glitchInputText');\r\n    el.select();\r\n    el.setSelectionRange(0, 99999);\r\n    el.focus();\r\n}\r\n\r\nfunction glitchCopyInput() {\r\n    const el = document.getElementById('glitchInputText');\r\n    navigator.clipboard.writeText(el.value).then(() => {\r\n        glitchShowToast('Input Copied');\r\n    });\r\n}\r\n\r\nasync function glitchPasteInput() {\r\n    try {\r\n        const text = await navigator.clipboard.readText();\r\n        const el = document.getElementById('glitchInputText');\r\n        el.value = text;\r\n        el.dispatchEvent(new Event('input'));\r\n    } catch (err) {\r\n        glitchShowToast('Clipboard Access Denied');\r\n    }\r\n}\r\n\r\nfunction glitchShowToast(msg) {\r\n    const toast = document.getElementById('glitchToast');\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('glitchInputText');\r\n    const resultList = document.getElementById('glitchResultList');\r\n    const loadMoreBtn = document.getElementById('glitchLoadMoreBtn');\r\n    \r\n    const rand = (max) => Math.floor(Math.random() * max);\r\n    \r\n    let currentEngine = 'All';\r\n    let currentLayer = 'None';\r\n    let limit = 6;\r\n\r\n    const templateNames = [\r\n        'Neon Zalgo', 'Cyber Static', 'Data Void', 'Mirror Flux', \r\n        'Wave Decay', 'Fragment Echo', 'Ghost Scatter', 'Signal Break',\r\n        'Core Glitch', 'Matrix Pulse', 'Void Walker', 'Hex Storm',\r\n        'Pulse Wave', 'Static Rain', 'Echo Fragment', 'Deep Mirror',\r\n        'Code Rot', 'Neon Shift', 'Zalgo Core', 'Wave Static'\r\n    ];\r\n\r\n    const generateConfigs = () => {\r\n        const configs = [];\r\n        let counter = 1;\r\n\r\n        const engines = ['Zalgo', 'Wave', 'Mirror', 'Static', 'Fragment', 'Void', 'Scatter', 'Invert'];\r\n\r\n        engines.forEach((engine, idx) => {\r\n            templateNames.forEach(name => {\r\n                let icon = 'wave-square';\r\n                if (engine === 'Zalgo') icon = 'ghost';\r\n                if (engine === 'Mirror') icon = 'arrows-left-right';\r\n                if (engine === 'Static') icon = 'tv';\r\n                if (engine === 'Fragment') icon = 'shards';\r\n                if (engine === 'Void') icon = 'circle-dot';\r\n                if (engine === 'Scatter') icon = 'arrows-up-down-left-right';\r\n                if (engine === 'Invert') icon = 'rotate';\r\n\r\n                configs.push({\r\n                    id: `glitch-${counter++}`,\r\n                    name: `${name} ${engine}`,\r\n                    category: engine,\r\n                    icon: icon,\r\n                    variant: idx % 3\r\n                });\r\n            });\r\n        });\r\n\r\n        for (let i = 0; i < 150; i++) {\r\n            const engine = engines[rand(engines.length)];\r\n            let icon = 'wave-square';\r\n            if (engine === 'Zalgo') icon = 'ghost';\r\n            if (engine === 'Mirror') icon = 'arrows-left-right';\r\n            if (engine === 'Static') icon = 'tv';\r\n            if (engine === 'Fragment') icon = 'shards';\r\n            if (engine === 'Void') icon = 'circle-dot';\r\n            if (engine === 'Scatter') icon = 'arrows-up-down-left-right';\r\n\r\n            configs.push({\r\n                id: `data-${i}`,\r\n                name: `Corruption ${engine} #${Math.floor(Math.random() * 9999)}`,\r\n                category: engine,\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    \/\/ TRANSFORMATION ENGINES\r\n    const combine = {\r\n        Up: ['\\u030D', '\\u030E', '\\u0304', '\\u0305', '\\u033F', '\\u0311', '\\u0306', '\\u0310', '\\u0352', '\\u0357', '\\u0351', '\\u0307', '\\u0308', '\\u030A', '\\u0342', '\\u0343', '\\u0344', '\\u034A', '\\u034B', '\\u034C', '\\u0303', '\\u0302', '\\u030C', '\\u0350', '\\u0300', '\\u0301', '\\u030B', '\\u030F', '\\u0312', '\\u0313', '\\u0314', '\\u033D', '\\u0309', '\\u0363', '\\u0364', '\\u0365', '\\u0366', '\\u0367', '\\u0368', '\\u0369', '\\u036A', '\\u036B', '\\u036C', '\\u036D', '\\u036E', '\\u036F', '\\u033E', '\\u035B', '\\u0346', '\\u031A'],\r\n        Down: ['\\u0316', '\\u0317', '\\u0318', '\\u0319', '\\u031C', '\\u031D', '\\u031E', '\\u031F', '\\u0320', '\\u0324', '\\u0325', '\\u0326', '\\u0327', '\\u0328', '\\u0329', '\\u032A', '\\u032B', '\\u032C', '\\u032D', '\\u032E', '\\u032F', '\\u0330', '\\u0331', '\\u0332', '\\u0333', '\\u0339', '\\u033A', '\\u033B', '\\u033C', '\\u0347', '\\u0348', '\\u0349', '\\u034D', '\\u034E', '\\u0353', '\\u0354', '\\u0355', '\\u0356', '\\u0359', '\\u035A'],\r\n        Mid: ['\\u0315', '\\u031B', '\\u0340', '\\u0341', '\\u0358', '\\u0321', '\\u0322', '\\u0323', '\\u0334', '\\u0335', '\\u0336', '\\u0337', '\\u0338', '\\u0362', '\\u0360', '\\u0361']\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 toZalgo = (text, intensity = 'high') => {\r\n        let result = '';\r\n        for (let i = 0; i < text.length; i++) {\r\n            result += text[i];\r\n            const count = intensity === 'high' ? rand(5) + 3 : rand(3) + 1;\r\n            for (let j = 0; j < count; j++) {\r\n                const type = rand(3);\r\n                if (type === 0) result += combine.Up[rand(combine.Up.length)];\r\n                else if (type === 1) result += combine.Down[rand(combine.Down.length)];\r\n                else result += combine.Mid[rand(combine.Mid.length)];\r\n            }\r\n        }\r\n        return result;\r\n    };\r\n\r\n    const toWave = (text) => {\r\n        let result = '';\r\n        for (let i = 0; i < text.length; i++) {\r\n            result += text[i];\r\n            if (i % 2 === 0) result += '\\u0353';\r\n            else result += '\\u0354';\r\n        }\r\n        return result;\r\n    };\r\n\r\n    const toMirror = (text) => {\r\n        return text.split('').map(c => flipMap[c.toLowerCase()] || c).reverse().join('');\r\n    };\r\n\r\n    const toStatic = (text) => {\r\n        const noise = ['\u2591', '\u2592', '\u2593', '\u2588', '\u2584', '\u2580'];\r\n        return text.split('').map(c => {\r\n            if (Math.random() < 0.25) {\r\n                return c + noise[rand(noise.length)];\r\n            }\r\n            return c;\r\n        }).join('');\r\n    };\r\n\r\n    const toFragment = (text) => {\r\n        const marks = ['\\u0336', '\\u0337', '\\u0338'];\r\n        return text.split('').map(c => c + marks[rand(marks.length)]).join('');\r\n    };\r\n\r\n    const toVoid = (text) => {\r\n        return text.split('').join('\\u00A0\\u00A0').replace(\/\\s\\s+\/g, ' ');\r\n    };\r\n\r\n    const toScatter = (text) => {\r\n        return text.split('').join(' ');\r\n    };\r\n\r\n    const toInvert = (text) => {\r\n        return text.split('').map(c => flipMap[c.toLowerCase()] || c).join('');\r\n    };\r\n\r\n    \/\/ DATA LAYERS\r\n    const applyLayer = (text, layer) => {\r\n        if (layer === 'Hex') {\r\n            return `[0x${Math.floor(Math.random()*65535).toString(16).toUpperCase()}] ${text} [END]`;\r\n        }\r\n        if (layer === 'Tags') {\r\n            return `<data stream=\"${Math.random().toFixed(3)}\">${text}<\/data>`;\r\n        }\r\n        if (layer === 'Pulse') {\r\n            return Array.from(text).map(c => c + combine.Mid[rand(combine.Mid.length)]).join('');\r\n        }\r\n        return text;\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 'Zalgo':\r\n                result = toZalgo(text, variant === 0 ? 'high' : variant === 1 ? 'mid' : 'low');\r\n                break;\r\n            case 'Wave':\r\n                result = toWave(text);\r\n                break;\r\n            case 'Mirror':\r\n                result = toMirror(text);\r\n                break;\r\n            case 'Static':\r\n                result = toStatic(text);\r\n                break;\r\n            case 'Fragment':\r\n                result = toFragment(text);\r\n                break;\r\n            case 'Void':\r\n                result = toVoid(text);\r\n                break;\r\n            case 'Scatter':\r\n                result = toScatter(text);\r\n                break;\r\n            case 'Invert':\r\n                result = toInvert(text);\r\n                break;\r\n            default:\r\n                result = toZalgo(text, 'mid');\r\n        }\r\n\r\n        result = applyLayer(result, currentLayer);\r\n        return result;\r\n    };\r\n\r\n    const render = () => {\r\n        resultList.innerHTML = '';\r\n        let raw = inputEl.value || 'system corruption detected';\r\n\r\n        let filtered = ALL_STYLES;\r\n        if (currentEngine !== 'All') {\r\n            filtered = ALL_STYLES.filter(s => s.category === currentEngine);\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 = 'glitch-card';\r\n\r\n            card.innerHTML = `\r\n                <div class=\"glitch-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=\"glitch-card-preview\">${out}<\/div>\r\n                <i class=\"fa-solid fa-copy glitch-copy-icon\"><\/i>\r\n            `;\r\n\r\n            card.addEventListener('click', () => {\r\n                navigator.clipboard.writeText(out);\r\n                glitchShowToast('Data Fragment 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 Data (${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('.engine-btn').forEach(btn => {\r\n        btn.onclick = () => {\r\n            document.querySelectorAll('.engine-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentEngine = btn.getAttribute('data-val');\r\n            limit = 6;\r\n            render();\r\n        };\r\n    });\r\n\r\n    document.querySelectorAll('.layer-btn').forEach(btn => {\r\n        btn.onclick = () => {\r\n            document.querySelectorAll('.layer-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentLayer = 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 Glitchy Text Generator -->\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\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\">Glitchy Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Discover why digital creators and meme makers choose our glitchy text generator to produce RGB-split, artifact-style corrupted text that looks like a real screen glitch \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,23,68,0.12);color:#ff1744;\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Real Screen Glitch Effects<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Our glitchy text generator creates authentic digital artifact text \u2014 strikethrough, Zalgo, wavy, and mixed corruption that looks like a real broken screen.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,230,118,0.12);color:#00e676;\"><i class=\"fa-solid fa-layer-group\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">12+ Glitchy Formats<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Zalgo light, Zalgo heavy, strikethrough, wavy, double strikethrough, enclosed, and more \u2014 our glitchy text generator covers every glitch style imaginable.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(101,31,255,0.12);color:#651fff;\"><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 glitchy text? Hit copy and paste it into TikTok, Instagram, Discord, Twitter, or any platform that supports Unicode combining characters.<\/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-solid fa-shield-halved\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">100% Safe & Offline<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Our glitchy text generator processes everything in your browser \u2014 no servers, no logging, no tracking. Your glitched 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(255,145,0,0.12);color:#ff9100;\"><i class=\"fa-solid fa-display\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Renders on Every Device<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Phone, tablet, or desktop \u2014 our glitchy text generator outputs real Unicode that renders artifact text perfectly on any screen and any browser.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,64,129,0.12);color:#ff4081;\"><i class=\"fa-solid fa-infinity\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Unlimited Free Glitching<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">No sign-ups, no limits, no paywalls. Generate as much glitchy text as you want \u2014 corrupt unlimited text forever, completely free with no catch.<\/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\">Glitchy Text Generator<\/span> Work?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Creating glitchy artifact text is incredibly simple. No design tools needed \u2014 just follow these steps and generate your corrupted text in seconds.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\u26a1<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 1: Enter Your Clean Text<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Type or paste any normal text into the input box of our glitchy text generator \u2014 any word, sentence, or paragraph becomes a digital artifact victim.<\/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 Glitchy Style<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Choose from Zalgo, strikethrough, wavy, double strikethrough, enclosed, or combined modes \u2014 each creates a different digital corruption effect.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udc41\ufe0f<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 3: See the Glitch Happen<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Your text instantly transforms with combining Unicode characters \u2014 watch it corrupt in real time with a live preview of the final glitchy output.<\/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 Glitched Text<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Your corrupted artifact text is ready \u2014 click the copy button and the glitchy version goes straight to clipboard as pure Unicode text.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83c\udf10<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 5: Paste Everywhere<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Paste your glitchy text into bios, comments, captions, messages, or usernames \u2014 real Unicode combining characters render natively everywhere.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83e\uddea<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 6: Stack Corruption Effects<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Combine strikethrough with Zalgo, or wavy with enclosed \u2014 our glitchy text generator lets you layer multiple effects for maximum digital chaos.<\/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\">Glitchy Text Generator<\/span> Results?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Our glitchy text generator creates real Unicode artifacts that render on virtually every platform. Here are the most popular ways creators use corrupted text for maximum impact.<\/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(225,48,108,0.12);color:#e1306c;\"><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\">Glitchy text in Instagram bios creates a digital art aesthetic \u2014 the corrupted formatting makes your profile look like a broken screen, instantly eye-catching.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,0,80,0.10);color:#ff0050;\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">TikTok Edgy Content<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Glitchy text in TikTok captions and comments drives massive engagement \u2014 the broken-screen look makes viewers stop, read, and interact with your content.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(88,101,242,0.12);color:#5865f2;\"><i class=\"fa-brands fa-discord\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Discord Names & Servers<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Create glitchy Discord usernames, server names, and bot labels \u2014 artifact text is perfect for gaming communities, tech servers, and aesthetic channels.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,23,68,0.10);color:#ff1744;\"><i class=\"fa-brands fa-twitch\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Twitch Channel & Chat<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Give your Twitch channel name and chat messages a screen-glitch aesthetic \u2014 ideal for tech streamers, speedrunners, and digital art broadcasters.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,230,118,0.10);color:#00e676;\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">YouTube Edgy Titles<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Use glitchy text in YouTube video titles for tech reviews, editing tutorials, and digital content \u2014 the artifact look signals something techy and interesting.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(101,31,255,0.10);color:#651fff;\"><i class=\"fa-solid fa-gamepad\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Gaming Usernames & Tags<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Create glitchy gaming usernames and clan tags \u2014 corrupted text works in Fortnite, Valorant, Apex Legends, Roblox, and virtually every game platform.<\/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-red:#ff1744;--accent-green:#00e676;--accent-purple:#651fff;\r\n            --text-dark:#0a0a0a;--text-primary:#1a1a1a;--text-muted:#4a4a5a;\r\n            --grad-glitchy:linear-gradient(135deg,#ff1744,#00e676,#651fff);\r\n            --theme-bg-alt:rgba(245,247,252,0.7);\r\n            --shadow-card:0 4px 15px rgba(255,23,68,0.06);\r\n            --shadow-card-hover:0 12px 30px rgba(255,23,68,0.14);\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-red);position:relative}\r\n        .pg-fcs-kw::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:var(--grad-glitchy);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        .pg-fcs-card{border-radius:16px;padding:clamp(22px,3vw,32px);position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--tr);border:1px solid transparent;display:flex;flex-direction:column}\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(255,23,68,.08) 0%,rgba(0,230,118,.03) 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-glitchy);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        .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 *\/\r\n        .pg-fcs-sec1{background:#fff}\r\n        .pg-fcs-sec1 .pg-fcs-card{background:#fff;border-color:rgba(255,23,68,.10);box-shadow:0 2px 12px rgba(255,23,68,.04)}\r\n        .pg-fcs-sec1 .pg-fcs-card:hover{border-color:var(--accent-red);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 *\/\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,.35);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,.7);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 *\/\r\n        .pg-fcs-sec3{background:#fff}\r\n        .pg-fcs-sec3 .pg-fcs-card{background:var(--theme-bg-alt);border-color:rgba(255,23,68,.08);box-shadow:0 2px 10px rgba(255,23,68,.03)}\r\n        .pg-fcs-sec3 .pg-fcs-card::before{background:linear-gradient(90deg,#ff1744,#00e676,#651fff);border-radius:16px 16px 0 0}\r\n        .pg-fcs-sec3 .pg-fcs-card:hover{border-color:var(--accent-red);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-463","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>Generador de texto con fallos: distorsione al instante.<\/title>\n<meta name=\"description\" content=\"Crea textos con efectos de distorsi\u00f3n digital con nuestro generador de textos con distorsi\u00f3n digital gratuito. A\u00f1ade efectos de distorsi\u00f3n digital a cualquier texto y c\u00f3pialo y p\u00e9galo al instante donde quieras.\" \/>\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\/es\/glitchy-text-generator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Glitchy Text Generator \u2013 Distort Instantly\" \/>\n<meta property=\"og:description\" content=\"Create cool glitchy text with our free Glitchy Text Generator. Add digital distortion effects to any text \u2014 copy &amp; paste instantly anywhere.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onlinetexteditor.io\/glitchy-text-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Text Editor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-06T05:44:43+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\\\/glitchy-text-generator\\\/\",\"url\":\"https:\\\/\\\/onlinetexteditor.io\\\/glitchy-text-generator\\\/\",\"name\":\"Glitchy Text Generator \u2013 Distort Instantly\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#website\"},\"datePublished\":\"2026-03-07T00:00:56+00:00\",\"dateModified\":\"2026-04-06T05:44:43+00:00\",\"description\":\"Create cool glitchy text with our free Glitchy Text Generator. Add digital distortion effects to any text \u2014 copy & paste instantly anywhere.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/glitchy-text-generator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/onlinetexteditor.io\\\/glitchy-text-generator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/glitchy-text-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/onlinetexteditor.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Glitchy Text Generator \u2013 Distort 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":"Generador de texto con fallos: distorsione al instante.","description":"Crea textos con efectos de distorsi\u00f3n digital con nuestro generador de textos con distorsi\u00f3n digital gratuito. A\u00f1ade efectos de distorsi\u00f3n digital a cualquier texto y c\u00f3pialo y p\u00e9galo al instante donde quieras.","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\/es\/glitchy-text-generator\/","og_locale":"en_US","og_type":"article","og_title":"Glitchy Text Generator \u2013 Distort Instantly","og_description":"Create cool glitchy text with our free Glitchy Text Generator. Add digital distortion effects to any text \u2014 copy & paste instantly anywhere.","og_url":"https:\/\/onlinetexteditor.io\/glitchy-text-generator\/","og_site_name":"Online Text Editor","article_modified_time":"2026-04-06T05:44:43+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onlinetexteditor.io\/glitchy-text-generator\/","url":"https:\/\/onlinetexteditor.io\/glitchy-text-generator\/","name":"Glitchy Text Generator \u2013 Distort Instantly","isPartOf":{"@id":"https:\/\/onlinetexteditor.io\/#website"},"datePublished":"2026-03-07T00:00:56+00:00","dateModified":"2026-04-06T05:44:43+00:00","description":"Create cool glitchy text with our free Glitchy Text Generator. Add digital distortion effects to any text \u2014 copy & paste instantly anywhere.","breadcrumb":{"@id":"https:\/\/onlinetexteditor.io\/glitchy-text-generator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onlinetexteditor.io\/glitchy-text-generator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onlinetexteditor.io\/glitchy-text-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/onlinetexteditor.io\/"},{"@type":"ListItem","position":2,"name":"Glitchy Text Generator \u2013 Distort 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\/es\/wp-json\/wp\/v2\/pages\/463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/comments?post=463"}],"version-history":[{"count":4,"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/pages\/463\/revisions"}],"predecessor-version":[{"id":477,"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/pages\/463\/revisions\/477"}],"wp:attachment":[{"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/media?parent=463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}