{"id":432,"date":"2026-03-02T00:00:18","date_gmt":"2026-03-02T00:00:18","guid":{"rendered":"https:\/\/onlinetexteditor.io\/?page_id=432"},"modified":"2026-04-06T04:57:28","modified_gmt":"2026-04-06T04:57:28","slug":"glitch-text-generator","status":"publish","type":"page","link":"https:\/\/onlinetexteditor.io\/ja\/glitch-text-generator\/","title":{"rendered":"Glitch Text Generator \u2013 Create Free"},"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 Glitch Text Generator V2 Equal Heights -->\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    .pg-glitch2-wrapper {\r\n        --primary-font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        --mono-font: 'SF Mono', 'Consolas', 'Monaco', 'Courier New', monospace;\r\n        \r\n        --theme-panel: rgba(12, 8, 28, 0.94);\r\n        --theme-panel-hover: rgba(20, 12, 40, 0.98);\r\n        --theme-bg-alt: rgba(8, 5, 20, 0.95);\r\n        --theme-border: rgba(130, 80, 220, 0.3);\r\n        \r\n        --neon-purple: #a855f7;\r\n        --neon-cyan: #22d3ee;\r\n        --neon-pink: #f43f5e;\r\n        --neon-green: #10b981;\r\n        --text-bright: #f8fafc;\r\n        --text-muted: #94a3b8;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #361656 100%);\r\n        --grad-neon: linear-gradient(135deg, #a855f7, #22d3ee, #f43f5e);\r\n        --grad-shimmer: linear-gradient(90deg, transparent, rgba(168, 85, 247, 0.3), transparent);\r\n        \r\n        --glow-purple: 0 0 25px rgba(168, 85, 247, 0.5);\r\n        --glow-cyan: 0 0 20px rgba(34, 211, 238, 0.45);\r\n        --shadow-ui: 0 12px 35px rgba(0, 0, 0, 0.7);\r\n        --shadow-card: 0 4px 15px rgba(0, 0, 0, 0.5);\r\n        \r\n        --transition-ui: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n        --transition-fast: all 0.2s ease;\r\n        \r\n        font-family: var(--primary-font);\r\n        color: var(--text-bright);\r\n        line-height: 1.5;\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        text-align: center;\r\n        background: var(--grad-master);\r\n        background-attachment: fixed;\r\n    }\r\n\r\n    .pg-glitch2-wrapper * { box-sizing: border-box; }\r\n\r\n    .pg-glitch2-container {\r\n        max-width: 1200px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        padding: 40px 20px !important;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .pg-glitch2-hero {\r\n        z-index: 2;\r\n        padding-top: 10px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pg-glitch2-title {\r\n        font-family: var(--mono-font);\r\n        font-size: 2.9rem;\r\n        font-weight: 800;\r\n        line-height: 1.15;\r\n        margin: 0 auto 12px auto;\r\n        letter-spacing: -0.5px;\r\n        color: #ffffff;\r\n        text-shadow: 0 0 15px rgba(168, 85, 247, 0.6);\r\n        max-width: 1050px;\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: 14px;\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .pg-glitch2-title:hover {\r\n        animation: glitch-text2 0.3s ease infinite;\r\n    }\r\n    \r\n    @keyframes glitch-text2 {\r\n        0%, 100% { transform: translate(0); }\r\n        25% { transform: translate(-2px, 1px); }\r\n        50% { transform: translate(1px, -2px); }\r\n        75% { transform: translate(-1px, 2px); }\r\n    }\r\n\r\n    .pg-glitch2-title i {\r\n        color: var(--neon-cyan);\r\n        text-shadow: var(--glow-cyan);\r\n        background: rgba(34, 211, 238, 0.15);\r\n        border: 1px solid var(--neon-cyan);\r\n        border-radius: 12px;\r\n        padding: 12px;\r\n        font-size: 2rem;\r\n        transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    }\r\n    \r\n    .pg-glitch2-title:hover i {\r\n        transform: scale(1.15) rotate(-10deg);\r\n        background: rgba(34, 211, 238, 0.3);\r\n    }\r\n\r\n    .pg-glitch2-title::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -12px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: block;\r\n        width: 80px;\r\n        height: 3px;\r\n        background: var(--neon-pink);\r\n        border-radius: 3px;\r\n        transition: width 0.35s ease, box-shadow 0.35s ease;\r\n    }\r\n    \r\n    .pg-glitch2-title:hover::after {\r\n        width: 220px;\r\n        box-shadow: var(--glow-cyan);\r\n        background: var(--neon-cyan);\r\n    }\r\n    \r\n    .pg-glitch2-subtitle {\r\n        font-family: var(--primary-font);\r\n        font-size: 1.15rem;\r\n        color: rgba(248, 250, 252, 0.85);\r\n        max-width: 850px;\r\n        margin: 25px auto 35px auto;\r\n        padding: 0 10px;\r\n        font-weight: 500;\r\n        text-shadow: 0 2px 6px rgba(0,0,0,0.6);\r\n    }\r\n\r\n    \/* DASHBOARD LAYOUT WITH EQUAL HEIGHTS *\/\r\n    .pg-glitch2-dashboard {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 24px;\r\n        width: 100%;\r\n        align-items: stretch;\r\n    }\r\n\r\n    .pg-glitch2-main {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 24px;\r\n        flex: 1;\r\n        min-width: 0;\r\n    }\r\n\r\n    .pg-glitch2-input-card {\r\n        background: var(--theme-panel);\r\n        backdrop-filter: blur(16px);\r\n        -webkit-backdrop-filter: blur(16px);\r\n        border: 1px solid var(--theme-border);\r\n        box-shadow: var(--shadow-ui);\r\n        border-radius: 14px;\r\n        position: relative;\r\n        overflow: visible;\r\n        padding: 0;\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n    \r\n    .pg-glitch2-input-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; height: 3px;\r\n        background: var(--grad-neon);\r\n        border-radius: 4px 4px 0 0;\r\n    }\r\n\r\n    .pg-glitch2-input-header {\r\n        padding: 18px 22px;\r\n        border-bottom: 1px solid var(--theme-border);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        background: rgba(168, 85, 247, 0.06);\r\n    }\r\n\r\n    .pg-glitch2-avatar {\r\n        width: 42px;\r\n        height: 42px;\r\n        border-radius: 10px;\r\n        background: var(--grad-neon);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.2rem;\r\n        color: #000;\r\n        transition: transform 0.3s ease;\r\n    }\r\n    \r\n    .pg-glitch2-input-header:hover .pg-glitch2-avatar { \r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    .pg-glitch2-input-text {\r\n        font-weight: 700;\r\n        font-size: 1.1rem;\r\n        color: #fff;\r\n        letter-spacing: 0.3px;\r\n    }\r\n\r\n    .pg-glitch2-textarea {\r\n        width: 100% !important;\r\n        min-height: 180px !important;\r\n        padding: 20px 22px !important;\r\n        background: rgba(0, 0, 0, 0.35) !important;\r\n        border: none !important;\r\n        border-bottom: 2px dashed rgba(168, 85, 247, 0.3) !important;\r\n        color: var(--neon-green) !important;\r\n        font-family: var(--mono-font) !important;\r\n        font-weight: 500 !important;\r\n        font-size: 1.45rem !important;\r\n        outline: none !important;\r\n        text-align: left !important;\r\n        white-space: pre-wrap !important;\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        resize: vertical;\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .pg-glitch2-textarea:focus {\r\n        border-bottom-style: solid !important;\r\n        border-bottom-color: var(--neon-pink) !important;\r\n        background: rgba(0, 0, 0, 0.45) !important;\r\n    }\r\n    \r\n    .pg-glitch2-textarea::placeholder { color: var(--text-muted); opacity: 0.5; font-weight: 400 !important; }\r\n\r\n    .pg-glitch2-toolbar {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 12px;\r\n        padding: 14px 20px;\r\n        background: rgba(168, 85, 247, 0.05);\r\n        margin-top: auto;\r\n    }\r\n\r\n    .pg-glitch2-tool-group {\r\n        display: flex;\r\n        gap: 8px;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .pg-glitch2-btn {\r\n        background: transparent;\r\n        color: var(--text-muted);\r\n        border: 1px solid var(--theme-border);\r\n        padding: 9px 13px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.82rem;\r\n        font-weight: 600;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        transition: all 0.25s ease;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pg-glitch2-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%;\r\n        width: 100%; height: 100%;\r\n        background: var(--grad-shimmer);\r\n        transition: left 0.4s ease;\r\n    }\r\n    \r\n    .pg-glitch2-btn:hover {\r\n        background: rgba(34, 211, 238, 0.12);\r\n        color: var(--neon-cyan);\r\n        border-color: var(--neon-cyan);\r\n        box-shadow: 0 0 12px rgba(34, 211, 238, 0.3);\r\n        transform: translateY(-2px);\r\n    }\r\n    \r\n    .pg-glitch2-btn:hover::before { left: 100%; }\r\n\r\n    .pg-glitch2-btn.primary-btn {\r\n        color: var(--neon-pink);\r\n        background: rgba(244, 63, 94, 0.12);\r\n        border-color: var(--neon-pink);\r\n    }\r\n    \r\n    .pg-glitch2-btn.primary-btn:hover {\r\n        background: rgba(244, 63, 94, 0.25);\r\n        box-shadow: 0 0 15px rgba(244, 63, 94, 0.4);\r\n    }\r\n\r\n    .pg-glitch2-btn:active { transform: scale(0.96); }\r\n\r\n    .pg-glitch2-preset {\r\n        background: rgba(0,0,0,0.35);\r\n        color: var(--text-muted);\r\n        border: 1px solid var(--theme-border);\r\n        padding: 9px 13px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.82rem;\r\n        font-weight: 600;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        outline: none;\r\n        transition: all 0.25s ease;\r\n        min-width: 170px;\r\n    }\r\n    \r\n    .pg-glitch2-preset:hover, .pg-glitch2-preset:focus {\r\n        background: rgba(168, 85, 247, 0.2);\r\n        color: var(--neon-cyan);\r\n        border-color: var(--neon-purple);\r\n    }\r\n    \r\n    .pg-glitch2-preset option {\r\n        background: var(--theme-panel);\r\n        color: #fff;\r\n    }\r\n\r\n    .pg-glitch2-sidebar {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n        width: 320px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .pg-glitch2-stats-card {\r\n        background: var(--theme-panel);\r\n        border: 1px solid var(--theme-border);\r\n        box-shadow: var(--shadow-ui);\r\n        border-radius: 14px;\r\n        padding: 20px 18px;\r\n    }\r\n    \r\n    .pg-glitch2-stat-item {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 12px 0;\r\n        border-bottom: 1px solid rgba(168, 85, 247, 0.15);\r\n        font-size: 0.88rem;\r\n        color: var(--text-muted);\r\n    }\r\n    \r\n    .pg-glitch2-stat-item:last-child { border-bottom: none; }\r\n\r\n    .pg-glitch2-settings-card {\r\n        background: var(--theme-panel);\r\n        backdrop-filter: blur(16px);\r\n        -webkit-backdrop-filter: blur(16px);\r\n        border: 1px solid var(--theme-border);\r\n        box-shadow: var(--shadow-ui);\r\n        border-radius: 14px;\r\n        padding: 22px;\r\n        position: relative;\r\n        flex: 1;\r\n    }\r\n    \r\n    .pg-glitch2-settings-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 3px; height: 100%;\r\n        background: var(--grad-neon);\r\n        border-radius: 4px 0 0 4px;\r\n    }\r\n\r\n    .pg-glitch2-settings-title {\r\n        font-family: var(--mono-font);\r\n        font-size: 0.95rem;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        margin-bottom: 18px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n    \r\n    .pg-glitch2-settings-title i {\r\n        color: var(--neon-pink);\r\n        font-size: 1.05rem;\r\n    }\r\n\r\n    .pg-glitch2-opt-group {\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .pg-glitch2-opt-label {\r\n        font-size: 0.78rem;\r\n        color: var(--text-muted);\r\n        font-weight: 600;\r\n        margin-bottom: 8px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.3px;\r\n    }\r\n\r\n    .pg-glitch2-options {\r\n        display: grid;\r\n        gap: 8px;\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .pg-glitch2-opt-btn {\r\n        background: rgba(255, 255, 255, 0.04);\r\n        border: 1px solid transparent;\r\n        padding: 11px 8px;\r\n        color: var(--text-bright);\r\n        font-family: var(--primary-font);\r\n        font-size: 0.78rem;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        border-radius: 8px;\r\n        transition: all 0.25s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 6px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-glitch2-opt-btn i {\r\n        font-size: 1.05rem;\r\n        color: var(--text-muted);\r\n        transition: all 0.25s ease;\r\n    }\r\n    \r\n    .pg-glitch2-opt-btn::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 0%; height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(168, 85, 247, 0.2), transparent);\r\n        transition: width 0.4s ease;\r\n    }\r\n    \r\n    .pg-glitch2-opt-btn:hover::after { width: 100%; }\r\n    \r\n    .pg-glitch2-opt-btn:hover {\r\n        background: rgba(168, 85, 247, 0.12);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .pg-glitch2-opt-btn:hover i {\r\n        color: var(--neon-cyan);\r\n        transform: scale(1.15);\r\n    }\r\n\r\n    .pg-glitch2-opt-btn.active {\r\n        background: rgba(168, 85, 247, 0.3);\r\n        color: #fff;\r\n        border-color: var(--neon-purple);\r\n        box-shadow: 0 0 12px rgba(168, 85, 247, 0.35);\r\n    }\r\n    \r\n    .pg-glitch2-opt-btn.active i { color: var(--neon-green); }\r\n\r\n    \/* OUTPUT SECTION *\/\r\n    .pg-glitch2-results {\r\n        width: 100%;\r\n        padding-top: 40px;\r\n    }\r\n\r\n    .pg-glitch2-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 16px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .pg-glitch2-card {\r\n        background: var(--theme-panel);\r\n        border: 1px solid var(--theme-border);\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        transition: all 0.35s ease;\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        box-shadow: var(--shadow-card);\r\n        height: 100%;\r\n    }\r\n    \r\n    .pg-glitch2-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 2px;\r\n        background: var(--grad-neon);\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n    \r\n    .pg-glitch2-card:hover {\r\n        transform: translateY(-4px) scale(1.01);\r\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6), var(--glow-cyan);\r\n        border-color: rgba(34, 211, 238, 0.4);\r\n    }\r\n    \r\n    .pg-glitch2-card:hover::before { opacity: 1; }\r\n\r\n    .pg-glitch2-card-bar {\r\n        height: 3px;\r\n        background: linear-gradient(90deg, var(--neon-purple), var(--neon-cyan), var(--neon-pink));\r\n    }\r\n    \r\n    .pg-glitch2-card:hover .pg-glitch2-card-bar {\r\n        animation: rainbow-shift 2s linear infinite;\r\n        background-size: 200% 100%;\r\n    }\r\n    \r\n    @keyframes rainbow-shift {\r\n        0% { background-position: 0% 50%; }\r\n        100% { background-position: 200% 50%; }\r\n    }\r\n\r\n    .pg-glitch2-card-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 12px 14px 8px 14px;\r\n    }\r\n    \r\n    .pg-glitch2-card-profile {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    .pg-glitch2-card-avatar {\r\n        width: 34px;\r\n        height: 34px;\r\n        border-radius: 8px;\r\n        background: linear-gradient(135deg, var(--neon-purple), var(--neon-cyan));\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #000;\r\n        font-size: 0.85rem;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .pg-glitch2-card-meta {\r\n        display: flex;\r\n        flex-direction: column;\r\n        text-align: left;\r\n    }\r\n\r\n    .pg-glitch2-card-title {\r\n        font-family: var(--mono-font);\r\n        font-size: 0.78rem;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    .pg-glitch2-card-time {\r\n        font-size: 0.68rem;\r\n        color: var(--text-muted);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 3px;\r\n    }\r\n\r\n    .pg-glitch2-copy-btn {\r\n        background: rgba(34, 211, 238, 0.1);\r\n        border: 1px solid rgba(34, 211, 238, 0.3);\r\n        color: var(--neon-cyan);\r\n        width: 34px;\r\n        height: 34px;\r\n        min-width: 34px;\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: all 0.25s ease;\r\n        outline: none;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    .pg-glitch2-copy-btn i { font-size: 0.95rem; transition: all 0.25s ease; }\r\n    \r\n    .pg-glitch2-copy-btn:hover {\r\n        background: var(--neon-cyan);\r\n        color: #000;\r\n        border-color: var(--neon-cyan);\r\n        box-shadow: var(--glow-cyan);\r\n        transform: scale(1.08);\r\n    }\r\n    \r\n    .pg-glitch2-copy-btn:hover i { transform: rotate(15deg) scale(1.2); }\r\n    .pg-glitch2-copy-btn:active { transform: scale(0.9); }\r\n    \r\n    .pg-glitch2-copy-btn.copied {\r\n        background: var(--neon-green) !important;\r\n        color: #000 !important;\r\n        border-color: var(--neon-green) !important;\r\n        box-shadow: 0 0 15px rgba(16, 185, 129, 0.6) !important;\r\n    }\r\n\r\n    .pg-glitch2-card-preview {\r\n        font-size: 1.1rem;\r\n        color: var(--neon-cyan);\r\n        text-align: left;\r\n        font-family: var(--mono-font);\r\n        font-weight: 500;\r\n        padding: 10px 14px;\r\n        transition: all 0.3s ease;\r\n        white-space: normal !important;\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        box-sizing: border-box !important;\r\n        line-height: 1.4 !important;\r\n        flex-grow: 1;\r\n    }\r\n    \r\n    .pg-glitch2-card:hover .pg-glitch2-card-preview { \r\n        color: #fff; \r\n        text-shadow: 1px 1px var(--neon-pink), -1px -1px var(--neon-cyan);\r\n    }\r\n\r\n    .pg-glitch2-card-footer {\r\n        border-top: 1px solid rgba(168, 85, 247, 0.2);\r\n        padding: 10px 14px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        color: var(--text-muted);\r\n        font-size: 0.72rem;\r\n        font-weight: 600;\r\n        flex-wrap: wrap;\r\n        gap: 6px;\r\n        background: rgba(0,0,0,0.25);\r\n    }\r\n\r\n    .pg-glitch2-card-action {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n        cursor: pointer;\r\n        transition: color 0.2s ease;\r\n    }\r\n    .pg-glitch2-card-action:hover { color: var(--neon-green); }\r\n    .pg-glitch2-card-action:hover i { transform: scale(1.2); }\r\n    .pg-glitch2-card-action i { transition: transform 0.2s ease; }\r\n\r\n    .pg-glitch2-load-btn {\r\n        background: var(--theme-panel);\r\n        color: var(--neon-cyan);\r\n        border: 2px solid var(--neon-cyan);\r\n        padding: 14px 40px;\r\n        font-family: var(--primary-font);\r\n        font-weight: 700;\r\n        font-size: 1rem;\r\n        cursor: pointer;\r\n        margin-top: 25px;\r\n        border-radius: 10px;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        box-shadow: var(--shadow-card);\r\n        overflow: hidden;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n    \r\n    .pg-glitch2-load-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%; width: 100%; height: 100%;\r\n        background: linear-gradient(90deg, var(--neon-purple), var(--neon-pink));\r\n        transition: left 0.5s ease;\r\n        z-index: 0;\r\n    }\r\n    \r\n    .pg-glitch2-load-btn span, .pg-glitch2-load-btn i { position: relative; z-index: 1; }\r\n    \r\n    .pg-glitch2-load-btn:hover {\r\n        color: #fff;\r\n        border-color: transparent;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 0 25px rgba(34, 211, 238, 0.5);\r\n    }\r\n    \r\n    .pg-glitch2-load-btn:hover::before { left: 0; }\r\n    .pg-glitch2-load-btn:hover i { transform: translateY(5px) rotate(180deg); }\r\n    .pg-glitch2-load-btn:active { transform: translateY(0); }\r\n\r\n    .pg-glitch2-toast {\r\n        visibility: hidden;\r\n        background: rgba(8, 5, 20, 0.98);\r\n        color: var(--neon-green);\r\n        padding: 16px 24px;\r\n        position: fixed;\r\n        left: 50%;\r\n        bottom: 40px;\r\n        transform: translateX(-50%) translateY(25px);\r\n        font-family: var(--primary-font);\r\n        font-weight: 700;\r\n        z-index: 10000;\r\n        border-radius: 10px;\r\n        box-shadow: 0 12px 35px rgba(0,0,0,0.8);\r\n        opacity: 0;\r\n        transition: all 0.4s 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        border: 1px solid var(--neon-green);\r\n    }\r\n    \r\n    .pg-glitch2-toast i {\r\n        color: #000;\r\n        background: var(--neon-green);\r\n        border-radius: 50%;\r\n        padding: 5px;\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .pg-glitch2-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: 1100px) {\r\n        .pg-glitch2-dashboard { \r\n            flex-direction: column; \r\n            align-items: stretch;\r\n        }\r\n        .pg-glitch2-sidebar { \r\n            width: 100% !important; \r\n            flex-direction: row; \r\n            flex-wrap: wrap;\r\n            gap: 16px;\r\n        }\r\n        .pg-glitch2-sidebar > * { flex: 1 1 300px; }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .pg-glitch2-grid { grid-template-columns: repeat(2, 1fr); }\r\n        .pg-glitch2-title { font-size: 2.3rem; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .pg-glitch2-grid { grid-template-columns: 1fr; }\r\n        .pg-glitch2-container { padding: 30px 15px !important; max-width: 100% !important; }\r\n        .pg-glitch2-results { padding: 20px 0 25px; }\r\n        .pg-glitch2-sidebar { \r\n            flex-direction: column; \r\n            width: 100% !important;\r\n        }\r\n        .pg-glitch2-sidebar > * { flex: 1 1 auto; }\r\n        .pg-glitch2-settings-card { padding: 18px; }\r\n        .pg-glitch2-input-card { padding: 0; }\r\n        .pg-glitch2-textarea { min-height: 160px !important; font-size: 1.3rem !important; padding: 16px 18px !important; }\r\n        \r\n        .pg-glitch2-toolbar { flex-direction: column; align-items: stretch; }\r\n        .pg-glitch2-tool-group { justify-content: center; }\r\n        .pg-glitch2-preset { width: 100%; text-align: center; min-width: auto; }\r\n        \r\n        .pg-glitch2-card { padding: 0; min-height: auto; height: auto !important; }\r\n        .pg-glitch2-card-preview { font-size: 1rem; max-height: none; padding: 10px 12px; }\r\n        .pg-glitch2-card-header { padding: 10px 12px 6px; }\r\n        .pg-glitch2-card-footer { padding: 8px 12px; flex-wrap: wrap; justify-content: center; }\r\n        \r\n        .pg-glitch2-opt-btn { padding: 10px 6px; font-size: 0.75rem; }\r\n        .pg-glitch2-load-btn { padding: 12px 24px; font-size: 0.9rem; width: 100%; justify-content: center; }\r\n        .pg-glitch2-title { font-size: 1.8rem; }\r\n        .pg-glitch2-subtitle { font-size: 0.95rem; }\r\n        .pg-glitch2-input-header { padding: 16px; }\r\n        .pg-glitch2-avatar { width: 40px; height: 40px; font-size: 1.1rem; }\r\n        .pg-glitch2-copy-btn { width: 32px; height: 32px; min-width: 32px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-glitch2-wrapper\" id=\"pg-glitch2-tool\">\r\n    <div class=\"pg-glitch2-container pg-glitch2-hero\">\r\n        <h1 class=\"pg-glitch2-title\"><i class=\"fa-solid fa-microchip\"><\/i> Glitch Text Generator - Create Free<\/h1>\r\n        <p class=\"pg-glitch2-subtitle\">Corrupt and distort text with Zalgo marks, cyber overlays, and digital noise effects. Create unstable, futuristic typography for social media, gaming profiles, and creative projects.<\/p>\r\n        \r\n        <div class=\"pg-glitch2-dashboard\">\r\n            <!-- LEFT: INPUT CARD -->\r\n            <div class=\"pg-glitch2-main\">\r\n                <div class=\"pg-glitch2-input-card\">\r\n                    <div class=\"pg-glitch2-input-header\">\r\n                        <div class=\"pg-glitch2-avatar\"><i class=\"fa-solid fa-terminal\"><\/i><\/div>\r\n                        <div class=\"pg-glitch2-input-text\">Initialize Glitch<\/div>\r\n                    <\/div>\r\n                    \r\n                    <textarea class=\"pg-glitch2-textarea\" id=\"pgGlitch2Input\" placeholder=\"Enter text to corrupt...\"><\/textarea>\r\n                    \r\n                    <div class=\"pg-glitch2-toolbar\">\r\n                        <div class=\"pg-glitch2-tool-group\">\r\n                            <button class=\"pg-glitch2-btn\" id=\"pgGlitch2Paste\" title=\"Paste\"><i class=\"fa-solid fa-clipboard\"><\/i> Paste<\/button>\r\n                            <button class=\"pg-glitch2-btn\" id=\"pgGlitch2Select\" title=\"Select\"><i class=\"fa-solid fa-object-group\"><\/i> Select<\/button>\r\n                            <button class=\"pg-glitch2-btn primary-btn\" id=\"pgGlitch2CopyBase\" title=\"Copy Base\"><i class=\"fa-regular fa-copy\"><\/i> Copy<\/button>\r\n                        <\/div>\r\n                        \r\n                        <select class=\"pg-glitch2-preset\" id=\"pgGlitch2Preset\">\r\n                            <option value=\"\" disabled selected>\ud83d\udc7e Glitch Presets<\/option>\r\n                            <option value=\"SYSTEM FAILURE \ud83d\udca5\">\ud83d\udca5 System Crash<\/option>\r\n                            <option value=\"ERROR 404: TEXT NOT FOUND\">\ud83d\udcbb Error Code<\/option>\r\n                            <option value=\"CORRUPTED DATA\">\ud83e\udda0 Data Corruption<\/option>\r\n                            <option value=\"CYBER ATTACK DETECTED\">\ud83d\udea8 Security Breach<\/option>\r\n                            <option value=\"MATRIX RELOADING\">\ud83d\udc8a Matrix Mode<\/option>\r\n                            <option value=\"GLITCH IN THE MATRIX\">\ud83c\udf00 Matrix Glitch<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- RIGHT: SIDEBAR -->\r\n            <div class=\"pg-glitch2-sidebar\">\r\n                <div class=\"pg-glitch2-stats-card\">\r\n                    <div class=\"pg-glitch2-settings-title\"><i class=\"fa-solid fa-chart-line\"><\/i> Quick Stats<\/div>\r\n                    <div class=\"pg-glitch2-stat-item\">\r\n                        <span>Characters<\/span>\r\n                        <span id=\"pgGlitch2CharCount\" style=\"color: var(--neon-cyan); font-weight: 700;\">0<\/span>\r\n                    <\/div>\r\n                    <div class=\"pg-glitch2-stat-item\">\r\n                        <span>Styles<\/span>\r\n                        <span style=\"color: var(--neon-pink); font-weight: 700;\">112<\/span>\r\n                    <\/div>\r\n                    <div class=\"pg-glitch2-stat-item\">\r\n                        <span>Status<\/span>\r\n                        <span style=\"color: var(--neon-green); font-weight: 700;\">\u25cf Active<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"pg-glitch2-settings-card\">\r\n                    <div class=\"pg-glitch2-settings-title\"><i class=\"fa-solid fa-sliders\"><\/i> Distortion<\/div>\r\n                    \r\n                    <div class=\"pg-glitch2-opt-group\">\r\n                        <div class=\"pg-glitch2-opt-label\">Effect Type<\/div>\r\n                        <div class=\"pg-glitch2-options\">\r\n                            <button class=\"pg-glitch2-opt-btn style-btn active\" data-mode=\"Zalgo\">\r\n                                <i class=\"fa-solid fa-ghost\"><\/i> Zalgo\r\n                            <\/button>\r\n                            <button class=\"pg-glitch2-opt-btn style-btn\" data-mode=\"Strike\">\r\n                                <i class=\"fa-solid fa-strikethrough\"><\/i> Strike\r\n                            <\/button>\r\n                            <button class=\"pg-glitch2-opt-btn style-btn\" data-mode=\"Gothic\">\r\n                                <i class=\"fa-solid fa-chess-rook\"><\/i> Gothic\r\n                            <\/button>\r\n                            <button class=\"pg-glitch2-opt-btn style-btn\" data-mode=\"Flip\">\r\n                                <i class=\"fa-solid fa-arrows-up-down\"><\/i> Flip\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"pg-glitch2-opt-group\" style=\"margin-bottom: 0;\">\r\n                        <div class=\"pg-glitch2-opt-label\">Noise Intensity<\/div>\r\n                        <div class=\"pg-glitch2-options\">\r\n                            <button class=\"pg-glitch2-opt-btn deco-btn active\" data-deco=\"Light\">\r\n                                <i class=\"fa-solid fa-signal\"><\/i> Light\r\n                            <\/button>\r\n                            <button class=\"pg-glitch2-opt-btn deco-btn\" data-deco=\"Medium\">\r\n                                <i class=\"fa-solid fa-bars\"><\/i> Medium\r\n                            <\/button>\r\n                            <button class=\"pg-glitch2-opt-btn deco-btn\" data-deco=\"Heavy\">\r\n                                <i class=\"fa-solid fa-tower-broadcast\"><\/i> Heavy\r\n                            <\/button>\r\n                            <button class=\"pg-glitch2-opt-btn deco-btn\" data-deco=\"Critical\">\r\n                                <i class=\"fa-solid fa-skull\"><\/i> Critical\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- OUTPUT SECTION -->\r\n        <div class=\"pg-glitch2-results\">\r\n            <div class=\"pg-glitch2-grid\" id=\"pgGlitch2Grid\"><\/div>\r\n            <button class=\"pg-glitch2-load-btn\" id=\"pgGlitch2LoadBtn\"><span>Load More Styles<\/span> <i class=\"fa-solid fa-chevron-down\"><\/i><\/button>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"pgGlitch2Toast\" class=\"pg-glitch2-toast\"><i class=\"fa-solid fa-check\"><\/i> <span>Copied!<\/span><\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const wrapper = document.getElementById('pg-glitch2-tool');\r\n    const input = wrapper.querySelector('#pgGlitch2Input');\r\n    const grid = wrapper.querySelector('#pgGlitch2Grid');\r\n    const loadBtn = wrapper.querySelector('#pgGlitch2LoadBtn');\r\n    const toast = wrapper.querySelector('#pgGlitch2Toast');\r\n    const pasteBtn = wrapper.querySelector('#pgGlitch2Paste');\r\n    const selectBtn = wrapper.querySelector('#pgGlitch2Select');\r\n    const copyBase = wrapper.querySelector('#pgGlitch2CopyBase');\r\n    const presetSel = wrapper.querySelector('#pgGlitch2Preset');\r\n    const charCount = wrapper.querySelector('#pgGlitch2CharCount');\r\n\r\n    let currentMode = 'Zalgo';\r\n    let currentDeco = 'Light';\r\n    let limit = 9;\r\n    const INCREMENT = 9;\r\n    const TOTAL = 112;\r\n\r\n    const base = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\r\n    const baseArr = Array.from(base);\r\n\r\n    const zalgoMarks = ['\u0337', '\u0335', '\u0338', '\u0336', '\u0334', '\u0321', '\u0327', '\u0328', '\u031b', '\u0316', '\u0317', '\u0318', '\u0319', '\u031c', '\u031d', '\u031e', '\u031f', '\u0320', '\u0323', '\u0324', '\u0325', '\u0326', '\u0329', '\u032a', '\u032b', '\u032c', '\u032d', '\u032e', '\u032f', '\u0330', '\u0331', '\u0332', '\u0333', '\u0339', '\u033a', '\u033b', '\u033c'];\r\n    \r\n    const flipMap = \"\u0250q\u0254p\u01dd\u025f\u0183\u0265\u1d09\u027e\u029el\u026fuodb\u0279s\u0287n\u028c\u028dx\u028ez\u2200q\u0186p\u018e\u2132\u05e4HI\u017f\u029e\u02e5WNO\u0500Q\u0279S\u2534\u2229\u039bMX\u2144Z0\u0196\u1105\u0190\u3123\u03db9\u312586\";\r\n    const flipArr = Array.from(flipMap);\r\n    \r\n    const gothicMap = \"\ud835\udd1e\ud835\udd1f\ud835\udd20\ud835\udd21\ud835\udd22\ud835\udd23\ud835\udd24\ud835\udd25\ud835\udd26\ud835\udd27\ud835\udd28\ud835\udd29\ud835\udd2a\ud835\udd2b\ud835\udd2c\ud835\udd2d\ud835\udd2e\ud835\udd2f\ud835\udd30\ud835\udd31\ud835\udd32\ud835\udd33\ud835\udd34\ud835\udd35\ud835\udd36\ud835\udd37\ud835\udd04\ud835\udd05\u212d\ud835\udd07\ud835\udd08\ud835\udd09\ud835\udd0a\u210c\u2111\ud835\udd0d\ud835\udd0e\ud835\udd0f\ud835\udd10\ud835\udd11\ud835\udd12\ud835\udd13\ud835\udd14\u211c\ud835\udd16\ud835\udd17\ud835\udd18\ud835\udd19\ud835\udd1a\ud835\udd1b\ud835\udd1c\u2128\ud835\udfce\ud835\udfcf\ud835\udfd0\ud835\udfd1\ud835\udfd2\ud835\udfd3\ud835\udfd4\ud835\udfd5\ud835\udfd6\ud835\udfd7\";\r\n    const gothicArr = Array.from(gothicMap);\r\n\r\n    const transformText = (txt, mode, deco, idx) => {\r\n        if(!txt) return \"\";\r\n        \r\n        let out = '';\r\n        const noiseMap = { 'Light': 1, 'Medium': 3, 'Heavy': 5, 'Critical': 8 };\r\n        const noise = noiseMap[deco] || 1;\r\n        \r\n        if(mode === 'Zalgo') {\r\n            out = Array.from(txt).map(c => {\r\n                if(c === ' ') return c;\r\n                let z = c;\r\n                for(let i=0; i<noise; i++) {\r\n                    z += zalgoMarks[Math.floor(Math.random() * zalgoMarks.length)];\r\n                }\r\n                return z;\r\n            }).join('');\r\n        } else if(mode === 'Strike') {\r\n            out = Array.from(txt).map(c => {\r\n                if(c === ' ') return c;\r\n                let s = c;\r\n                s += '\\u0336';\r\n                if(noise >= 2) s += '\\u0303';\r\n                if(noise >= 4) s += '\\u0358';\r\n                return s;\r\n            }).join('');\r\n        } else if(mode === 'Gothic') {\r\n            out = Array.from(txt).map(c => {\r\n                const i = baseArr.indexOf(c);\r\n                return i !== -1 ? gothicArr[i] : c;\r\n            }).join('');\r\n            if(noise >= 2) {\r\n                out = Array.from(out).map((c, i) => {\r\n                    if(i % (5-noise) === 0 && c !== ' ') return c + '\\u0323';\r\n                    return c;\r\n                }).join('');\r\n            }\r\n        } else if(mode === 'Flip') {\r\n            out = Array.from(txt).reverse().map(c => {\r\n                const i = baseArr.indexOf(c);\r\n                return i !== -1 ? flipArr[i] : c;\r\n            }).join('');\r\n            if(noise >= 3) {\r\n                out = Array.from(out).map(c => c !== ' ' ? c + '\\u0300' : c).join('');\r\n            }\r\n        }\r\n        \r\n        return out;\r\n    };\r\n\r\n    const copyText = (txt, btn) => {\r\n        if (navigator.clipboard && navigator.clipboard.writeText) {\r\n            navigator.clipboard.writeText(txt).then(() => showToast(btn));\r\n        } else {\r\n            const ta = document.createElement(\"textarea\");\r\n            ta.value = txt;\r\n            ta.style.cssText = \"position:fixed;top:0;left:0;opacity:0;pointer-events:none;\";\r\n            document.body.appendChild(ta);\r\n            ta.select();\r\n            try { document.execCommand('copy'); showToast(btn); } catch(e) { console.error(e); }\r\n            document.body.removeChild(ta);\r\n        }\r\n    };\r\n\r\n    const showToast = (btn) => {\r\n        if(btn) {\r\n            btn.classList.add('copied');\r\n            btn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i>';\r\n            setTimeout(() => {\r\n                btn.classList.remove('copied');\r\n                btn.innerHTML = '<i class=\"fa-regular fa-copy\"><\/i>';\r\n            }, 1400);\r\n        }\r\n        toast.classList.add('show');\r\n        setTimeout(() => toast.classList.remove('show'), 1400);\r\n    };\r\n\r\n    const genMeta = () => {\r\n        const names = [\r\n            'Zalgo Horror', 'Strike Overlay', 'Cyber Gothic', 'Flip Distort',\r\n            'Data Corrupt', 'Error Code', 'Glitch Core', 'System Fail',\r\n            'Matrix Mode', 'Noise Heavy', 'Signal Loss', 'Dead Pixel',\r\n            'Neon Ghost', 'Digital Decay', 'Broken Link', 'Void Script',\r\n            'Cyber Strike', 'Phantom Text', 'Static Mix', 'Pixel Bleed',\r\n            'Corrupt File', 'Lost Data', 'Shadow Mode', 'Null Pointer'\r\n        ];\r\n        const icons = ['fa-bolt', 'fa-ghost', 'fa-chess-rook', 'fa-arrows-up-down', 'fa-bug', 'fa-code', 'fa-tower-broadcast', 'fa-exclamation-triangle', 'fa-tablet-screen-button', 'fa-wave-square', 'fa-wifi', 'fa-ban', 'fa-robot', 'fa-skull-crossbones', 'fa-link-slash', 'fa-eye-slash', 'fa-xmark', 'fa-mask', 'fa-satellite', 'fa-fingerprint', 'fa-database', 'fa-trash-can', 'fa-user-secret', 'fa-microchip'];\r\n        \r\n        const list = [];\r\n        for(let i=0; i<TOTAL; i++) {\r\n            const times = ['Just now', '1s ago', '3s ago', '5s ago', '12s ago', '30s ago', '1m ago', '2m ago', '5m ago', '10m ago'];\r\n            list.push({\r\n                id: `glitch2-${i}`,\r\n                name: `${names[i % names.length]} #${Math.floor(i\/names.length)+1}`,\r\n                time: times[i % times.length],\r\n                icon: icons[i % icons.length]\r\n            });\r\n        }\r\n        return list;\r\n    };\r\n\r\n    const allMeta = genMeta();\r\n\r\n    const render = () => {\r\n        grid.innerHTML = '';\r\n        const raw = input.value || \"SYSTEM OVERLOAD \u26a1\";\r\n        charCount.textContent = raw.length;\r\n        const show = allMeta.slice(0, limit);\r\n        \r\n        show.forEach((meta, idx) => {\r\n            const out = transformText(raw, currentMode, currentDeco, idx);\r\n            \r\n            const card = document.createElement('div');\r\n            card.className = 'pg-glitch2-card';\r\n            card.innerHTML = `\r\n                <div class=\"pg-glitch2-card-bar\"><\/div>\r\n                <div class=\"pg-glitch2-card-header\">\r\n                    <div class=\"pg-glitch2-card-profile\">\r\n                        <div class=\"pg-glitch2-card-avatar\"><i class=\"fa-solid ${meta.icon}\"><\/i><\/div>\r\n                        <div class=\"pg-glitch2-card-meta\">\r\n                            <div class=\"pg-glitch2-card-title\">${meta.name}<\/div>\r\n                            <div class=\"pg-glitch2-card-time\"><i class=\"fa-regular fa-clock\"><\/i> ${meta.time}<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <button class=\"pg-glitch2-copy-btn\" title=\"Copy\"><i class=\"fa-regular fa-copy\"><\/i><\/button>\r\n                <\/div>\r\n                <div class=\"pg-glitch2-card-preview\">${out}<\/div>\r\n                <div class=\"pg-glitch2-card-footer\">\r\n                    <div class=\"pg-glitch2-card-action\"><i class=\"fa-solid fa-bug\"><\/i> Bug<\/div>\r\n                    <div class=\"pg-glitch2-card-action\"><i class=\"fa-solid fa-code-branch\"><\/i> Fork<\/div>\r\n                    <div class=\"pg-glitch2-card-action\"><i class=\"fa-solid fa-paper-plane\"><\/i> Ping<\/div>\r\n                <\/div>\r\n            `;\r\n            \r\n            const copyBtn = card.querySelector('.pg-glitch2-copy-btn');\r\n            copyBtn.addEventListener('click', (e) => {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                copyText(out, copyBtn);\r\n            });\r\n            \r\n            grid.appendChild(card);\r\n        });\r\n        \r\n        const remaining = Math.max(0, TOTAL - limit);\r\n        if(remaining > 0) {\r\n            loadBtn.style.display = 'inline-flex';\r\n            loadBtn.querySelector('span').textContent = `Load More Styles (${remaining})`;\r\n        } else {\r\n            loadBtn.style.display = 'none';\r\n        }\r\n    };\r\n\r\n    input.addEventListener('input', render);\r\n    \r\n    pasteBtn.addEventListener('click', async (e) => {\r\n        e.preventDefault();\r\n        try {\r\n            const t = await navigator.clipboard.readText();\r\n            input.value = t;\r\n            render();\r\n        } catch {\r\n            input.focus();\r\n        }\r\n    });\r\n\r\n    selectBtn.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        input.select();\r\n    });\r\n\r\n    copyBase.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        if(input.value) copyText(input.value, null);\r\n    });\r\n\r\n    presetSel.addEventListener('change', (e) => {\r\n        if(e.target.value) {\r\n            input.value = e.target.value;\r\n            render();\r\n            e.target.selectedIndex = 0;\r\n        }\r\n    });\r\n\r\n    loadBtn.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        limit += INCREMENT;\r\n        render();\r\n    });\r\n\r\n    wrapper.querySelectorAll('.style-btn').forEach(btn => {\r\n        btn.addEventListener('click', (e) => {\r\n            e.preventDefault();\r\n            wrapper.querySelectorAll('.style-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentMode = btn.dataset.mode;\r\n            limit = 9;\r\n            render();\r\n        });\r\n    });\r\n\r\n    wrapper.querySelectorAll('.deco-btn').forEach(btn => {\r\n        btn.addEventListener('click', (e) => {\r\n            e.preventDefault();\r\n            wrapper.querySelectorAll('.deco-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentDeco = btn.dataset.deco;\r\n            limit = 9;\r\n            render();\r\n        });\r\n    });\r\n\r\n    render();\r\n});\r\n<\/script>\r\n<!-- END OF FILE Glitch Text Generator V2 Equal Heights -->\r\n\r\n<!-- <content section is strating -->\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 <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    <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\">Glitch Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Discover why thousands of creators rely on our glitch text generator to produce eye-catching distorted text that stands out on any platform \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(0,240,255,0.10);color:#00f0ff;\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Real-Time Glitch Conversion<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Type your text and watch it glitch instantly \u2014 our glitch text generator applies real-time distortion effects with zero delay or loading screens.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(57,255,20,0.10);color:#39ff14;\"><i class=\"fa-solid fa-layer-group\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Multiple Glitch Styles<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">From subtle corrupted text to full Zalgo madness \u2014 our glitch text generator offers strikethrough, zalgo, wavy, pixel, and 10+ more glitch formats.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,0,110,0.10);color:#ff006e;\"><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\">Found your perfect glitch? Hit copy and paste it directly into TikTok captions, Instagram bios, Discord names, or any app that supports Unicode.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(176,38,255,0.10);color:#b026ff;\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">100% Browser-Based & Safe<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Our glitch text generator runs entirely in your browser \u2014 no servers, no data collection, no tracking. Your text never leaves your device.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,49,49,0.08);color:#ff3131;\"><i class=\"fa-solid fa-display\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Works on Every Screen<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Mobile, tablet, or desktop \u2014 our glitch text generator is fully responsive and renders glitch text perfectly on any device and any browser.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,212,255,0.08);color:#00d4ff;\"><i class=\"fa-solid fa-infinity\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Unlimited Free Generation<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">No accounts, no credits, no paywalls. Use this glitch text generator unlimited times \u2014 generate as much corrupted text as you want, forever free.<\/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\">Glitch Text Generator<\/span> Work?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Creating glitched text is incredibly simple. No design skills required \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\">\u2328\ufe0f<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 1: Type Your Normal Text<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Enter any word, phrase, or sentence into the input box of our glitch text generator \u2014 any regular text works as the base for glitching.<\/p>\r\n                <\/div>\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 2: Pick a Glitch Style<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Choose from Zalgo, strikethrough, wavy, enclosed, square, bubble glitch, or combine multiple effects for a uniquely corrupted look.<\/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 3: Copy the Glitched Output<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Your text instantly transforms with combining Unicode characters \u2014 click the copy button and the glitched version goes straight to your clipboard.<\/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 4: Paste Anywhere Online<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Since it's real Unicode text (not images), paste your glitch text into any social media bio, comment, message, or gaming username seamlessly.<\/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 5: Adjust Intensity Level<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Control how extreme the glitch gets \u2014 go subtle with light corruption or go full chaos mode with maximum Zalgo diacritics for maximum impact.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udd04<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 6: Stack Multiple Effects<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Combine strikethrough with Zalgo, or wavy with enclosed \u2014 our glitch text generator lets you layer effects for truly one-of-a-kind corrupted text.<\/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\">Glitch Text Generator<\/span> Results?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Our glitch text generator produces real Unicode characters that render on virtually every platform. Here are the most popular ways creators use glitched text.<\/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.10);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\">Make your Instagram bio look hacked and edgy \u2014 glitch text instantly grabs attention and makes your profile impossible to scroll past.<\/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.08);color:#ff0050;\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">TikTok Captions & Comments<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Glitch text in TikTok captions and comments drives curiosity and engagement \u2014 the corrupted look makes viewers stop and read every time.<\/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.10);color:#5865f2;\"><i class=\"fa-brands fa-discord\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Discord Names & Messages<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Stand out in any Discord server with a glitched username or send corrupted messages \u2014 perfect for gaming communities and aesthetic servers.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,240,255,0.08);color:#00f0ff;\"><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 cyberpunk glitch aesthetic \u2014 ideal for tech, gaming, and digital art streamers.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,0,0,0.08);color:#cc0000;\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">YouTube Titles & Thumbnails<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Use glitch text in YouTube video titles to create a sense of mystery and digital chaos \u2014 boosts click-through rates for tech and horror content.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(57,255,20,0.08);color:#39ff14;\"><i class=\"fa-solid fa-gamepad\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Gaming Usernames & Clan Tags<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Create intimidating glitched gaming usernames and clan tags \u2014 works in Fortnite, Valorant, COD, 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-cyan:#00f0ff;--accent-green:#39ff14;--accent-magenta:#ff006e;\r\n            --accent-purple:#b026ff;--accent-red:#ff3131;--accent-blue:#00d4ff;\r\n            --text-dark:#0a0a1a;--text-primary:#1a1a3e;--text-muted:#6a6a8e;\r\n            --grad-glitch:linear-gradient(135deg,#00f0ff,#b026ff,#ff006e);\r\n            --grad-glitch-alt:linear-gradient(135deg,#39ff14,#00f0ff,#ff3131);\r\n            --theme-bg-alt:rgba(240,245,255,0.6);\r\n            --shadow-card:0 4px 15px rgba(0,240,255,0.08);\r\n            --shadow-card-hover:0 12px 30px rgba(0,240,255,0.18);\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;overflow:hidden;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-purple);position:relative}\r\n        .pg-fcs-kw::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:var(--grad-glitch);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)}\r\n        .pg-fcs-card{border-radius:16px;padding:clamp(22px,3vw,32px);position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--tr);border:1px solid transparent}\r\n        .pg-fcs-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--grad-glitch);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1);z-index:2}\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(0,240,255,.10) 0%,rgba(176,38,255,.04) 60%,transparent 100%);transform:translate(-50%,-50%);transition:width .55s ease-out,height .55s ease-out,opacity .55s ease-out;opacity:0;z-index:1;pointer-events:none}\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}\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 6px rgba(0,240,255,.2))}\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}\r\n\r\n        \/* SEC 1 \u2014 WHITE + FULLY DARK TEXT *\/\r\n        .pg-fcs-sec1{background:#fff}\r\n        .pg-fcs-sec1 .pg-fcs-card{background:#fff;border-color:rgba(0,240,255,.10);box-shadow:0 2px 12px rgba(0,240,255,.05)}\r\n        .pg-fcs-sec1 .pg-fcs-card:hover{border-color:var(--accent-cyan);box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}\r\n        .pg-fcs-sec1 .pg-fcs-sub{color:#2d2d4a}\r\n        .pg-fcs-sec1 .pg-fcs-card-title{color:#0a0a1a}\r\n        .pg-fcs-sec1 .pg-fcs-card-desc{color:#2d2d4a}\r\n\r\n        \/* SEC 2 \u2014 PREVIOUS PURPLE GRADIENT *\/\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)}\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 \u2014 WHITE + SOFT GRAY *\/\r\n        .pg-fcs-sec3{background:#fff}\r\n        .pg-fcs-sec3 .pg-fcs-card{background:var(--theme-bg-alt);border-color:rgba(0,240,255,.07);box-shadow:0 2px 10px rgba(0,240,255,.03)}\r\n        .pg-fcs-sec3 .pg-fcs-card::before{background:linear-gradient(90deg,#00f0ff,#39ff14,#ff006e)}\r\n        .pg-fcs-sec3 .pg-fcs-card:hover{border-color:var(--accent-cyan);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 Glitch Text Generator V2 Equal Heights -->\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    .pg-glitch2-wrapper {\r\n        --primary-font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        --mono-font: 'SF Mono', 'Consolas', 'Monaco', 'Courier New', monospace;\r\n        \r\n        --theme-panel: rgba(12, 8, 28, 0.94);\r\n        --theme-panel-hover: rgba(20, 12, 40, 0.98);\r\n        --theme-bg-alt: rgba(8, 5, 20, 0.95);\r\n        --theme-border: rgba(130, 80, 220, 0.3);\r\n        \r\n        --neon-purple: #a855f7;\r\n        --neon-cyan: #22d3ee;\r\n        --neon-pink: #f43f5e;\r\n        --neon-green: #10b981;\r\n        --text-bright: #f8fafc;\r\n        --text-muted: #94a3b8;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #361656 100%);\r\n        --grad-neon: linear-gradient(135deg, #a855f7, #22d3ee, #f43f5e);\r\n        --grad-shimmer: linear-gradient(90deg, transparent, rgba(168, 85, 247, 0.3), transparent);\r\n        \r\n        --glow-purple: 0 0 25px rgba(168, 85, 247, 0.5);\r\n        --glow-cyan: 0 0 20px rgba(34, 211, 238, 0.45);\r\n        --shadow-ui: 0 12px 35px rgba(0, 0, 0, 0.7);\r\n        --shadow-card: 0 4px 15px rgba(0, 0, 0, 0.5);\r\n        \r\n        --transition-ui: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n        --transition-fast: all 0.2s ease;\r\n        \r\n        font-family: var(--primary-font);\r\n        color: var(--text-bright);\r\n        line-height: 1.5;\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        text-align: center;\r\n        background: var(--grad-master);\r\n        background-attachment: fixed;\r\n    }\r\n\r\n    .pg-glitch2-wrapper * { box-sizing: border-box; }\r\n\r\n    .pg-glitch2-container {\r\n        max-width: 1200px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        padding: 40px 20px !important;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .pg-glitch2-hero {\r\n        z-index: 2;\r\n        padding-top: 10px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pg-glitch2-title {\r\n        font-family: var(--mono-font);\r\n        font-size: 2.9rem;\r\n        font-weight: 800;\r\n        line-height: 1.15;\r\n        margin: 0 auto 12px auto;\r\n        letter-spacing: -0.5px;\r\n        color: #ffffff;\r\n        text-shadow: 0 0 15px rgba(168, 85, 247, 0.6);\r\n        max-width: 1050px;\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: 14px;\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .pg-glitch2-title:hover {\r\n        animation: glitch-text2 0.3s ease infinite;\r\n    }\r\n    \r\n    @keyframes glitch-text2 {\r\n        0%, 100% { transform: translate(0); }\r\n        25% { transform: translate(-2px, 1px); }\r\n        50% { transform: translate(1px, -2px); }\r\n        75% { transform: translate(-1px, 2px); }\r\n    }\r\n\r\n    .pg-glitch2-title i {\r\n        color: var(--neon-cyan);\r\n        text-shadow: var(--glow-cyan);\r\n        background: rgba(34, 211, 238, 0.15);\r\n        border: 1px solid var(--neon-cyan);\r\n        border-radius: 12px;\r\n        padding: 12px;\r\n        font-size: 2rem;\r\n        transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    }\r\n    \r\n    .pg-glitch2-title:hover i {\r\n        transform: scale(1.15) rotate(-10deg);\r\n        background: rgba(34, 211, 238, 0.3);\r\n    }\r\n\r\n    .pg-glitch2-title::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -12px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: block;\r\n        width: 80px;\r\n        height: 3px;\r\n        background: var(--neon-pink);\r\n        border-radius: 3px;\r\n        transition: width 0.35s ease, box-shadow 0.35s ease;\r\n    }\r\n    \r\n    .pg-glitch2-title:hover::after {\r\n        width: 220px;\r\n        box-shadow: var(--glow-cyan);\r\n        background: var(--neon-cyan);\r\n    }\r\n    \r\n    .pg-glitch2-subtitle {\r\n        font-family: var(--primary-font);\r\n        font-size: 1.15rem;\r\n        color: rgba(248, 250, 252, 0.85);\r\n        max-width: 850px;\r\n        margin: 25px auto 35px auto;\r\n        padding: 0 10px;\r\n        font-weight: 500;\r\n        text-shadow: 0 2px 6px rgba(0,0,0,0.6);\r\n    }\r\n\r\n    \/* DASHBOARD LAYOUT WITH EQUAL HEIGHTS *\/\r\n    .pg-glitch2-dashboard {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 24px;\r\n        width: 100%;\r\n        align-items: stretch;\r\n    }\r\n\r\n    .pg-glitch2-main {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 24px;\r\n        flex: 1;\r\n        min-width: 0;\r\n    }\r\n\r\n    .pg-glitch2-input-card {\r\n        background: var(--theme-panel);\r\n        backdrop-filter: blur(16px);\r\n        -webkit-backdrop-filter: blur(16px);\r\n        border: 1px solid var(--theme-border);\r\n        box-shadow: var(--shadow-ui);\r\n        border-radius: 14px;\r\n        position: relative;\r\n        overflow: visible;\r\n        padding: 0;\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n    \r\n    .pg-glitch2-input-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; height: 3px;\r\n        background: var(--grad-neon);\r\n        border-radius: 4px 4px 0 0;\r\n    }\r\n\r\n    .pg-glitch2-input-header {\r\n        padding: 18px 22px;\r\n        border-bottom: 1px solid var(--theme-border);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        background: rgba(168, 85, 247, 0.06);\r\n    }\r\n\r\n    .pg-glitch2-avatar {\r\n        width: 42px;\r\n        height: 42px;\r\n        border-radius: 10px;\r\n        background: var(--grad-neon);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.2rem;\r\n        color: #000;\r\n        transition: transform 0.3s ease;\r\n    }\r\n    \r\n    .pg-glitch2-input-header:hover .pg-glitch2-avatar { \r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    .pg-glitch2-input-text {\r\n        font-weight: 700;\r\n        font-size: 1.1rem;\r\n        color: #fff;\r\n        letter-spacing: 0.3px;\r\n    }\r\n\r\n    .pg-glitch2-textarea {\r\n        width: 100% !important;\r\n        min-height: 180px !important;\r\n        padding: 20px 22px !important;\r\n        background: rgba(0, 0, 0, 0.35) !important;\r\n        border: none !important;\r\n        border-bottom: 2px dashed rgba(168, 85, 247, 0.3) !important;\r\n        color: var(--neon-green) !important;\r\n        font-family: var(--mono-font) !important;\r\n        font-weight: 500 !important;\r\n        font-size: 1.45rem !important;\r\n        outline: none !important;\r\n        text-align: left !important;\r\n        white-space: pre-wrap !important;\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        resize: vertical;\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .pg-glitch2-textarea:focus {\r\n        border-bottom-style: solid !important;\r\n        border-bottom-color: var(--neon-pink) !important;\r\n        background: rgba(0, 0, 0, 0.45) !important;\r\n    }\r\n    \r\n    .pg-glitch2-textarea::placeholder { color: var(--text-muted); opacity: 0.5; font-weight: 400 !important; }\r\n\r\n    .pg-glitch2-toolbar {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 12px;\r\n        padding: 14px 20px;\r\n        background: rgba(168, 85, 247, 0.05);\r\n        margin-top: auto;\r\n    }\r\n\r\n    .pg-glitch2-tool-group {\r\n        display: flex;\r\n        gap: 8px;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .pg-glitch2-btn {\r\n        background: transparent;\r\n        color: var(--text-muted);\r\n        border: 1px solid var(--theme-border);\r\n        padding: 9px 13px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.82rem;\r\n        font-weight: 600;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        transition: all 0.25s ease;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pg-glitch2-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%;\r\n        width: 100%; height: 100%;\r\n        background: var(--grad-shimmer);\r\n        transition: left 0.4s ease;\r\n    }\r\n    \r\n    .pg-glitch2-btn:hover {\r\n        background: rgba(34, 211, 238, 0.12);\r\n        color: var(--neon-cyan);\r\n        border-color: var(--neon-cyan);\r\n        box-shadow: 0 0 12px rgba(34, 211, 238, 0.3);\r\n        transform: translateY(-2px);\r\n    }\r\n    \r\n    .pg-glitch2-btn:hover::before { left: 100%; }\r\n\r\n    .pg-glitch2-btn.primary-btn {\r\n        color: var(--neon-pink);\r\n        background: rgba(244, 63, 94, 0.12);\r\n        border-color: var(--neon-pink);\r\n    }\r\n    \r\n    .pg-glitch2-btn.primary-btn:hover {\r\n        background: rgba(244, 63, 94, 0.25);\r\n        box-shadow: 0 0 15px rgba(244, 63, 94, 0.4);\r\n    }\r\n\r\n    .pg-glitch2-btn:active { transform: scale(0.96); }\r\n\r\n    .pg-glitch2-preset {\r\n        background: rgba(0,0,0,0.35);\r\n        color: var(--text-muted);\r\n        border: 1px solid var(--theme-border);\r\n        padding: 9px 13px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.82rem;\r\n        font-weight: 600;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        outline: none;\r\n        transition: all 0.25s ease;\r\n        min-width: 170px;\r\n    }\r\n    \r\n    .pg-glitch2-preset:hover, .pg-glitch2-preset:focus {\r\n        background: rgba(168, 85, 247, 0.2);\r\n        color: var(--neon-cyan);\r\n        border-color: var(--neon-purple);\r\n    }\r\n    \r\n    .pg-glitch2-preset option {\r\n        background: var(--theme-panel);\r\n        color: #fff;\r\n    }\r\n\r\n    .pg-glitch2-sidebar {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n        width: 320px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .pg-glitch2-stats-card {\r\n        background: var(--theme-panel);\r\n        border: 1px solid var(--theme-border);\r\n        box-shadow: var(--shadow-ui);\r\n        border-radius: 14px;\r\n        padding: 20px 18px;\r\n    }\r\n    \r\n    .pg-glitch2-stat-item {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 12px 0;\r\n        border-bottom: 1px solid rgba(168, 85, 247, 0.15);\r\n        font-size: 0.88rem;\r\n        color: var(--text-muted);\r\n    }\r\n    \r\n    .pg-glitch2-stat-item:last-child { border-bottom: none; }\r\n\r\n    .pg-glitch2-settings-card {\r\n        background: var(--theme-panel);\r\n        backdrop-filter: blur(16px);\r\n        -webkit-backdrop-filter: blur(16px);\r\n        border: 1px solid var(--theme-border);\r\n        box-shadow: var(--shadow-ui);\r\n        border-radius: 14px;\r\n        padding: 22px;\r\n        position: relative;\r\n        flex: 1;\r\n    }\r\n    \r\n    .pg-glitch2-settings-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 3px; height: 100%;\r\n        background: var(--grad-neon);\r\n        border-radius: 4px 0 0 4px;\r\n    }\r\n\r\n    .pg-glitch2-settings-title {\r\n        font-family: var(--mono-font);\r\n        font-size: 0.95rem;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        margin-bottom: 18px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n    \r\n    .pg-glitch2-settings-title i {\r\n        color: var(--neon-pink);\r\n        font-size: 1.05rem;\r\n    }\r\n\r\n    .pg-glitch2-opt-group {\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .pg-glitch2-opt-label {\r\n        font-size: 0.78rem;\r\n        color: var(--text-muted);\r\n        font-weight: 600;\r\n        margin-bottom: 8px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.3px;\r\n    }\r\n\r\n    .pg-glitch2-options {\r\n        display: grid;\r\n        gap: 8px;\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .pg-glitch2-opt-btn {\r\n        background: rgba(255, 255, 255, 0.04);\r\n        border: 1px solid transparent;\r\n        padding: 11px 8px;\r\n        color: var(--text-bright);\r\n        font-family: var(--primary-font);\r\n        font-size: 0.78rem;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        border-radius: 8px;\r\n        transition: all 0.25s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 6px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-glitch2-opt-btn i {\r\n        font-size: 1.05rem;\r\n        color: var(--text-muted);\r\n        transition: all 0.25s ease;\r\n    }\r\n    \r\n    .pg-glitch2-opt-btn::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 0%; height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(168, 85, 247, 0.2), transparent);\r\n        transition: width 0.4s ease;\r\n    }\r\n    \r\n    .pg-glitch2-opt-btn:hover::after { width: 100%; }\r\n    \r\n    .pg-glitch2-opt-btn:hover {\r\n        background: rgba(168, 85, 247, 0.12);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .pg-glitch2-opt-btn:hover i {\r\n        color: var(--neon-cyan);\r\n        transform: scale(1.15);\r\n    }\r\n\r\n    .pg-glitch2-opt-btn.active {\r\n        background: rgba(168, 85, 247, 0.3);\r\n        color: #fff;\r\n        border-color: var(--neon-purple);\r\n        box-shadow: 0 0 12px rgba(168, 85, 247, 0.35);\r\n    }\r\n    \r\n    .pg-glitch2-opt-btn.active i { color: var(--neon-green); }\r\n\r\n    \/* OUTPUT SECTION *\/\r\n    .pg-glitch2-results {\r\n        width: 100%;\r\n        padding-top: 40px;\r\n    }\r\n\r\n    .pg-glitch2-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 16px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .pg-glitch2-card {\r\n        background: var(--theme-panel);\r\n        border: 1px solid var(--theme-border);\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        transition: all 0.35s ease;\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        box-shadow: var(--shadow-card);\r\n        height: 100%;\r\n    }\r\n    \r\n    .pg-glitch2-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 2px;\r\n        background: var(--grad-neon);\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n    \r\n    .pg-glitch2-card:hover {\r\n        transform: translateY(-4px) scale(1.01);\r\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6), var(--glow-cyan);\r\n        border-color: rgba(34, 211, 238, 0.4);\r\n    }\r\n    \r\n    .pg-glitch2-card:hover::before { opacity: 1; }\r\n\r\n    .pg-glitch2-card-bar {\r\n        height: 3px;\r\n        background: linear-gradient(90deg, var(--neon-purple), var(--neon-cyan), var(--neon-pink));\r\n    }\r\n    \r\n    .pg-glitch2-card:hover .pg-glitch2-card-bar {\r\n        animation: rainbow-shift 2s linear infinite;\r\n        background-size: 200% 100%;\r\n    }\r\n    \r\n    @keyframes rainbow-shift {\r\n        0% { background-position: 0% 50%; }\r\n        100% { background-position: 200% 50%; }\r\n    }\r\n\r\n    .pg-glitch2-card-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 12px 14px 8px 14px;\r\n    }\r\n    \r\n    .pg-glitch2-card-profile {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    .pg-glitch2-card-avatar {\r\n        width: 34px;\r\n        height: 34px;\r\n        border-radius: 8px;\r\n        background: linear-gradient(135deg, var(--neon-purple), var(--neon-cyan));\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #000;\r\n        font-size: 0.85rem;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .pg-glitch2-card-meta {\r\n        display: flex;\r\n        flex-direction: column;\r\n        text-align: left;\r\n    }\r\n\r\n    .pg-glitch2-card-title {\r\n        font-family: var(--mono-font);\r\n        font-size: 0.78rem;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    .pg-glitch2-card-time {\r\n        font-size: 0.68rem;\r\n        color: var(--text-muted);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 3px;\r\n    }\r\n\r\n    .pg-glitch2-copy-btn {\r\n        background: rgba(34, 211, 238, 0.1);\r\n        border: 1px solid rgba(34, 211, 238, 0.3);\r\n        color: var(--neon-cyan);\r\n        width: 34px;\r\n        height: 34px;\r\n        min-width: 34px;\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: all 0.25s ease;\r\n        outline: none;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    .pg-glitch2-copy-btn i { font-size: 0.95rem; transition: all 0.25s ease; }\r\n    \r\n    .pg-glitch2-copy-btn:hover {\r\n        background: var(--neon-cyan);\r\n        color: #000;\r\n        border-color: var(--neon-cyan);\r\n        box-shadow: var(--glow-cyan);\r\n        transform: scale(1.08);\r\n    }\r\n    \r\n    .pg-glitch2-copy-btn:hover i { transform: rotate(15deg) scale(1.2); }\r\n    .pg-glitch2-copy-btn:active { transform: scale(0.9); }\r\n    \r\n    .pg-glitch2-copy-btn.copied {\r\n        background: var(--neon-green) !important;\r\n        color: #000 !important;\r\n        border-color: var(--neon-green) !important;\r\n        box-shadow: 0 0 15px rgba(16, 185, 129, 0.6) !important;\r\n    }\r\n\r\n    .pg-glitch2-card-preview {\r\n        font-size: 1.1rem;\r\n        color: var(--neon-cyan);\r\n        text-align: left;\r\n        font-family: var(--mono-font);\r\n        font-weight: 500;\r\n        padding: 10px 14px;\r\n        transition: all 0.3s ease;\r\n        white-space: normal !important;\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        box-sizing: border-box !important;\r\n        line-height: 1.4 !important;\r\n        flex-grow: 1;\r\n    }\r\n    \r\n    .pg-glitch2-card:hover .pg-glitch2-card-preview { \r\n        color: #fff; \r\n        text-shadow: 1px 1px var(--neon-pink), -1px -1px var(--neon-cyan);\r\n    }\r\n\r\n    .pg-glitch2-card-footer {\r\n        border-top: 1px solid rgba(168, 85, 247, 0.2);\r\n        padding: 10px 14px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        color: var(--text-muted);\r\n        font-size: 0.72rem;\r\n        font-weight: 600;\r\n        flex-wrap: wrap;\r\n        gap: 6px;\r\n        background: rgba(0,0,0,0.25);\r\n    }\r\n\r\n    .pg-glitch2-card-action {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n        cursor: pointer;\r\n        transition: color 0.2s ease;\r\n    }\r\n    .pg-glitch2-card-action:hover { color: var(--neon-green); }\r\n    .pg-glitch2-card-action:hover i { transform: scale(1.2); }\r\n    .pg-glitch2-card-action i { transition: transform 0.2s ease; }\r\n\r\n    .pg-glitch2-load-btn {\r\n        background: var(--theme-panel);\r\n        color: var(--neon-cyan);\r\n        border: 2px solid var(--neon-cyan);\r\n        padding: 14px 40px;\r\n        font-family: var(--primary-font);\r\n        font-weight: 700;\r\n        font-size: 1rem;\r\n        cursor: pointer;\r\n        margin-top: 25px;\r\n        border-radius: 10px;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        box-shadow: var(--shadow-card);\r\n        overflow: hidden;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n    \r\n    .pg-glitch2-load-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%; width: 100%; height: 100%;\r\n        background: linear-gradient(90deg, var(--neon-purple), var(--neon-pink));\r\n        transition: left 0.5s ease;\r\n        z-index: 0;\r\n    }\r\n    \r\n    .pg-glitch2-load-btn span, .pg-glitch2-load-btn i { position: relative; z-index: 1; }\r\n    \r\n    .pg-glitch2-load-btn:hover {\r\n        color: #fff;\r\n        border-color: transparent;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 0 25px rgba(34, 211, 238, 0.5);\r\n    }\r\n    \r\n    .pg-glitch2-load-btn:hover::before { left: 0; }\r\n    .pg-glitch2-load-btn:hover i { transform: translateY(5px) rotate(180deg); }\r\n    .pg-glitch2-load-btn:active { transform: translateY(0); }\r\n\r\n    .pg-glitch2-toast {\r\n        visibility: hidden;\r\n        background: rgba(8, 5, 20, 0.98);\r\n        color: var(--neon-green);\r\n        padding: 16px 24px;\r\n        position: fixed;\r\n        left: 50%;\r\n        bottom: 40px;\r\n        transform: translateX(-50%) translateY(25px);\r\n        font-family: var(--primary-font);\r\n        font-weight: 700;\r\n        z-index: 10000;\r\n        border-radius: 10px;\r\n        box-shadow: 0 12px 35px rgba(0,0,0,0.8);\r\n        opacity: 0;\r\n        transition: all 0.4s 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        border: 1px solid var(--neon-green);\r\n    }\r\n    \r\n    .pg-glitch2-toast i {\r\n        color: #000;\r\n        background: var(--neon-green);\r\n        border-radius: 50%;\r\n        padding: 5px;\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .pg-glitch2-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: 1100px) {\r\n        .pg-glitch2-dashboard { \r\n            flex-direction: column; \r\n            align-items: stretch;\r\n        }\r\n        .pg-glitch2-sidebar { \r\n            width: 100% !important; \r\n            flex-direction: row; \r\n            flex-wrap: wrap;\r\n            gap: 16px;\r\n        }\r\n        .pg-glitch2-sidebar > * { flex: 1 1 300px; }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .pg-glitch2-grid { grid-template-columns: repeat(2, 1fr); }\r\n        .pg-glitch2-title { font-size: 2.3rem; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .pg-glitch2-grid { grid-template-columns: 1fr; }\r\n        .pg-glitch2-container { padding: 30px 15px !important; max-width: 100% !important; }\r\n        .pg-glitch2-results { padding: 20px 0 25px; }\r\n        .pg-glitch2-sidebar { \r\n            flex-direction: column; \r\n            width: 100% !important;\r\n        }\r\n        .pg-glitch2-sidebar > * { flex: 1 1 auto; }\r\n        .pg-glitch2-settings-card { padding: 18px; }\r\n        .pg-glitch2-input-card { padding: 0; }\r\n        .pg-glitch2-textarea { min-height: 160px !important; font-size: 1.3rem !important; padding: 16px 18px !important; }\r\n        \r\n        .pg-glitch2-toolbar { flex-direction: column; align-items: stretch; }\r\n        .pg-glitch2-tool-group { justify-content: center; }\r\n        .pg-glitch2-preset { width: 100%; text-align: center; min-width: auto; }\r\n        \r\n        .pg-glitch2-card { padding: 0; min-height: auto; height: auto !important; }\r\n        .pg-glitch2-card-preview { font-size: 1rem; max-height: none; padding: 10px 12px; }\r\n        .pg-glitch2-card-header { padding: 10px 12px 6px; }\r\n        .pg-glitch2-card-footer { padding: 8px 12px; flex-wrap: wrap; justify-content: center; }\r\n        \r\n        .pg-glitch2-opt-btn { padding: 10px 6px; font-size: 0.75rem; }\r\n        .pg-glitch2-load-btn { padding: 12px 24px; font-size: 0.9rem; width: 100%; justify-content: center; }\r\n        .pg-glitch2-title { font-size: 1.8rem; }\r\n        .pg-glitch2-subtitle { font-size: 0.95rem; }\r\n        .pg-glitch2-input-header { padding: 16px; }\r\n        .pg-glitch2-avatar { width: 40px; height: 40px; font-size: 1.1rem; }\r\n        .pg-glitch2-copy-btn { width: 32px; height: 32px; min-width: 32px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-glitch2-wrapper\" id=\"pg-glitch2-tool\">\r\n    <div class=\"pg-glitch2-container pg-glitch2-hero\">\r\n        <h1 class=\"pg-glitch2-title\"><i class=\"fa-solid fa-microchip\"><\/i> Glitch Text Generator - Create Free<\/h1>\r\n        <p class=\"pg-glitch2-subtitle\">Corrupt and distort text with Zalgo marks, cyber overlays, and digital noise effects. Create unstable, futuristic typography for social media, gaming profiles, and creative projects.<\/p>\r\n        \r\n        <div class=\"pg-glitch2-dashboard\">\r\n            <!-- LEFT: INPUT CARD -->\r\n            <div class=\"pg-glitch2-main\">\r\n                <div class=\"pg-glitch2-input-card\">\r\n                    <div class=\"pg-glitch2-input-header\">\r\n                        <div class=\"pg-glitch2-avatar\"><i class=\"fa-solid fa-terminal\"><\/i><\/div>\r\n                        <div class=\"pg-glitch2-input-text\">Initialize Glitch<\/div>\r\n                    <\/div>\r\n                    \r\n                    <textarea class=\"pg-glitch2-textarea\" id=\"pgGlitch2Input\" placeholder=\"Enter text to corrupt...\"><\/textarea>\r\n                    \r\n                    <div class=\"pg-glitch2-toolbar\">\r\n                        <div class=\"pg-glitch2-tool-group\">\r\n                            <button class=\"pg-glitch2-btn\" id=\"pgGlitch2Paste\" title=\"Paste\"><i class=\"fa-solid fa-clipboard\"><\/i> Paste<\/button>\r\n                            <button class=\"pg-glitch2-btn\" id=\"pgGlitch2Select\" title=\"Select\"><i class=\"fa-solid fa-object-group\"><\/i> Select<\/button>\r\n                            <button class=\"pg-glitch2-btn primary-btn\" id=\"pgGlitch2CopyBase\" title=\"Copy Base\"><i class=\"fa-regular fa-copy\"><\/i> Copy<\/button>\r\n                        <\/div>\r\n                        \r\n                        <select class=\"pg-glitch2-preset\" id=\"pgGlitch2Preset\">\r\n                            <option value=\"\" disabled selected>\ud83d\udc7e Glitch Presets<\/option>\r\n                            <option value=\"SYSTEM FAILURE \ud83d\udca5\">\ud83d\udca5 System Crash<\/option>\r\n                            <option value=\"ERROR 404: TEXT NOT FOUND\">\ud83d\udcbb Error Code<\/option>\r\n                            <option value=\"CORRUPTED DATA\">\ud83e\udda0 Data Corruption<\/option>\r\n                            <option value=\"CYBER ATTACK DETECTED\">\ud83d\udea8 Security Breach<\/option>\r\n                            <option value=\"MATRIX RELOADING\">\ud83d\udc8a Matrix Mode<\/option>\r\n                            <option value=\"GLITCH IN THE MATRIX\">\ud83c\udf00 Matrix Glitch<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- RIGHT: SIDEBAR -->\r\n            <div class=\"pg-glitch2-sidebar\">\r\n                <div class=\"pg-glitch2-stats-card\">\r\n                    <div class=\"pg-glitch2-settings-title\"><i class=\"fa-solid fa-chart-line\"><\/i> Quick Stats<\/div>\r\n                    <div class=\"pg-glitch2-stat-item\">\r\n                        <span>Characters<\/span>\r\n                        <span id=\"pgGlitch2CharCount\" style=\"color: var(--neon-cyan); font-weight: 700;\">0<\/span>\r\n                    <\/div>\r\n                    <div class=\"pg-glitch2-stat-item\">\r\n                        <span>Styles<\/span>\r\n                        <span style=\"color: var(--neon-pink); font-weight: 700;\">112<\/span>\r\n                    <\/div>\r\n                    <div class=\"pg-glitch2-stat-item\">\r\n                        <span>Status<\/span>\r\n                        <span style=\"color: var(--neon-green); font-weight: 700;\">\u25cf Active<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"pg-glitch2-settings-card\">\r\n                    <div class=\"pg-glitch2-settings-title\"><i class=\"fa-solid fa-sliders\"><\/i> Distortion<\/div>\r\n                    \r\n                    <div class=\"pg-glitch2-opt-group\">\r\n                        <div class=\"pg-glitch2-opt-label\">Effect Type<\/div>\r\n                        <div class=\"pg-glitch2-options\">\r\n                            <button class=\"pg-glitch2-opt-btn style-btn active\" data-mode=\"Zalgo\">\r\n                                <i class=\"fa-solid fa-ghost\"><\/i> Zalgo\r\n                            <\/button>\r\n                            <button class=\"pg-glitch2-opt-btn style-btn\" data-mode=\"Strike\">\r\n                                <i class=\"fa-solid fa-strikethrough\"><\/i> Strike\r\n                            <\/button>\r\n                            <button class=\"pg-glitch2-opt-btn style-btn\" data-mode=\"Gothic\">\r\n                                <i class=\"fa-solid fa-chess-rook\"><\/i> Gothic\r\n                            <\/button>\r\n                            <button class=\"pg-glitch2-opt-btn style-btn\" data-mode=\"Flip\">\r\n                                <i class=\"fa-solid fa-arrows-up-down\"><\/i> Flip\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"pg-glitch2-opt-group\" style=\"margin-bottom: 0;\">\r\n                        <div class=\"pg-glitch2-opt-label\">Noise Intensity<\/div>\r\n                        <div class=\"pg-glitch2-options\">\r\n                            <button class=\"pg-glitch2-opt-btn deco-btn active\" data-deco=\"Light\">\r\n                                <i class=\"fa-solid fa-signal\"><\/i> Light\r\n                            <\/button>\r\n                            <button class=\"pg-glitch2-opt-btn deco-btn\" data-deco=\"Medium\">\r\n                                <i class=\"fa-solid fa-bars\"><\/i> Medium\r\n                            <\/button>\r\n                            <button class=\"pg-glitch2-opt-btn deco-btn\" data-deco=\"Heavy\">\r\n                                <i class=\"fa-solid fa-tower-broadcast\"><\/i> Heavy\r\n                            <\/button>\r\n                            <button class=\"pg-glitch2-opt-btn deco-btn\" data-deco=\"Critical\">\r\n                                <i class=\"fa-solid fa-skull\"><\/i> Critical\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- OUTPUT SECTION -->\r\n        <div class=\"pg-glitch2-results\">\r\n            <div class=\"pg-glitch2-grid\" id=\"pgGlitch2Grid\"><\/div>\r\n            <button class=\"pg-glitch2-load-btn\" id=\"pgGlitch2LoadBtn\"><span>Load More Styles<\/span> <i class=\"fa-solid fa-chevron-down\"><\/i><\/button>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"pgGlitch2Toast\" class=\"pg-glitch2-toast\"><i class=\"fa-solid fa-check\"><\/i> <span>Copied!<\/span><\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const wrapper = document.getElementById('pg-glitch2-tool');\r\n    const input = wrapper.querySelector('#pgGlitch2Input');\r\n    const grid = wrapper.querySelector('#pgGlitch2Grid');\r\n    const loadBtn = wrapper.querySelector('#pgGlitch2LoadBtn');\r\n    const toast = wrapper.querySelector('#pgGlitch2Toast');\r\n    const pasteBtn = wrapper.querySelector('#pgGlitch2Paste');\r\n    const selectBtn = wrapper.querySelector('#pgGlitch2Select');\r\n    const copyBase = wrapper.querySelector('#pgGlitch2CopyBase');\r\n    const presetSel = wrapper.querySelector('#pgGlitch2Preset');\r\n    const charCount = wrapper.querySelector('#pgGlitch2CharCount');\r\n\r\n    let currentMode = 'Zalgo';\r\n    let currentDeco = 'Light';\r\n    let limit = 9;\r\n    const INCREMENT = 9;\r\n    const TOTAL = 112;\r\n\r\n    const base = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\r\n    const baseArr = Array.from(base);\r\n\r\n    const zalgoMarks = ['\u0337', '\u0335', '\u0338', '\u0336', '\u0334', '\u0321', '\u0327', '\u0328', '\u031b', '\u0316', '\u0317', '\u0318', '\u0319', '\u031c', '\u031d', '\u031e', '\u031f', '\u0320', '\u0323', '\u0324', '\u0325', '\u0326', '\u0329', '\u032a', '\u032b', '\u032c', '\u032d', '\u032e', '\u032f', '\u0330', '\u0331', '\u0332', '\u0333', '\u0339', '\u033a', '\u033b', '\u033c'];\r\n    \r\n    const flipMap = \"\u0250q\u0254p\u01dd\u025f\u0183\u0265\u1d09\u027e\u029el\u026fuodb\u0279s\u0287n\u028c\u028dx\u028ez\u2200q\u0186p\u018e\u2132\u05e4HI\u017f\u029e\u02e5WNO\u0500Q\u0279S\u2534\u2229\u039bMX\u2144Z0\u0196\u1105\u0190\u3123\u03db9\u312586\";\r\n    const flipArr = Array.from(flipMap);\r\n    \r\n    const gothicMap = \"\ud835\udd1e\ud835\udd1f\ud835\udd20\ud835\udd21\ud835\udd22\ud835\udd23\ud835\udd24\ud835\udd25\ud835\udd26\ud835\udd27\ud835\udd28\ud835\udd29\ud835\udd2a\ud835\udd2b\ud835\udd2c\ud835\udd2d\ud835\udd2e\ud835\udd2f\ud835\udd30\ud835\udd31\ud835\udd32\ud835\udd33\ud835\udd34\ud835\udd35\ud835\udd36\ud835\udd37\ud835\udd04\ud835\udd05\u212d\ud835\udd07\ud835\udd08\ud835\udd09\ud835\udd0a\u210c\u2111\ud835\udd0d\ud835\udd0e\ud835\udd0f\ud835\udd10\ud835\udd11\ud835\udd12\ud835\udd13\ud835\udd14\u211c\ud835\udd16\ud835\udd17\ud835\udd18\ud835\udd19\ud835\udd1a\ud835\udd1b\ud835\udd1c\u2128\ud835\udfce\ud835\udfcf\ud835\udfd0\ud835\udfd1\ud835\udfd2\ud835\udfd3\ud835\udfd4\ud835\udfd5\ud835\udfd6\ud835\udfd7\";\r\n    const gothicArr = Array.from(gothicMap);\r\n\r\n    const transformText = (txt, mode, deco, idx) => {\r\n        if(!txt) return \"\";\r\n        \r\n        let out = '';\r\n        const noiseMap = { 'Light': 1, 'Medium': 3, 'Heavy': 5, 'Critical': 8 };\r\n        const noise = noiseMap[deco] || 1;\r\n        \r\n        if(mode === 'Zalgo') {\r\n            out = Array.from(txt).map(c => {\r\n                if(c === ' ') return c;\r\n                let z = c;\r\n                for(let i=0; i<noise; i++) {\r\n                    z += zalgoMarks[Math.floor(Math.random() * zalgoMarks.length)];\r\n                }\r\n                return z;\r\n            }).join('');\r\n        } else if(mode === 'Strike') {\r\n            out = Array.from(txt).map(c => {\r\n                if(c === ' ') return c;\r\n                let s = c;\r\n                s += '\\u0336';\r\n                if(noise >= 2) s += '\\u0303';\r\n                if(noise >= 4) s += '\\u0358';\r\n                return s;\r\n            }).join('');\r\n        } else if(mode === 'Gothic') {\r\n            out = Array.from(txt).map(c => {\r\n                const i = baseArr.indexOf(c);\r\n                return i !== -1 ? gothicArr[i] : c;\r\n            }).join('');\r\n            if(noise >= 2) {\r\n                out = Array.from(out).map((c, i) => {\r\n                    if(i % (5-noise) === 0 && c !== ' ') return c + '\\u0323';\r\n                    return c;\r\n                }).join('');\r\n            }\r\n        } else if(mode === 'Flip') {\r\n            out = Array.from(txt).reverse().map(c => {\r\n                const i = baseArr.indexOf(c);\r\n                return i !== -1 ? flipArr[i] : c;\r\n            }).join('');\r\n            if(noise >= 3) {\r\n                out = Array.from(out).map(c => c !== ' ' ? c + '\\u0300' : c).join('');\r\n            }\r\n        }\r\n        \r\n        return out;\r\n    };\r\n\r\n    const copyText = (txt, btn) => {\r\n        if (navigator.clipboard && navigator.clipboard.writeText) {\r\n            navigator.clipboard.writeText(txt).then(() => showToast(btn));\r\n        } else {\r\n            const ta = document.createElement(\"textarea\");\r\n            ta.value = txt;\r\n            ta.style.cssText = \"position:fixed;top:0;left:0;opacity:0;pointer-events:none;\";\r\n            document.body.appendChild(ta);\r\n            ta.select();\r\n            try { document.execCommand('copy'); showToast(btn); } catch(e) { console.error(e); }\r\n            document.body.removeChild(ta);\r\n        }\r\n    };\r\n\r\n    const showToast = (btn) => {\r\n        if(btn) {\r\n            btn.classList.add('copied');\r\n            btn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i>';\r\n            setTimeout(() => {\r\n                btn.classList.remove('copied');\r\n                btn.innerHTML = '<i class=\"fa-regular fa-copy\"><\/i>';\r\n            }, 1400);\r\n        }\r\n        toast.classList.add('show');\r\n        setTimeout(() => toast.classList.remove('show'), 1400);\r\n    };\r\n\r\n    const genMeta = () => {\r\n        const names = [\r\n            'Zalgo Horror', 'Strike Overlay', 'Cyber Gothic', 'Flip Distort',\r\n            'Data Corrupt', 'Error Code', 'Glitch Core', 'System Fail',\r\n            'Matrix Mode', 'Noise Heavy', 'Signal Loss', 'Dead Pixel',\r\n            'Neon Ghost', 'Digital Decay', 'Broken Link', 'Void Script',\r\n            'Cyber Strike', 'Phantom Text', 'Static Mix', 'Pixel Bleed',\r\n            'Corrupt File', 'Lost Data', 'Shadow Mode', 'Null Pointer'\r\n        ];\r\n        const icons = ['fa-bolt', 'fa-ghost', 'fa-chess-rook', 'fa-arrows-up-down', 'fa-bug', 'fa-code', 'fa-tower-broadcast', 'fa-exclamation-triangle', 'fa-tablet-screen-button', 'fa-wave-square', 'fa-wifi', 'fa-ban', 'fa-robot', 'fa-skull-crossbones', 'fa-link-slash', 'fa-eye-slash', 'fa-xmark', 'fa-mask', 'fa-satellite', 'fa-fingerprint', 'fa-database', 'fa-trash-can', 'fa-user-secret', 'fa-microchip'];\r\n        \r\n        const list = [];\r\n        for(let i=0; i<TOTAL; i++) {\r\n            const times = ['Just now', '1s ago', '3s ago', '5s ago', '12s ago', '30s ago', '1m ago', '2m ago', '5m ago', '10m ago'];\r\n            list.push({\r\n                id: `glitch2-${i}`,\r\n                name: `${names[i % names.length]} #${Math.floor(i\/names.length)+1}`,\r\n                time: times[i % times.length],\r\n                icon: icons[i % icons.length]\r\n            });\r\n        }\r\n        return list;\r\n    };\r\n\r\n    const allMeta = genMeta();\r\n\r\n    const render = () => {\r\n        grid.innerHTML = '';\r\n        const raw = input.value || \"SYSTEM OVERLOAD \u26a1\";\r\n        charCount.textContent = raw.length;\r\n        const show = allMeta.slice(0, limit);\r\n        \r\n        show.forEach((meta, idx) => {\r\n            const out = transformText(raw, currentMode, currentDeco, idx);\r\n            \r\n            const card = document.createElement('div');\r\n            card.className = 'pg-glitch2-card';\r\n            card.innerHTML = `\r\n                <div class=\"pg-glitch2-card-bar\"><\/div>\r\n                <div class=\"pg-glitch2-card-header\">\r\n                    <div class=\"pg-glitch2-card-profile\">\r\n                        <div class=\"pg-glitch2-card-avatar\"><i class=\"fa-solid ${meta.icon}\"><\/i><\/div>\r\n                        <div class=\"pg-glitch2-card-meta\">\r\n                            <div class=\"pg-glitch2-card-title\">${meta.name}<\/div>\r\n                            <div class=\"pg-glitch2-card-time\"><i class=\"fa-regular fa-clock\"><\/i> ${meta.time}<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <button class=\"pg-glitch2-copy-btn\" title=\"Copy\"><i class=\"fa-regular fa-copy\"><\/i><\/button>\r\n                <\/div>\r\n                <div class=\"pg-glitch2-card-preview\">${out}<\/div>\r\n                <div class=\"pg-glitch2-card-footer\">\r\n                    <div class=\"pg-glitch2-card-action\"><i class=\"fa-solid fa-bug\"><\/i> Bug<\/div>\r\n                    <div class=\"pg-glitch2-card-action\"><i class=\"fa-solid fa-code-branch\"><\/i> Fork<\/div>\r\n                    <div class=\"pg-glitch2-card-action\"><i class=\"fa-solid fa-paper-plane\"><\/i> Ping<\/div>\r\n                <\/div>\r\n            `;\r\n            \r\n            const copyBtn = card.querySelector('.pg-glitch2-copy-btn');\r\n            copyBtn.addEventListener('click', (e) => {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                copyText(out, copyBtn);\r\n            });\r\n            \r\n            grid.appendChild(card);\r\n        });\r\n        \r\n        const remaining = Math.max(0, TOTAL - limit);\r\n        if(remaining > 0) {\r\n            loadBtn.style.display = 'inline-flex';\r\n            loadBtn.querySelector('span').textContent = `Load More Styles (${remaining})`;\r\n        } else {\r\n            loadBtn.style.display = 'none';\r\n        }\r\n    };\r\n\r\n    input.addEventListener('input', render);\r\n    \r\n    pasteBtn.addEventListener('click', async (e) => {\r\n        e.preventDefault();\r\n        try {\r\n            const t = await navigator.clipboard.readText();\r\n            input.value = t;\r\n            render();\r\n        } catch {\r\n            input.focus();\r\n        }\r\n    });\r\n\r\n    selectBtn.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        input.select();\r\n    });\r\n\r\n    copyBase.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        if(input.value) copyText(input.value, null);\r\n    });\r\n\r\n    presetSel.addEventListener('change', (e) => {\r\n        if(e.target.value) {\r\n            input.value = e.target.value;\r\n            render();\r\n            e.target.selectedIndex = 0;\r\n        }\r\n    });\r\n\r\n    loadBtn.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        limit += INCREMENT;\r\n        render();\r\n    });\r\n\r\n    wrapper.querySelectorAll('.style-btn').forEach(btn => {\r\n        btn.addEventListener('click', (e) => {\r\n            e.preventDefault();\r\n            wrapper.querySelectorAll('.style-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentMode = btn.dataset.mode;\r\n            limit = 9;\r\n            render();\r\n        });\r\n    });\r\n\r\n    wrapper.querySelectorAll('.deco-btn').forEach(btn => {\r\n        btn.addEventListener('click', (e) => {\r\n            e.preventDefault();\r\n            wrapper.querySelectorAll('.deco-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentDeco = btn.dataset.deco;\r\n            limit = 9;\r\n            render();\r\n        });\r\n    });\r\n\r\n    render();\r\n});\r\n<\/script>\r\n<!-- END OF FILE Glitch Text Generator V2 Equal Heights -->\r\n\r\n<!-- <content section is strating -->\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 <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    <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\">Glitch Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Discover why thousands of creators rely on our glitch text generator to produce eye-catching distorted text that stands out on any platform \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(0,240,255,0.10);color:#00f0ff;\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Real-Time Glitch Conversion<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Type your text and watch it glitch instantly \u2014 our glitch text generator applies real-time distortion effects with zero delay or loading screens.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(57,255,20,0.10);color:#39ff14;\"><i class=\"fa-solid fa-layer-group\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Multiple Glitch Styles<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">From subtle corrupted text to full Zalgo madness \u2014 our glitch text generator offers strikethrough, zalgo, wavy, pixel, and 10+ more glitch formats.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,0,110,0.10);color:#ff006e;\"><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\">Found your perfect glitch? Hit copy and paste it directly into TikTok captions, Instagram bios, Discord names, or any app that supports Unicode.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(176,38,255,0.10);color:#b026ff;\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">100% Browser-Based & Safe<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Our glitch text generator runs entirely in your browser \u2014 no servers, no data collection, no tracking. Your text never leaves your device.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,49,49,0.08);color:#ff3131;\"><i class=\"fa-solid fa-display\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Works on Every Screen<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Mobile, tablet, or desktop \u2014 our glitch text generator is fully responsive and renders glitch text perfectly on any device and any browser.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,212,255,0.08);color:#00d4ff;\"><i class=\"fa-solid fa-infinity\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Unlimited Free Generation<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">No accounts, no credits, no paywalls. Use this glitch text generator unlimited times \u2014 generate as much corrupted text as you want, forever free.<\/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\">Glitch Text Generator<\/span> Work?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Creating glitched text is incredibly simple. No design skills required \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\">\u2328\ufe0f<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 1: Type Your Normal Text<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Enter any word, phrase, or sentence into the input box of our glitch text generator \u2014 any regular text works as the base for glitching.<\/p>\r\n                <\/div>\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 2: Pick a Glitch Style<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Choose from Zalgo, strikethrough, wavy, enclosed, square, bubble glitch, or combine multiple effects for a uniquely corrupted look.<\/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 3: Copy the Glitched Output<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Your text instantly transforms with combining Unicode characters \u2014 click the copy button and the glitched version goes straight to your clipboard.<\/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 4: Paste Anywhere Online<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Since it's real Unicode text (not images), paste your glitch text into any social media bio, comment, message, or gaming username seamlessly.<\/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 5: Adjust Intensity Level<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Control how extreme the glitch gets \u2014 go subtle with light corruption or go full chaos mode with maximum Zalgo diacritics for maximum impact.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udd04<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 6: Stack Multiple Effects<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Combine strikethrough with Zalgo, or wavy with enclosed \u2014 our glitch text generator lets you layer effects for truly one-of-a-kind corrupted text.<\/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\">Glitch Text Generator<\/span> Results?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Our glitch text generator produces real Unicode characters that render on virtually every platform. Here are the most popular ways creators use glitched text.<\/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.10);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\">Make your Instagram bio look hacked and edgy \u2014 glitch text instantly grabs attention and makes your profile impossible to scroll past.<\/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.08);color:#ff0050;\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">TikTok Captions & Comments<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Glitch text in TikTok captions and comments drives curiosity and engagement \u2014 the corrupted look makes viewers stop and read every time.<\/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.10);color:#5865f2;\"><i class=\"fa-brands fa-discord\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Discord Names & Messages<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Stand out in any Discord server with a glitched username or send corrupted messages \u2014 perfect for gaming communities and aesthetic servers.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(0,240,255,0.08);color:#00f0ff;\"><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 cyberpunk glitch aesthetic \u2014 ideal for tech, gaming, and digital art streamers.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,0,0,0.08);color:#cc0000;\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">YouTube Titles & Thumbnails<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Use glitch text in YouTube video titles to create a sense of mystery and digital chaos \u2014 boosts click-through rates for tech and horror content.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(57,255,20,0.08);color:#39ff14;\"><i class=\"fa-solid fa-gamepad\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Gaming Usernames & Clan Tags<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Create intimidating glitched gaming usernames and clan tags \u2014 works in Fortnite, Valorant, COD, 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-cyan:#00f0ff;--accent-green:#39ff14;--accent-magenta:#ff006e;\r\n            --accent-purple:#b026ff;--accent-red:#ff3131;--accent-blue:#00d4ff;\r\n            --text-dark:#0a0a1a;--text-primary:#1a1a3e;--text-muted:#6a6a8e;\r\n            --grad-glitch:linear-gradient(135deg,#00f0ff,#b026ff,#ff006e);\r\n            --grad-glitch-alt:linear-gradient(135deg,#39ff14,#00f0ff,#ff3131);\r\n            --theme-bg-alt:rgba(240,245,255,0.6);\r\n            --shadow-card:0 4px 15px rgba(0,240,255,0.08);\r\n            --shadow-card-hover:0 12px 30px rgba(0,240,255,0.18);\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;overflow:hidden;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-purple);position:relative}\r\n        .pg-fcs-kw::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:var(--grad-glitch);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)}\r\n        .pg-fcs-card{border-radius:16px;padding:clamp(22px,3vw,32px);position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--tr);border:1px solid transparent}\r\n        .pg-fcs-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--grad-glitch);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1);z-index:2}\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(0,240,255,.10) 0%,rgba(176,38,255,.04) 60%,transparent 100%);transform:translate(-50%,-50%);transition:width .55s ease-out,height .55s ease-out,opacity .55s ease-out;opacity:0;z-index:1;pointer-events:none}\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}\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 6px rgba(0,240,255,.2))}\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}\r\n\r\n        \/* SEC 1 \u2014 WHITE + FULLY DARK TEXT *\/\r\n        .pg-fcs-sec1{background:#fff}\r\n        .pg-fcs-sec1 .pg-fcs-card{background:#fff;border-color:rgba(0,240,255,.10);box-shadow:0 2px 12px rgba(0,240,255,.05)}\r\n        .pg-fcs-sec1 .pg-fcs-card:hover{border-color:var(--accent-cyan);box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}\r\n        .pg-fcs-sec1 .pg-fcs-sub{color:#2d2d4a}\r\n        .pg-fcs-sec1 .pg-fcs-card-title{color:#0a0a1a}\r\n        .pg-fcs-sec1 .pg-fcs-card-desc{color:#2d2d4a}\r\n\r\n        \/* SEC 2 \u2014 PREVIOUS PURPLE GRADIENT *\/\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)}\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 \u2014 WHITE + SOFT GRAY *\/\r\n        .pg-fcs-sec3{background:#fff}\r\n        .pg-fcs-sec3 .pg-fcs-card{background:var(--theme-bg-alt);border-color:rgba(0,240,255,.07);box-shadow:0 2px 10px rgba(0,240,255,.03)}\r\n        .pg-fcs-sec3 .pg-fcs-card::before{background:linear-gradient(90deg,#00f0ff,#39ff14,#ff006e)}\r\n        .pg-fcs-sec3 .pg-fcs-card:hover{border-color:var(--accent-cyan);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-432","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>\u30b0\u30ea\u30c3\u30c1\u30c6\u30ad\u30b9\u30c8\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc \u2013 \u7121\u6599\u3067\u4f5c\u6210<\/title>\n<meta name=\"description\" content=\"\u7121\u6599\u306e\u30b0\u30ea\u30c3\u30c1\u30c6\u30ad\u30b9\u30c8\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc\u3092\u4f7f\u3063\u3066\u3001\u76ee\u3092\u5f15\u304f\u30b0\u30ea\u30c3\u30c1\u30c6\u30ad\u30b9\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002\u30e6\u30fc\u30b6\u30fc\u540d\u3001\u81ea\u5df1\u7d39\u4ecb\u6587\u3001\u30bd\u30fc\u30b7\u30e3\u30eb\u30e1\u30c7\u30a3\u30a2\u6295\u7a3f\u306b\u6700\u9069\u3067\u3059\u3002\" \/>\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\/ja\/glitch-text-generator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Glitch Text Generator \u2013 Create Free\" \/>\n<meta property=\"og:description\" content=\"Make eye-catching glitch text with our free Glitch Text Generator. Perfect for usernames, bios, and social media posts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onlinetexteditor.io\/glitch-text-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Text Editor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-06T04:57:28+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\\\/glitch-text-generator\\\/\",\"url\":\"https:\\\/\\\/onlinetexteditor.io\\\/glitch-text-generator\\\/\",\"name\":\"Glitch Text Generator \u2013 Create Free\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#website\"},\"datePublished\":\"2026-03-02T00:00:18+00:00\",\"dateModified\":\"2026-04-06T04:57:28+00:00\",\"description\":\"Make eye-catching glitch text with our free Glitch Text Generator. Perfect for usernames, bios, and social media posts.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/glitch-text-generator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/onlinetexteditor.io\\\/glitch-text-generator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/glitch-text-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/onlinetexteditor.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Glitch Text Generator \u2013 Create Free\"}]},{\"@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":"\u30b0\u30ea\u30c3\u30c1\u30c6\u30ad\u30b9\u30c8\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc \u2013 \u7121\u6599\u3067\u4f5c\u6210","description":"\u7121\u6599\u306e\u30b0\u30ea\u30c3\u30c1\u30c6\u30ad\u30b9\u30c8\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc\u3092\u4f7f\u3063\u3066\u3001\u76ee\u3092\u5f15\u304f\u30b0\u30ea\u30c3\u30c1\u30c6\u30ad\u30b9\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3057\u3087\u3046\u3002\u30e6\u30fc\u30b6\u30fc\u540d\u3001\u81ea\u5df1\u7d39\u4ecb\u6587\u3001\u30bd\u30fc\u30b7\u30e3\u30eb\u30e1\u30c7\u30a3\u30a2\u6295\u7a3f\u306b\u6700\u9069\u3067\u3059\u3002","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\/ja\/glitch-text-generator\/","og_locale":"en_US","og_type":"article","og_title":"Glitch Text Generator \u2013 Create Free","og_description":"Make eye-catching glitch text with our free Glitch Text Generator. Perfect for usernames, bios, and social media posts.","og_url":"https:\/\/onlinetexteditor.io\/glitch-text-generator\/","og_site_name":"Online Text Editor","article_modified_time":"2026-04-06T04:57:28+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onlinetexteditor.io\/glitch-text-generator\/","url":"https:\/\/onlinetexteditor.io\/glitch-text-generator\/","name":"Glitch Text Generator \u2013 Create Free","isPartOf":{"@id":"https:\/\/onlinetexteditor.io\/#website"},"datePublished":"2026-03-02T00:00:18+00:00","dateModified":"2026-04-06T04:57:28+00:00","description":"Make eye-catching glitch text with our free Glitch Text Generator. Perfect for usernames, bios, and social media posts.","breadcrumb":{"@id":"https:\/\/onlinetexteditor.io\/glitch-text-generator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onlinetexteditor.io\/glitch-text-generator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onlinetexteditor.io\/glitch-text-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/onlinetexteditor.io\/"},{"@type":"ListItem","position":2,"name":"Glitch Text Generator \u2013 Create Free"}]},{"@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\/ja\/wp-json\/wp\/v2\/pages\/432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onlinetexteditor.io\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onlinetexteditor.io\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/ja\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/ja\/wp-json\/wp\/v2\/comments?post=432"}],"version-history":[{"count":3,"href":"https:\/\/onlinetexteditor.io\/ja\/wp-json\/wp\/v2\/pages\/432\/revisions"}],"predecessor-version":[{"id":436,"href":"https:\/\/onlinetexteditor.io\/ja\/wp-json\/wp\/v2\/pages\/432\/revisions\/436"}],"wp:attachment":[{"href":"https:\/\/onlinetexteditor.io\/ja\/wp-json\/wp\/v2\/media?parent=432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}