{"id":559,"date":"2026-03-11T00:00:28","date_gmt":"2026-03-11T00:00:28","guid":{"rendered":"https:\/\/onlinetexteditor.io\/?page_id=559"},"modified":"2026-04-06T09:04:21","modified_gmt":"2026-04-06T09:04:21","slug":"demonic-text-generator","status":"publish","type":"page","link":"https:\/\/onlinetexteditor.io\/fr\/demonic-text-generator\/","title":{"rendered":"Demonic Text Generator \u2013 Summon Instantly"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]<!-- START OF FILE Demonic Text Generator -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .pg-demonic-wrapper {\r\n        --primary-font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        --rune-font: 'Courier New', 'Consolas', monospace;\r\n        \r\n        --theme-panel: rgba(8, 4, 18, 0.96);\r\n        --theme-panel-hover: rgba(15, 6, 25, 0.98);\r\n        --theme-bg-alt: rgba(5, 2, 12, 0.95);\r\n        --theme-border: rgba(180, 20, 60, 0.35);\r\n        \r\n        --blood-red: #b91c1c;\r\n        --crimson: #dc2626;\r\n        --dark-purple: #581c87;\r\n        --abyss: #1a1a1a;\r\n        --ember: #f97316;\r\n        --text-bright: #fef2f2;\r\n        --text-muted: #a855f7;\r\n        --text-dark: #fca5a5;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #361656 100%);\r\n        --grad-demonic: linear-gradient(135deg, #991b1b, #581c87, #1f2937);\r\n        --grad-blood: linear-gradient(135deg, #dc2626, #7c3aed, #b91c1c);\r\n        --grad-shimmer: linear-gradient(90deg, transparent, rgba(220, 38, 38, 0.35), transparent);\r\n        \r\n        --glow-blood: 0 0 25px rgba(220, 38, 38, 0.6);\r\n        --glow-purple: 0 0 20px rgba(88, 28, 135, 0.6);\r\n        --shadow-ui: 0 15px 45px rgba(0, 0, 0, 0.85);\r\n        --shadow-card: 0 6px 20px rgba(150, 20, 20, 0.35);\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-demonic-wrapper * { box-sizing: border-box; }\r\n\r\n    .pg-demonic-container {\r\n        max-width: 1150px !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-demonic-hero {\r\n        z-index: 2;\r\n        padding-top: 10px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pg-demonic-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 3rem;\r\n        font-weight: 900;\r\n        line-height: 1.1;\r\n        margin: 0 auto 12px auto;\r\n        letter-spacing: -0.5px;\r\n        color: #ffffff;\r\n        text-shadow: 0 0 20px rgba(220, 38, 38, 0.6), 0 4px 12px rgba(0,0,0,0.6);\r\n        max-width: 1000px;\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: 15px;\r\n        transition: all 0.35s ease;\r\n    }\r\n    \r\n    .pg-demonic-title:hover {\r\n        animation: demonic-pulse 1.5s ease-in-out infinite;\r\n    }\r\n    \r\n    @keyframes demonic-pulse {\r\n        0%, 100% { text-shadow: 0 0 20px rgba(220, 38, 38, 0.6), 0 4px 12px rgba(0,0,0,0.6); }\r\n        50% { text-shadow: 0 0 35px rgba(220, 38, 38, 0.9), 0 4px 20px rgba(120, 20, 20, 0.8); }\r\n    }\r\n\r\n    .pg-demonic-title i {\r\n        color: var(--crimson);\r\n        text-shadow: var(--glow-blood);\r\n        background: linear-gradient(135deg, rgba(220, 38, 38, 0.3), rgba(88, 28, 135, 0.3));\r\n        border: 1px solid var(--crimson);\r\n        border-radius: 14px;\r\n        padding: 12px;\r\n        font-size: 2rem;\r\n        box-shadow: 0 0 15px rgba(220, 38, 38, 0.4);\r\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n    \r\n    .pg-demonic-title:hover i {\r\n        transform: rotate(-15deg) scale(1.15);\r\n    }\r\n\r\n    .pg-demonic-title::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -14px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: block;\r\n        width: 60px;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, var(--blood-red), var(--dark-purple));\r\n        border-radius: 4px;\r\n        transition: width 0.35s ease, box-shadow 0.35s ease;\r\n        box-shadow: 0 0 10px rgba(220, 38, 38, 0.6);\r\n    }\r\n    \r\n    .pg-demonic-title:hover::after { width: 200px; }\r\n    \r\n    .pg-demonic-subtitle {\r\n        font-family: var(--primary-font);\r\n        font-size: 1.15rem;\r\n        color: rgba(254, 242, 242, 0.88);\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 8px rgba(0,0,0,0.7);\r\n    }\r\n\r\n    .pg-demonic-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-demonic-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-demonic-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: 16px;\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-demonic-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-blood);\r\n        border-radius: 4px 4px 0 0;\r\n    }\r\n\r\n    .pg-demonic-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(185, 28, 28, 0.08);\r\n    }\r\n\r\n    .pg-demonic-avatar {\r\n        width: 44px;\r\n        height: 44px;\r\n        border-radius: 10px;\r\n        background: var(--grad-blood);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.3rem;\r\n        color: #fff;\r\n        transition: transform 0.3s ease;\r\n        box-shadow: 0 0 12px rgba(220, 38, 38, 0.4);\r\n    }\r\n    \r\n    .pg-demonic-input-header:hover .pg-demonic-avatar { \r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    .pg-demonic-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        text-transform: uppercase;\r\n    }\r\n\r\n    .pg-demonic-textarea-wrapper {\r\n        position: relative;\r\n        padding: 16px;\r\n    }\r\n    \r\n    .pg-demonic-textarea {\r\n        width: 100% !important;\r\n        min-height: 160px !important;\r\n        padding: 20px 22px !important;\r\n        background: rgba(0, 0, 0, 0.5) !important;\r\n        border: 2px solid transparent !important;\r\n        border-radius: 12px !important;\r\n        color: var(--crimson) !important;\r\n        font-family: var(--rune-font) !important;\r\n        font-weight: 600 !important;\r\n        font-size: 1.5rem !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        position: relative;\r\n        z-index: 2;\r\n        text-shadow: 0 0 8px rgba(220, 38, 38, 0.4);\r\n    }\r\n    \r\n    .pg-demonic-textarea-wrapper::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 16px; left: 16px; right: 16px; bottom: 16px;\r\n        background: linear-gradient(135deg, #dc2626, #7c3aed, #dc2626);\r\n        background-size: 300% 300%;\r\n        border-radius: 14px;\r\n        z-index: 0;\r\n        animation: border-pulse 4s ease infinite;\r\n    }\r\n    \r\n    .pg-demonic-textarea-wrapper::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 18px; left: 18px; right: 18px; bottom: 18px;\r\n        background: rgba(0, 0, 0, 0.5);\r\n        border-radius: 11px;\r\n        z-index: 1;\r\n    }\r\n    \r\n    @keyframes border-pulse {\r\n        0%, 100% { background-position: 0% 50%; filter: brightness(1); }\r\n        50% { background-position: 100% 50%; filter: brightness(1.3); }\r\n    }\r\n    \r\n    .pg-demonic-textarea:focus {\r\n        box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.2), 0 0 20px rgba(180, 20, 20, 0.4) !important;\r\n        text-shadow: 0 0 12px rgba(220, 38, 38, 0.6) !important;\r\n    }\r\n    \r\n    .pg-demonic-textarea::placeholder { color: var(--text-muted); opacity: 0.5; font-weight: 400 !important; }\r\n\r\n    .pg-demonic-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(185, 28, 28, 0.08);\r\n        margin-top: auto;\r\n    }\r\n\r\n    .pg-demonic-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-demonic-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        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .pg-demonic-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-demonic-btn:hover {\r\n        background: rgba(220, 38, 38, 0.15);\r\n        color: var(--crimson);\r\n        border-color: var(--crimson);\r\n        box-shadow: 0 0 12px rgba(220, 38, 38, 0.4);\r\n        transform: translateY(-2px);\r\n    }\r\n    \r\n    .pg-demonic-btn:hover::before { left: 100%; }\r\n\r\n    .pg-demonic-btn.primary-btn {\r\n        color: var(--ember);\r\n        background: rgba(249, 115, 22, 0.12);\r\n        border-color: var(--ember);\r\n    }\r\n    \r\n    .pg-demonic-btn.primary-btn:hover {\r\n        background: rgba(249, 115, 22, 0.25);\r\n        box-shadow: 0 0 15px rgba(249, 115, 22, 0.4);\r\n    }\r\n\r\n    .pg-demonic-btn:active { transform: scale(0.96); }\r\n\r\n    .pg-demonic-preset {\r\n        background: rgba(0,0,0,0.4);\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: 180px;\r\n    }\r\n    \r\n    .pg-demonic-preset:hover, .pg-demonic-preset:focus {\r\n        background: rgba(220, 38, 38, 0.2);\r\n        color: var(--crimson);\r\n        border-color: var(--crimson);\r\n    }\r\n    \r\n    .pg-demonic-preset option {\r\n        background: var(--theme-panel);\r\n        color: #fff;\r\n    }\r\n\r\n    .pg-demonic-sidebar {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n        width: 300px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .pg-demonic-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: 18px;\r\n    }\r\n    \r\n    .pg-demonic-stat-item {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 10px 0;\r\n        border-bottom: 1px solid rgba(220, 38, 38, 0.15);\r\n        font-size: 0.85rem;\r\n        color: var(--text-muted);\r\n    }\r\n    \r\n    .pg-demonic-stat-item:last-child { border-bottom: none; }\r\n\r\n    .pg-demonic-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: 20px;\r\n        position: relative;\r\n        flex: 1;\r\n    }\r\n    \r\n    .pg-demonic-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-blood);\r\n        border-radius: 4px 0 0 4px;\r\n    }\r\n\r\n    .pg-demonic-settings-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 0.9rem;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        margin-bottom: 16px;\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-demonic-settings-title i {\r\n        color: var(--crimson);\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .pg-demonic-opt-group {\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .pg-demonic-opt-label {\r\n        font-size: 0.75rem;\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-demonic-options {\r\n        display: grid;\r\n        gap: 8px;\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .pg-demonic-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-demonic-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-demonic-opt-btn::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0; left: 0; width: 0%; height: 3px;\r\n        background: var(--grad-blood);\r\n        transition: width 0.3s ease;\r\n    }\r\n    \r\n    .pg-demonic-opt-btn:hover::after { width: 100%; }\r\n    \r\n    .pg-demonic-opt-btn:hover {\r\n        background: rgba(220, 38, 38, 0.15);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .pg-demonic-opt-btn:hover i {\r\n        color: var(--ember);\r\n        transform: scale(1.15);\r\n    }\r\n\r\n    .pg-demonic-opt-btn.active {\r\n        background: rgba(220, 38, 38, 0.35);\r\n        color: #fff;\r\n        border-color: var(--crimson);\r\n        box-shadow: 0 0 12px rgba(220, 38, 38, 0.5);\r\n    }\r\n    \r\n    .pg-demonic-opt-btn.active::after { width: 100%; }\r\n    \r\n    .pg-demonic-opt-btn.active i { color: var(--ember); }\r\n\r\n    .pg-demonic-results {\r\n        width: 100%;\r\n        padding-top: 40px;\r\n    }\r\n\r\n    .pg-demonic-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-demonic-card {\r\n        background: var(--theme-panel);\r\n        border: 1px solid var(--theme-border);\r\n        border-radius: 14px;\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-demonic-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 2px;\r\n        background: var(--grad-blood);\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n    \r\n    .pg-demonic-card:hover {\r\n        transform: translateY(-4px) scale(1.01);\r\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.7), var(--glow-blood);\r\n        border-color: rgba(220, 38, 38, 0.5);\r\n    }\r\n    \r\n    .pg-demonic-card:hover::before { opacity: 1; }\r\n\r\n    .pg-demonic-card-bar {\r\n        height: 3px;\r\n        background: linear-gradient(90deg, var(--dark-purple), var(--crimson), var(--dark-purple));\r\n    }\r\n    \r\n    .pg-demonic-card:hover .pg-demonic-card-bar {\r\n        animation: blood-flow 3s linear infinite;\r\n        background-size: 200% 100%;\r\n    }\r\n    \r\n    @keyframes blood-flow {\r\n        0% { background-position: 0% 50%; }\r\n        100% { background-position: 200% 50%; }\r\n    }\r\n\r\n    .pg-demonic-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-demonic-card-profile {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    .pg-demonic-card-avatar {\r\n        width: 36px;\r\n        height: 36px;\r\n        border-radius: 8px;\r\n        background: var(--grad-blood);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #000;\r\n        font-size: 0.9rem;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .pg-demonic-card-meta {\r\n        display: flex;\r\n        flex-direction: column;\r\n        text-align: left;\r\n    }\r\n\r\n    .pg-demonic-card-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 0.8rem;\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-demonic-card-time {\r\n        font-size: 0.7rem;\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-demonic-copy-btn {\r\n        background: rgba(220, 38, 38, 0.1);\r\n        border: 1px solid rgba(220, 38, 38, 0.3);\r\n        color: var(--crimson);\r\n        width: 36px;\r\n        height: 36px;\r\n        min-width: 36px;\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-demonic-copy-btn i { font-size: 1rem; transition: all 0.25s ease; }\r\n    \r\n    .pg-demonic-copy-btn:hover {\r\n        background: var(--crimson);\r\n        color: #fff;\r\n        border-color: var(--crimson);\r\n        box-shadow: var(--glow-blood);\r\n        transform: scale(1.08);\r\n    }\r\n    \r\n    .pg-demonic-copy-btn:hover i { transform: rotate(-15deg) scale(1.2); }\r\n    .pg-demonic-copy-btn:active { transform: scale(0.9); }\r\n    \r\n    .pg-demonic-copy-btn.copied {\r\n        background: var(--crimson) !important;\r\n        color: #fff !important;\r\n        border-color: var(--crimson) !important;\r\n        box-shadow: 0 0 15px rgba(220, 38, 38, 0.8) !important;\r\n    }\r\n\r\n    .pg-demonic-card-preview {\r\n        font-size: 1.15rem;\r\n        color: var(--text-dark);\r\n        text-align: left;\r\n        font-family: var(--rune-font);\r\n        font-weight: 500;\r\n        padding: 12px 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.45 !important;\r\n        flex-grow: 1;\r\n        max-height: 120px;\r\n        overflow-y: auto;\r\n        scrollbar-width: thin;\r\n        scrollbar-color: var(--crimson) transparent;\r\n    }\r\n    \r\n    .pg-demonic-card-preview::-webkit-scrollbar { width: 5px; }\r\n    .pg-demonic-card-preview::-webkit-scrollbar-track { background: transparent; }\r\n    .pg-demonic-card-preview::-webkit-scrollbar-thumb { background: var(--crimson); border-radius: 3px; }\r\n    \r\n    .pg-demonic-card:hover .pg-demonic-card-preview { \r\n        color: #fff; \r\n        text-shadow: 0 0 8px rgba(220, 38, 38, 0.5);\r\n    }\r\n\r\n    .pg-demonic-card-footer {\r\n        border-top: 1px solid rgba(220, 38, 38, 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.3);\r\n    }\r\n\r\n    .pg-demonic-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-demonic-card-action:hover { color: var(--crimson); }\r\n    .pg-demonic-card-action:hover i { transform: scale(1.2); }\r\n    .pg-demonic-card-action i { transition: transform 0.2s ease; }\r\n\r\n    .pg-demonic-load-btn {\r\n        background: var(--theme-panel);\r\n        color: var(--crimson);\r\n        border: 2px solid var(--crimson);\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-demonic-load-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%; width: 100%; height: 100%;\r\n        background: var(--grad-blood);\r\n        transition: left 0.5s ease;\r\n        z-index: 0;\r\n    }\r\n    \r\n    .pg-demonic-load-btn span, .pg-demonic-load-btn i { position: relative; z-index: 1; }\r\n    \r\n    .pg-demonic-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(220, 38, 38, 0.6);\r\n    }\r\n    \r\n    .pg-demonic-load-btn:hover::before { left: 0; }\r\n    .pg-demonic-load-btn:hover i { transform: translateY(5px) rotate(180deg); }\r\n    .pg-demonic-load-btn:active { transform: translateY(0); }\r\n\r\n    .pg-demonic-toast {\r\n        visibility: hidden;\r\n        background: rgba(5, 2, 12, 0.98);\r\n        color: var(--crimson);\r\n        padding: 16px 26px;\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(--crimson);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n    \r\n    .pg-demonic-toast i {\r\n        color: #fff;\r\n        background: var(--crimson);\r\n        border-radius: 50%;\r\n        padding: 5px;\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .pg-demonic-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-demonic-dashboard { \r\n            flex-direction: column; \r\n            align-items: stretch;\r\n        }\r\n        .pg-demonic-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-demonic-sidebar > * { flex: 1 1 280px; }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .pg-demonic-grid { grid-template-columns: repeat(2, 1fr); }\r\n        .pg-demonic-title { font-size: 2.4rem; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .pg-demonic-grid { grid-template-columns: 1fr; }\r\n        .pg-demonic-container { padding: 30px 15px !important; max-width: 100% !important; }\r\n        .pg-demonic-results { padding: 20px 0 25px; }\r\n        .pg-demonic-sidebar { \r\n            flex-direction: column; \r\n            width: 100% !important;\r\n        }\r\n        .pg-demonic-sidebar > * { flex: 1 1 auto; }\r\n        .pg-demonic-settings-card { padding: 18px; }\r\n        .pg-demonic-input-card { padding: 0; }\r\n        .pg-demonic-textarea-wrapper { padding: 14px; }\r\n        .pg-demonic-textarea { min-height: 140px !important; font-size: 1.3rem !important; padding: 16px 18px !important; }\r\n        .pg-demonic-textarea-wrapper::before { top: 14px; left: 14px; right: 14px; bottom: 14px; border-radius: 14px; }\r\n        .pg-demonic-textarea-wrapper::after { top: 16px; left: 16px; right: 16px; bottom: 16px; border-radius: 11px; }\r\n        \r\n        .pg-demonic-toolbar { flex-direction: column; align-items: stretch; }\r\n        .pg-demonic-tool-group { justify-content: center; }\r\n        .pg-demonic-preset { width: 100%; text-align: center; min-width: auto; }\r\n        \r\n        .pg-demonic-card { padding: 0; min-height: auto; height: auto !important; }\r\n        .pg-demonic-card-preview { font-size: 1.05rem; max-height: 110px; padding: 10px 12px; }\r\n        .pg-demonic-card-header { padding: 10px 12px 6px; }\r\n        .pg-demonic-card-footer { padding: 8px 12px; flex-wrap: wrap; justify-content: center; }\r\n        \r\n        .pg-demonic-opt-btn { padding: 10px 6px; font-size: 0.75rem; }\r\n        .pg-demonic-load-btn { padding: 12px 24px; font-size: 0.9rem; width: 100%; justify-content: center; }\r\n        .pg-demonic-title { font-size: 1.85rem; }\r\n        .pg-demonic-subtitle { font-size: 0.95rem; }\r\n        .pg-demonic-input-header { padding: 16px; }\r\n        .pg-demonic-avatar { width: 40px; height: 40px; font-size: 1.1rem; }\r\n        .pg-demonic-copy-btn { width: 32px; height: 32px; min-width: 32px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-demonic-wrapper\" id=\"pg-demonic-tool\">\r\n    <div class=\"pg-demonic-container pg-demonic-hero\">\r\n        <h1 class=\"pg-demonic-title\"><i class=\"fa-solid fa-skull\"><\/i> Demonic Text Generator - Summon Instantly<\/h1>\r\n        <p class=\"pg-demonic-subtitle\">Summon dark, cursed text with infernal runes, possessed corruption, and gothic displays. Transform ordinary letters into sinister, ritual-inspired typography for dark themes, gaming profiles, and occult aesthetics.<\/p>\r\n        \r\n        <div class=\"pg-demonic-dashboard\">\r\n            <div class=\"pg-demonic-main\">\r\n                <div class=\"pg-demonic-input-card\">\r\n                    <div class=\"pg-demonic-input-header\">\r\n                        <div class=\"pg-demonic-avatar\"><i class=\"fa-solid fa-fire\"><\/i><\/div>\r\n                        <div class=\"pg-demonic-input-text\">Summon Dark Text<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"pg-demonic-textarea-wrapper\">\r\n                        <textarea class=\"pg-demonic-textarea\" id=\"pgDemonicInput\" placeholder=\"Enter text to corrupt...\"><\/textarea>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"pg-demonic-toolbar\">\r\n                        <div class=\"pg-demonic-tool-group\">\r\n                            <button class=\"pg-demonic-btn\" id=\"pgDemonicPaste\" title=\"Paste\"><i class=\"fa-solid fa-clipboard\"><\/i> Paste<\/button>\r\n                            <button class=\"pg-demonic-btn\" id=\"pgDemonicSelect\" title=\"Select\"><i class=\"fa-solid fa-object-group\"><\/i> Select<\/button>\r\n                            <button class=\"pg-demonic-btn primary-btn\" id=\"pgDemonicCopyBase\" title=\"Copy Base\"><i class=\"fa-regular fa-copy\"><\/i> Copy<\/button>\r\n                        <\/div>\r\n                        \r\n                        <select class=\"pg-demonic-preset\" id=\"pgDemonicPreset\">\r\n                            <option value=\"\" disabled selected>\ud83d\udc79 Demonic Presets<\/option>\r\n                            <option value=\"SUMMONING RITUAL \ud83d\udd2e\">\ud83d\udd2e Summoning<\/option>\r\n                            <option value=\"ABYSSAL HORROR \ud83d\udd73\ufe0f\">\ud83d\udd73\ufe0f Abyssal<\/option>\r\n                            <option value=\"CURSED WORDS \ud83e\udd87\">\ud83e\udd87 Cursed<\/option>\r\n                            <option value=\"HELLFIRE GATE \ud83d\udd25\">\ud83d\udd25 Hellfire<\/option>\r\n                            <option value=\"DARK PACT \ud83d\udcdc\">\ud83d\udcdc Dark Pact<\/option>\r\n                            <option value=\"INFERNAL SPIRIT \ud83d\udc80\">\ud83d\udc80 Infernal Spirit<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"pg-demonic-sidebar\">\r\n                <div class=\"pg-demonic-stats-card\">\r\n                    <div class=\"pg-demonic-settings-title\"><i class=\"fa-solid fa-chart-bar\"><\/i> Dark Metrics<\/div>\r\n                    <div class=\"pg-demonic-stat-item\">\r\n                        <span>Characters<\/span>\r\n                        <span id=\"pgDemonicCharCount\" style=\"color: var(--crimson); font-weight: 700;\">0<\/span>\r\n                    <\/div>\r\n                    <div class=\"pg-demonic-stat-item\">\r\n                        <span>Curses<\/span>\r\n                        <span style=\"color: var(--text-dark); font-weight: 700;\">108<\/span>\r\n                    <\/div>\r\n                    <div class=\"pg-demonic-stat-item\">\r\n                        <span>Status<\/span>\r\n                        <span style=\"color: var(--crimson); font-weight: 700;\">\ud83d\udd25 Active<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"pg-demonic-settings-card\">\r\n                    <div class=\"pg-demonic-settings-title\"><i class=\"fa-solid fa-sliders\"><\/i> Corruption<\/div>\r\n                    \r\n                    <div class=\"pg-demonic-opt-group\">\r\n                        <div class=\"pg-demonic-opt-label\">Effect Type<\/div>\r\n                        <div class=\"pg-demonic-options\">\r\n                            <button class=\"pg-demonic-opt-btn style-btn active\" data-mode=\"Infernal\">\r\n                                <i class=\"fa-solid fa-fire-flame-curved\"><\/i> Infernal\r\n                            <\/button>\r\n                            <button class=\"pg-demonic-opt-btn style-btn\" data-mode=\"Possessed\">\r\n                                <i class=\"fa-solid fa-ghost\"><\/i> Possessed\r\n                            <\/button>\r\n                            <button class=\"pg-demonic-opt-btn style-btn\" data-mode=\"Gothic\">\r\n                                <i class=\"fa-solid fa-cross\"><\/i> Gothic\r\n                            <\/button>\r\n                            <button class=\"pg-demonic-opt-btn style-btn\" data-mode=\"Runic\">\r\n                                <i class=\"fa-solid fa-bone\"><\/i> Runic\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"pg-demonic-opt-group\" style=\"margin-bottom: 0;\">\r\n                        <div class=\"pg-demonic-opt-label\">Curse Intensity<\/div>\r\n                        <div class=\"pg-demonic-options\">\r\n                            <button class=\"pg-demonic-opt-btn deco-btn active\" data-deco=\"Light\">\r\n                                <i class=\"fa-solid fa-cloud-moon\"><\/i> Light\r\n                            <\/button>\r\n                            <button class=\"pg-demonic-opt-btn deco-btn\" data-deco=\"Medium\">\r\n                                <i class=\"fa-solid fa-cloud-rain\"><\/i> Medium\r\n                            <\/button>\r\n                            <button class=\"pg-demonic-opt-btn deco-btn\" data-deco=\"Heavy\">\r\n                                <i class=\"fa-solid fa-bolt-lightning\"><\/i> Heavy\r\n                            <\/button>\r\n                            <button class=\"pg-demonic-opt-btn deco-btn\" data-deco=\"Maximum\">\r\n                                <i class=\"fa-solid fa-skull-crossbones\"><\/i> Maximum\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pg-demonic-results\">\r\n            <div class=\"pg-demonic-grid\" id=\"pgDemonicGrid\"><\/div>\r\n            <button class=\"pg-demonic-load-btn\" id=\"pgDemonicLoadBtn\"><span>Summon More<\/span> <i class=\"fa-solid fa-chevron-down\"><\/i><\/button>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"pgDemonicToast\" class=\"pg-demonic-toast\"><i class=\"fa-solid fa-check\"><\/i> <span>Cursed & Copied!<\/span><\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const wrapper = document.getElementById('pg-demonic-tool');\r\n    const input = wrapper.querySelector('#pgDemonicInput');\r\n    const grid = wrapper.querySelector('#pgDemonicGrid');\r\n    const loadBtn = wrapper.querySelector('#pgDemonicLoadBtn');\r\n    const toast = wrapper.querySelector('#pgDemonicToast');\r\n    const pasteBtn = wrapper.querySelector('#pgDemonicPaste');\r\n    const selectBtn = wrapper.querySelector('#pgDemonicSelect');\r\n    const copyBase = wrapper.querySelector('#pgDemonicCopyBase');\r\n    const presetSel = wrapper.querySelector('#pgDemonicPreset');\r\n    const charCount = wrapper.querySelector('#pgDemonicCharCount');\r\n\r\n    let currentMode = 'Infernal';\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    const diacritics = ['\u033e', '\u033d', '\u033c', '\u0331', '\u0332', '\u0305', '\u033f', '\u035f', '\u0360', '\u0361', '\u033a', '\u033b', '\u033c'];\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 frakturMap = \"\ud835\udd86\ud835\udd87\ud835\udd88\ud835\udd89\ud835\udd8a\ud835\udd8b\ud835\udd8c\ud835\udd8d\ud835\udd8e\ud835\udd8f\ud835\udd90\ud835\udd91\ud835\udd92\ud835\udd93\ud835\udd94\ud835\udd95\ud835\udd96\ud835\udd97\ud835\udd98\ud835\udd99\ud835\udd9a\ud835\udd9b\ud835\udd9c\ud835\udd9d\ud835\udd9e\ud835\udd9f\ud835\udd6c\ud835\udd6d\ud835\udd6e\ud835\udd6f\ud835\udd70\ud835\udd71\ud835\udd72\ud835\udd73\ud835\udd74\ud835\udd75\ud835\udd76\ud835\udd77\ud835\udd78\ud835\udd79\ud835\udd7a\ud835\udd7b\ud835\udd7c\ud835\udd7d\ud835\udd7e\ud835\udd7f\ud835\udd80\ud835\udd81\ud835\udd82\ud835\udd83\ud835\udd84\ud835\udd85\ud835\udfec\ud835\udfed\ud835\udfee\ud835\udfef\ud835\udff0\ud835\udff1\ud835\udff2\ud835\udff3\ud835\udff4\ud835\udff5\";\r\n    const frakturArr = Array.from(frakturMap);\r\n\r\n    const transformText = (txt, mode, deco, idx) => {\r\n        if(!txt) return \"\";\r\n        \r\n        let out = '';\r\n        const curseMap = { 'Light': 1, 'Medium': 3, 'Heavy': 6, 'Maximum': 10 };\r\n        const curse = curseMap[deco] || 1;\r\n        \r\n        if(mode === 'Infernal') {\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<curse; 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 === 'Possessed') {\r\n            out = Array.from(txt).map(c => {\r\n                if(c === ' ') return c;\r\n                let p = c;\r\n                p += '\\u0336';\r\n                if(curse >= 2) p += '\\u0303';\r\n                if(curse >= 4) p += '\\u0358';\r\n                if(curse >= 6) p += '\\u0361';\r\n                return p;\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(curse >= 2) {\r\n                out = Array.from(out).map((c, i) => {\r\n                    if(i % (6-curse) === 0 && c !== ' ') return c + '\\u0323';\r\n                    return c;\r\n                }).join('');\r\n            }\r\n        } else if(mode === 'Runic') {\r\n            out = Array.from(txt).map(c => {\r\n                const i = baseArr.indexOf(c);\r\n                return i !== -1 ? frakturArr[i] : c;\r\n            }).join('');\r\n            if(curse >= 3) {\r\n                out = Array.from(out).map(c => c !== ' ' ? c + '\\u0361' : 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            'Infernal Flame', 'Abyssal Whisper', 'Gothic Curse', 'Runic Mark',\r\n            'Possessed Soul', 'Hellfire Text', 'Cursed Rune', 'Demon Script',\r\n            'Dark Ritual', 'Shadow Glyph', 'Void Script', 'Soul Reaper',\r\n            'Blood Script', 'Night Terror', 'Doom Prophecy', 'Witch Mark',\r\n            'Hell Spawn', 'Chaos Glyph', 'Plague Text', 'Crypt Script',\r\n            'Fell Beast', 'Grim Rune', 'Fallen Angel', 'Sinister Glyph'\r\n        ];\r\n        const icons = ['fa-skull', 'fa-fire', 'fa-cross', 'fa-ghost', 'fa-bone', 'fa-dragon', 'fa-bat', 'fa-spider', 'fa-biohazard', 'fa-radiation', 'fa-crow', 'fa-mask', 'fa-hat-wizard', 'fa-hand-fist', 'fa-eye', 'fa-dungeon'];\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: `demonic-${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 || \"INFERNO AWAITS \ud83d\udd25\";\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-demonic-card';\r\n            card.innerHTML = `\r\n                <div class=\"pg-demonic-card-bar\"><\/div>\r\n                <div class=\"pg-demonic-card-header\">\r\n                    <div class=\"pg-demonic-card-profile\">\r\n                        <div class=\"pg-demonic-card-avatar\"><i class=\"fa-solid ${meta.icon}\"><\/i><\/div>\r\n                        <div class=\"pg-demonic-card-meta\">\r\n                            <div class=\"pg-demonic-card-title\">${meta.name}<\/div>\r\n                            <div class=\"pg-demonic-card-time\"><i class=\"fa-regular fa-clock\"><\/i> ${meta.time}<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <button class=\"pg-demonic-copy-btn\" title=\"Copy\"><i class=\"fa-regular fa-copy\"><\/i><\/button>\r\n                <\/div>\r\n                <div class=\"pg-demonic-card-preview\">${out}<\/div>\r\n                <div class=\"pg-demonic-card-footer\">\r\n                    <div class=\"pg-demonic-card-action\"><i class=\"fa-solid fa-fire\"><\/i> Burn<\/div>\r\n                    <div class=\"pg-demonic-card-action\"><i class=\"fa-solid fa-skull\"><\/i> Curse<\/div>\r\n                    <div class=\"pg-demonic-card-action\"><i class=\"fa-solid fa-paper-plane\"><\/i> Send<\/div>\r\n                <\/div>\r\n            `;\r\n            \r\n            const copyBtn = card.querySelector('.pg-demonic-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 = `Summon More (${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 Demonic Text Generator -->\r\n\r\n<!-- <contenet section is starting -->\r\n\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 -->\r\n\r\n\r\n\r\n\r\n\r\n<section class=\"pg-dtg-section pg-dtg-sec1\">\r\n        <div class=\"pg-dtg-wrap\">\r\n\t\r\n<\/div>\r\n\t<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <section class=\"pg-dtg-section pg-dtg-sec1\">\r\n        <div class=\"pg-dtg-wrap\">\r\n            <h2 class=\"pg-dtg-heading\">What Makes This <span class=\"pg-dtg-kw\">Demonic Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-dtg-sub\">Most tools just change your font. Our demonic text generator uses complex Zalgo mechanics and cursed Unicode stacking to create terrifying, glitchy, and chaotic text that literally bleeds across the screen.<\/p>\r\n            <div class=\"pg-dtg-grid\">\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(179,0,0,0.12);color:#b30000;\"><i class=\"fa-solid fa-skull-crossbones\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Cursed Zalgo Stacking<\/div>\r\n                    <p class=\"pg-dtg-desc\">We use specialized combining diacritical marks to make your text spill upwards and downwards. This creates the iconic \"corrupted\" look that defies standard line heights.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(74,0,128,0.12);color:#4a0080;\"><i class=\"fa-solid fa-eye\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Adjustable Corruption<\/div>\r\n                    <p class=\"pg-dtg-desc\">From mildly unsettling glitches to fully unreadable demonic chaos, our generator provides multiple levels of textual corruption to fit the exact horror vibe you need.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(0,0,0,0.12);color:#222222;\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Instant Dark Magic<\/div>\r\n                    <p class=\"pg-dtg-desc\">Summon cursed text instantly. The entire conversion happens directly in your local browser, meaning zero server lag, no waiting, and immediate glitch text generation.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(204,0,0,0.12);color:#cc0000;\"><i class=\"fa-solid fa-book-journal-whills\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">One-Click Soul Binding<\/div>\r\n                    <p class=\"pg-dtg-desc\">Once you've conjured the perfect cursed phrase, a single click binds the raw, corrupted Unicode straight to your device's clipboard, ready to be unleashed.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(102,0,51,0.12);color:#660033;\"><i class=\"fa-solid fa-spider\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Infects Any Platform<\/div>\r\n                    <p class=\"pg-dtg-desc\">Because the chaos is built using standard mathematical Unicode, your demonic text will infect and render properly on iOS, Android, Reddit, Twitter, and Discord.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(255,26,26,0.12);color:#ff1a1a;\"><i class=\"fa-solid fa-infinity\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Eternally Free<\/div>\r\n                    <p class=\"pg-dtg-desc\">No dark pacts required. Generate as much spooky, demonic, and glitchy text as your mortal heart desires without ever hitting a paywall or creating an account.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 -->\r\n    <section class=\"pg-dtg-section pg-dtg-sec2\">\r\n        <div class=\"pg-dtg-wrap\">\r\n            <h2 class=\"pg-dtg-heading pg-dtg-sec2-heading\">How to Use Our <span class=\"pg-dtg-kw pg-dtg-sec2-kw\">Demonic Text Generator<\/span>?<\/h2>\r\n            <p class=\"pg-dtg-sub pg-dtg-sec2-sub\">Summoning corrupted text is terrifyingly simple. No dark rituals or coding knowledge required\u2014just follow these steps to unleash the chaos.<\/p>\r\n            <div class=\"pg-dtg-grid\">\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <span class=\"pg-dtg-emoji\">\u2328\ufe0f<\/span>\r\n                    <div class=\"pg-dtg-title\">Step 1: Offer Your Text<\/div>\r\n                    <p class=\"pg-dtg-desc\">Type your innocent, standard text into the input box. Words, sentences, and numbers are all accepted as sacrifices for the transformation process.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <span class=\"pg-dtg-emoji\">\ud83c\udf9a\ufe0f<\/span>\r\n                    <div class=\"pg-dtg-title\">Step 2: Choose the Chaos<\/div>\r\n                    <p class=\"pg-dtg-desc\">Scroll through the generated list to find your preferred level of corruption. Choose from subtle eerie fonts to heavy, screen-tearing Zalgo text.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <span class=\"pg-dtg-emoji\">\ud83d\udc41\ufe0f<\/span>\r\n                    <div class=\"pg-dtg-title\">Step 3: Gaze Upon It<\/div>\r\n                    <p class=\"pg-dtg-desc\">Use the live preview feature to see exactly how your cursed text will look. Ensure the demonic markings haven't made it completely unreadable (unless that's the goal!).<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <span class=\"pg-dtg-emoji\">\ud83d\udccb<\/span>\r\n                    <div class=\"pg-dtg-title\">Step 4: Extract the Curse<\/div>\r\n                    <p class=\"pg-dtg-desc\">Click the copy button next to your chosen demonic design. The volatile Unicode characters are safely captured to your clipboard, formatting intact.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <span class=\"pg-dtg-emoji\">\ud83c\udf10<\/span>\r\n                    <div class=\"pg-dtg-title\">Step 5: Spread the Corruption<\/div>\r\n                    <p class=\"pg-dtg-desc\">Paste the text into your group chats, social media posts, or gaming profiles. The glitchy characters will naturally break out of their text boxes.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <span class=\"pg-dtg-emoji\">\ud83d\ude31<\/span>\r\n                    <div class=\"pg-dtg-title\">Step 6: Haunt Your Friends<\/div>\r\n                    <p class=\"pg-dtg-desc\">Hit send and watch the reactions pour in. Demonic text is visually disruptive, guaranteed to confuse, scare, or impress anyone scrolling by.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 -->\r\n    <section class=\"pg-dtg-section pg-dtg-sec3\">\r\n        <div class=\"pg-dtg-wrap\">\r\n            <h2 class=\"pg-dtg-heading\">Best Places to Use <span class=\"pg-dtg-kw\">Demonic Text Generator<\/span> Results?<\/h2>\r\n            <p class=\"pg-dtg-sub\">Glitchy, corrupted text is the ultimate tool for horror aesthetics. Here are the absolute best places to deploy your terrifying typography across the web.<\/p>\r\n            <div class=\"pg-dtg-grid\">\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(179,0,0,0.12);color:#b30000;\"><i class=\"fa-solid fa-ghost\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Creepypastas & Horror Stories<\/div>\r\n                    <p class=\"pg-dtg-desc\">Writing for r\/nosleep or Wattpad? Use demonic text to represent the voice of a monster, a haunted computer virus, or a character slowly losing their mind.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(88,101,242,0.12);color:#5865f2;\"><i class=\"fa-brands fa-discord\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Spooky Discord Servers<\/div>\r\n                    <p class=\"pg-dtg-desc\">Perfect for Halloween server events, true crime communities, or horror gaming guilds. Use cursed text for admin roles, spooky channel names, and server rules.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(204,0,0,0.12);color:#cc0000;\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Horror Gaming Videos<\/div>\r\n                    <p class=\"pg-dtg-desc\">Playing Phasmophobia, Lethal Company, or Silent Hill? Glitchy demonic text in your YouTube titles and thumbnails perfectly matches the terrifying vibe of your content.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(0,0,0,0.12);color:#222222;\"><i class=\"fa-solid fa-gamepad\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Intimidating Gaming Usernames<\/div>\r\n                    <p class=\"pg-dtg-desc\">Strike fear into the enemy team before the match even starts. A heavily corrupted Zalgo username makes you look like an unpredictable, chaotic force in any lobby.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(74,0,128,0.12);color:#4a0080;\"><i class=\"fa-solid fa-magnifying-glass\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">ARGs & Cryptic Puzzles<\/div>\r\n                    <p class=\"pg-dtg-desc\">Alternate Reality Game (ARG) creators use our tool to hide clues, create \"corrupted data\" logs, and build an unsettling atmosphere for their players to decipher.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(102,0,51,0.12);color:#660033;\"><i class=\"fa-solid fa-paintbrush\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Edgy & Alt Social Bios<\/div>\r\n                    <p class=\"pg-dtg-desc\">Embrace the dark aesthetic. Demonic text pairs perfectly with goth, alternative, vaporwave, and dark-grunge aesthetics on Instagram, TikTok, and Twitter bios.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        *, *::before, *::after {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --dtg-primary: #b30000;\r\n            --dtg-grad: linear-gradient(135deg, #8b0000, #4a0000, #ff1a1a);\r\n            --dtg-shadow: 0 12px 30px rgba(179, 0, 0, 0.18);\r\n            --dtg-ease: cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --dtg-speed: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --dtg-ff: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        }\r\n\r\n        .pg-dtg-section {\r\n            width: 100%;\r\n            padding: clamp(48px, 8vw, 96px) 20px;\r\n            position: relative;\r\n            font-family: var(--dtg-ff);\r\n            color: #0a0a0a;\r\n            line-height: 1.6;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        .pg-dtg-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .pg-dtg-heading {\r\n            font-family: var(--dtg-ff);\r\n            font-size: clamp(1.5rem, 4vw, 2.25rem);\r\n            font-weight: 800;\r\n            text-align: center;\r\n            color: #000000;\r\n            margin-bottom: clamp(8px, 1.5vw, 14px);\r\n            line-height: 1.2;\r\n            letter-spacing: -0.03em;\r\n        }\r\n\r\n        .pg-dtg-kw {\r\n            color: #000000;\r\n            position: relative;\r\n        }\r\n\r\n        .pg-dtg-kw::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -2px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: var(--dtg-grad);\r\n            border-radius: 3px;\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--dtg-ease);\r\n        }\r\n\r\n        .pg-dtg-section:hover .pg-dtg-kw::after {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-dtg-sub {\r\n            font-family: var(--dtg-ff);\r\n            font-size: clamp(0.88rem, 1.8vw, 1.02rem);\r\n            font-weight: 400;\r\n            text-align: center;\r\n            color: #1a1a1a;\r\n            max-width: 660px;\r\n            margin: 0 auto clamp(32px, 5vw, 56px);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .pg-dtg-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: clamp(16px, 2.5vw, 26px);\r\n            align-items: stretch;\r\n        }\r\n\r\n        \/* === CARD BASE === *\/\r\n        .pg-dtg-card {\r\n            border-radius: 16px;\r\n            padding: clamp(22px, 3vw, 32px);\r\n            position: relative;\r\n            cursor: pointer;\r\n            -webkit-tap-highlight-color: transparent;\r\n            user-select: none;\r\n            transition: var(--dtg-speed);\r\n            border: 1.5px solid #e0e0e8;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .pg-dtg-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -1px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: var(--dtg-grad);\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--dtg-ease);\r\n            z-index: 4;\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-dtg-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 0;\r\n            border-radius: 50%;\r\n            background: radial-gradient(circle, rgba(179,0,0,0.10) 0%, rgba(74,0,128,0.04) 60%, transparent 100%);\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.55s ease-out, height 0.55s ease-out, opacity 0.55s ease-out;\r\n            opacity: 0;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .pg-dtg-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-down {\r\n            transform: translateY(-1px) scale(0.985) !important;\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-down::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-glow::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 1;\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-glow-out::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 0;\r\n        }\r\n\r\n        \/* === ICON === *\/\r\n        .pg-dtg-icon {\r\n            width: clamp(46px, 5vw, 58px);\r\n            height: clamp(46px, 5vw, 58px);\r\n            min-width: 46px;\r\n            min-height: 46px;\r\n            border-radius: 14px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: clamp(18px, 2.5vw, 24px);\r\n            margin-bottom: clamp(14px, 2vw, 20px);\r\n            transition: var(--dtg-speed);\r\n            position: relative;\r\n            z-index: 3;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .pg-dtg-card:hover .pg-dtg-icon {\r\n            transform: scale(1.12) rotate(-4deg);\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-down .pg-dtg-icon {\r\n            transform: scale(1.04) rotate(0deg);\r\n        }\r\n\r\n        \/* === EMOJI === *\/\r\n        .pg-dtg-emoji {\r\n            font-size: clamp(28px, 3.5vw, 36px);\r\n            margin-bottom: clamp(12px, 1.8vw, 16px);\r\n            display: inline-block;\r\n            transition: var(--dtg-speed);\r\n            position: relative;\r\n            z-index: 3;\r\n            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .pg-dtg-card:hover .pg-dtg-emoji {\r\n            transform: scale(1.22) rotate(-6deg);\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-down .pg-dtg-emoji {\r\n            transform: scale(1.08) rotate(0deg);\r\n        }\r\n\r\n        \/* === TITLE === *\/\r\n        .pg-dtg-title {\r\n            font-family: var(--dtg-ff);\r\n            font-size: clamp(0.95rem, 2vw, 1.1rem);\r\n            font-weight: 700;\r\n            color: #000000;\r\n            margin-bottom: clamp(6px, 1vw, 10px);\r\n            line-height: 1.35;\r\n            position: relative;\r\n            z-index: 3;\r\n        }\r\n\r\n        \/* === DESC === *\/\r\n        .pg-dtg-desc {\r\n            font-family: var(--dtg-ff);\r\n            font-size: clamp(0.8rem, 1.5vw, 0.9rem);\r\n            font-weight: 400;\r\n            color: #1a1a1a;\r\n            line-height: 1.65;\r\n            position: relative;\r\n            z-index: 3;\r\n            margin-top: auto;\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 1 \u2014 #fff bg \/ #fff cards\r\n           ============================== *\/\r\n        .pg-dtg-sec1 {\r\n            background: #ffffff;\r\n        }\r\n\r\n        .pg-dtg-sec1 .pg-dtg-card {\r\n            background: #ffffff;\r\n            border-color: #dcdce5;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n        }\r\n\r\n        .pg-dtg-sec1 .pg-dtg-card:hover {\r\n            border-color: var(--dtg-primary);\r\n            box-shadow: var(--dtg-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 2 \u2014 requested purple gradient bg \/ white cards\r\n           ============================== *\/\r\n        .pg-dtg-sec2 {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-heading.pg-dtg-sec2-heading {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-kw.pg-dtg-sec2-kw {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-kw.pg-dtg-sec2-kw::after {\r\n            background: linear-gradient(90deg, #b30000, #ff1a1a, #ffffff);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-sub.pg-dtg-sec2-sub {\r\n            color: rgba(255,255,255,0.9);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-card.pg-dtg-sec2-card {\r\n            background: #ffffff;\r\n            border-color: rgba(255,255,255,0.25);\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.12);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-card.pg-dtg-sec2-card::before {\r\n            background: linear-gradient(90deg, #667eea, #764ba2, #b30000);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-card.pg-dtg-sec2-card::after {\r\n            background: radial-gradient(circle, rgba(102,126,234,0.08) 0%, rgba(118,75,162,0.04) 60%, transparent 100%);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-card.pg-dtg-sec2-card:hover {\r\n            border-color: rgba(102,126,234,0.5);\r\n            box-shadow: 0 14px 40px rgba(118,75,162,0.25);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-emoji {\r\n            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 3 \u2014 #fff bg \/ soft gray cards\r\n           ============================== *\/\r\n        .pg-dtg-sec3 {\r\n            background: #ffffff;\r\n        }\r\n\r\n        .pg-dtg-sec3 .pg-dtg-card.pg-dtg-sec3-card {\r\n            background: #f5f6f9;\r\n            border-color: #d8dce4;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.03);\r\n        }\r\n\r\n        .pg-dtg-sec3 .pg-dtg-card.pg-dtg-sec3-card::before {\r\n            background: var(--dtg-grad);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-dtg-sec3 .pg-dtg-card.pg-dtg-sec3-card:hover {\r\n            border-color: var(--dtg-primary);\r\n            box-shadow: var(--dtg-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ==============================\r\n           RESPONSIVE\r\n           ============================== *\/\r\n        @media (max-width: 820px) {\r\n            .pg-dtg-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 16px;\r\n            }\r\n            .pg-dtg-section {\r\n                padding: clamp(36px, 6vw, 64px) 16px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 540px) {\r\n            .pg-dtg-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 14px;\r\n            }\r\n            .pg-dtg-card {\r\n                padding: 22px;\r\n            }\r\n            .pg-dtg-sub {\r\n                margin-bottom: 28px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .pg-dtg-section {\r\n                padding: 32px 12px;\r\n            }\r\n            .pg-dtg-card {\r\n                padding: 18px;\r\n                border-radius: 12px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n    (function() {\r\n        var cards = document.querySelectorAll('.pg-dtg-card');\r\n        cards.forEach(function(card) {\r\n            function glow(el) {\r\n                el.classList.remove('pg-dtg-glow', 'pg-dtg-glow-out');\r\n                void el.offsetWidth;\r\n                el.classList.add('pg-dtg-glow');\r\n                setTimeout(function() {\r\n                    el.classList.add('pg-dtg-glow-out');\r\n                }, 300);\r\n                setTimeout(function() {\r\n                    el.classList.remove('pg-dtg-glow', 'pg-dtg-glow-out');\r\n                }, 700);\r\n            }\r\n            card.addEventListener('mousedown', function() {\r\n                card.classList.add('pg-dtg-down');\r\n            });\r\n            card.addEventListener('mouseup', function() {\r\n                setTimeout(function() {\r\n                    card.classList.remove('pg-dtg-down');\r\n                }, 120);\r\n                glow(card);\r\n            });\r\n            card.addEventListener('mouseleave', function() {\r\n                card.classList.remove('pg-dtg-down', 'pg-dtg-glow', 'pg-dtg-glow-out');\r\n            });\r\n            card.addEventListener('touchstart', function() {\r\n                card.classList.add('pg-dtg-down');\r\n                glow(card);\r\n            }, { passive: true });\r\n            card.addEventListener('touchend', function() {\r\n                setTimeout(function() {\r\n                    card.classList.remove('pg-dtg-down');\r\n                }, 150);\r\n            });\r\n            card.addEventListener('touchcancel', function() {\r\n                card.classList.remove('pg-dtg-down', 'pg-dtg-glow', 'pg-dtg-glow-out');\r\n            });\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 Demonic Text Generator -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .pg-demonic-wrapper {\r\n        --primary-font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        --rune-font: 'Courier New', 'Consolas', monospace;\r\n        \r\n        --theme-panel: rgba(8, 4, 18, 0.96);\r\n        --theme-panel-hover: rgba(15, 6, 25, 0.98);\r\n        --theme-bg-alt: rgba(5, 2, 12, 0.95);\r\n        --theme-border: rgba(180, 20, 60, 0.35);\r\n        \r\n        --blood-red: #b91c1c;\r\n        --crimson: #dc2626;\r\n        --dark-purple: #581c87;\r\n        --abyss: #1a1a1a;\r\n        --ember: #f97316;\r\n        --text-bright: #fef2f2;\r\n        --text-muted: #a855f7;\r\n        --text-dark: #fca5a5;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #361656 100%);\r\n        --grad-demonic: linear-gradient(135deg, #991b1b, #581c87, #1f2937);\r\n        --grad-blood: linear-gradient(135deg, #dc2626, #7c3aed, #b91c1c);\r\n        --grad-shimmer: linear-gradient(90deg, transparent, rgba(220, 38, 38, 0.35), transparent);\r\n        \r\n        --glow-blood: 0 0 25px rgba(220, 38, 38, 0.6);\r\n        --glow-purple: 0 0 20px rgba(88, 28, 135, 0.6);\r\n        --shadow-ui: 0 15px 45px rgba(0, 0, 0, 0.85);\r\n        --shadow-card: 0 6px 20px rgba(150, 20, 20, 0.35);\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-demonic-wrapper * { box-sizing: border-box; }\r\n\r\n    .pg-demonic-container {\r\n        max-width: 1150px !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-demonic-hero {\r\n        z-index: 2;\r\n        padding-top: 10px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pg-demonic-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 3rem;\r\n        font-weight: 900;\r\n        line-height: 1.1;\r\n        margin: 0 auto 12px auto;\r\n        letter-spacing: -0.5px;\r\n        color: #ffffff;\r\n        text-shadow: 0 0 20px rgba(220, 38, 38, 0.6), 0 4px 12px rgba(0,0,0,0.6);\r\n        max-width: 1000px;\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: 15px;\r\n        transition: all 0.35s ease;\r\n    }\r\n    \r\n    .pg-demonic-title:hover {\r\n        animation: demonic-pulse 1.5s ease-in-out infinite;\r\n    }\r\n    \r\n    @keyframes demonic-pulse {\r\n        0%, 100% { text-shadow: 0 0 20px rgba(220, 38, 38, 0.6), 0 4px 12px rgba(0,0,0,0.6); }\r\n        50% { text-shadow: 0 0 35px rgba(220, 38, 38, 0.9), 0 4px 20px rgba(120, 20, 20, 0.8); }\r\n    }\r\n\r\n    .pg-demonic-title i {\r\n        color: var(--crimson);\r\n        text-shadow: var(--glow-blood);\r\n        background: linear-gradient(135deg, rgba(220, 38, 38, 0.3), rgba(88, 28, 135, 0.3));\r\n        border: 1px solid var(--crimson);\r\n        border-radius: 14px;\r\n        padding: 12px;\r\n        font-size: 2rem;\r\n        box-shadow: 0 0 15px rgba(220, 38, 38, 0.4);\r\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n    \r\n    .pg-demonic-title:hover i {\r\n        transform: rotate(-15deg) scale(1.15);\r\n    }\r\n\r\n    .pg-demonic-title::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -14px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: block;\r\n        width: 60px;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, var(--blood-red), var(--dark-purple));\r\n        border-radius: 4px;\r\n        transition: width 0.35s ease, box-shadow 0.35s ease;\r\n        box-shadow: 0 0 10px rgba(220, 38, 38, 0.6);\r\n    }\r\n    \r\n    .pg-demonic-title:hover::after { width: 200px; }\r\n    \r\n    .pg-demonic-subtitle {\r\n        font-family: var(--primary-font);\r\n        font-size: 1.15rem;\r\n        color: rgba(254, 242, 242, 0.88);\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 8px rgba(0,0,0,0.7);\r\n    }\r\n\r\n    .pg-demonic-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-demonic-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-demonic-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: 16px;\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-demonic-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-blood);\r\n        border-radius: 4px 4px 0 0;\r\n    }\r\n\r\n    .pg-demonic-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(185, 28, 28, 0.08);\r\n    }\r\n\r\n    .pg-demonic-avatar {\r\n        width: 44px;\r\n        height: 44px;\r\n        border-radius: 10px;\r\n        background: var(--grad-blood);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.3rem;\r\n        color: #fff;\r\n        transition: transform 0.3s ease;\r\n        box-shadow: 0 0 12px rgba(220, 38, 38, 0.4);\r\n    }\r\n    \r\n    .pg-demonic-input-header:hover .pg-demonic-avatar { \r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    .pg-demonic-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        text-transform: uppercase;\r\n    }\r\n\r\n    .pg-demonic-textarea-wrapper {\r\n        position: relative;\r\n        padding: 16px;\r\n    }\r\n    \r\n    .pg-demonic-textarea {\r\n        width: 100% !important;\r\n        min-height: 160px !important;\r\n        padding: 20px 22px !important;\r\n        background: rgba(0, 0, 0, 0.5) !important;\r\n        border: 2px solid transparent !important;\r\n        border-radius: 12px !important;\r\n        color: var(--crimson) !important;\r\n        font-family: var(--rune-font) !important;\r\n        font-weight: 600 !important;\r\n        font-size: 1.5rem !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        position: relative;\r\n        z-index: 2;\r\n        text-shadow: 0 0 8px rgba(220, 38, 38, 0.4);\r\n    }\r\n    \r\n    .pg-demonic-textarea-wrapper::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 16px; left: 16px; right: 16px; bottom: 16px;\r\n        background: linear-gradient(135deg, #dc2626, #7c3aed, #dc2626);\r\n        background-size: 300% 300%;\r\n        border-radius: 14px;\r\n        z-index: 0;\r\n        animation: border-pulse 4s ease infinite;\r\n    }\r\n    \r\n    .pg-demonic-textarea-wrapper::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 18px; left: 18px; right: 18px; bottom: 18px;\r\n        background: rgba(0, 0, 0, 0.5);\r\n        border-radius: 11px;\r\n        z-index: 1;\r\n    }\r\n    \r\n    @keyframes border-pulse {\r\n        0%, 100% { background-position: 0% 50%; filter: brightness(1); }\r\n        50% { background-position: 100% 50%; filter: brightness(1.3); }\r\n    }\r\n    \r\n    .pg-demonic-textarea:focus {\r\n        box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.2), 0 0 20px rgba(180, 20, 20, 0.4) !important;\r\n        text-shadow: 0 0 12px rgba(220, 38, 38, 0.6) !important;\r\n    }\r\n    \r\n    .pg-demonic-textarea::placeholder { color: var(--text-muted); opacity: 0.5; font-weight: 400 !important; }\r\n\r\n    .pg-demonic-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(185, 28, 28, 0.08);\r\n        margin-top: auto;\r\n    }\r\n\r\n    .pg-demonic-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-demonic-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        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .pg-demonic-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-demonic-btn:hover {\r\n        background: rgba(220, 38, 38, 0.15);\r\n        color: var(--crimson);\r\n        border-color: var(--crimson);\r\n        box-shadow: 0 0 12px rgba(220, 38, 38, 0.4);\r\n        transform: translateY(-2px);\r\n    }\r\n    \r\n    .pg-demonic-btn:hover::before { left: 100%; }\r\n\r\n    .pg-demonic-btn.primary-btn {\r\n        color: var(--ember);\r\n        background: rgba(249, 115, 22, 0.12);\r\n        border-color: var(--ember);\r\n    }\r\n    \r\n    .pg-demonic-btn.primary-btn:hover {\r\n        background: rgba(249, 115, 22, 0.25);\r\n        box-shadow: 0 0 15px rgba(249, 115, 22, 0.4);\r\n    }\r\n\r\n    .pg-demonic-btn:active { transform: scale(0.96); }\r\n\r\n    .pg-demonic-preset {\r\n        background: rgba(0,0,0,0.4);\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: 180px;\r\n    }\r\n    \r\n    .pg-demonic-preset:hover, .pg-demonic-preset:focus {\r\n        background: rgba(220, 38, 38, 0.2);\r\n        color: var(--crimson);\r\n        border-color: var(--crimson);\r\n    }\r\n    \r\n    .pg-demonic-preset option {\r\n        background: var(--theme-panel);\r\n        color: #fff;\r\n    }\r\n\r\n    .pg-demonic-sidebar {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n        width: 300px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .pg-demonic-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: 18px;\r\n    }\r\n    \r\n    .pg-demonic-stat-item {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 10px 0;\r\n        border-bottom: 1px solid rgba(220, 38, 38, 0.15);\r\n        font-size: 0.85rem;\r\n        color: var(--text-muted);\r\n    }\r\n    \r\n    .pg-demonic-stat-item:last-child { border-bottom: none; }\r\n\r\n    .pg-demonic-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: 20px;\r\n        position: relative;\r\n        flex: 1;\r\n    }\r\n    \r\n    .pg-demonic-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-blood);\r\n        border-radius: 4px 0 0 4px;\r\n    }\r\n\r\n    .pg-demonic-settings-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 0.9rem;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        margin-bottom: 16px;\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-demonic-settings-title i {\r\n        color: var(--crimson);\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .pg-demonic-opt-group {\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .pg-demonic-opt-label {\r\n        font-size: 0.75rem;\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-demonic-options {\r\n        display: grid;\r\n        gap: 8px;\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .pg-demonic-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-demonic-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-demonic-opt-btn::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0; left: 0; width: 0%; height: 3px;\r\n        background: var(--grad-blood);\r\n        transition: width 0.3s ease;\r\n    }\r\n    \r\n    .pg-demonic-opt-btn:hover::after { width: 100%; }\r\n    \r\n    .pg-demonic-opt-btn:hover {\r\n        background: rgba(220, 38, 38, 0.15);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .pg-demonic-opt-btn:hover i {\r\n        color: var(--ember);\r\n        transform: scale(1.15);\r\n    }\r\n\r\n    .pg-demonic-opt-btn.active {\r\n        background: rgba(220, 38, 38, 0.35);\r\n        color: #fff;\r\n        border-color: var(--crimson);\r\n        box-shadow: 0 0 12px rgba(220, 38, 38, 0.5);\r\n    }\r\n    \r\n    .pg-demonic-opt-btn.active::after { width: 100%; }\r\n    \r\n    .pg-demonic-opt-btn.active i { color: var(--ember); }\r\n\r\n    .pg-demonic-results {\r\n        width: 100%;\r\n        padding-top: 40px;\r\n    }\r\n\r\n    .pg-demonic-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-demonic-card {\r\n        background: var(--theme-panel);\r\n        border: 1px solid var(--theme-border);\r\n        border-radius: 14px;\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-demonic-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 2px;\r\n        background: var(--grad-blood);\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n    \r\n    .pg-demonic-card:hover {\r\n        transform: translateY(-4px) scale(1.01);\r\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.7), var(--glow-blood);\r\n        border-color: rgba(220, 38, 38, 0.5);\r\n    }\r\n    \r\n    .pg-demonic-card:hover::before { opacity: 1; }\r\n\r\n    .pg-demonic-card-bar {\r\n        height: 3px;\r\n        background: linear-gradient(90deg, var(--dark-purple), var(--crimson), var(--dark-purple));\r\n    }\r\n    \r\n    .pg-demonic-card:hover .pg-demonic-card-bar {\r\n        animation: blood-flow 3s linear infinite;\r\n        background-size: 200% 100%;\r\n    }\r\n    \r\n    @keyframes blood-flow {\r\n        0% { background-position: 0% 50%; }\r\n        100% { background-position: 200% 50%; }\r\n    }\r\n\r\n    .pg-demonic-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-demonic-card-profile {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    .pg-demonic-card-avatar {\r\n        width: 36px;\r\n        height: 36px;\r\n        border-radius: 8px;\r\n        background: var(--grad-blood);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #000;\r\n        font-size: 0.9rem;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .pg-demonic-card-meta {\r\n        display: flex;\r\n        flex-direction: column;\r\n        text-align: left;\r\n    }\r\n\r\n    .pg-demonic-card-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 0.8rem;\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-demonic-card-time {\r\n        font-size: 0.7rem;\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-demonic-copy-btn {\r\n        background: rgba(220, 38, 38, 0.1);\r\n        border: 1px solid rgba(220, 38, 38, 0.3);\r\n        color: var(--crimson);\r\n        width: 36px;\r\n        height: 36px;\r\n        min-width: 36px;\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-demonic-copy-btn i { font-size: 1rem; transition: all 0.25s ease; }\r\n    \r\n    .pg-demonic-copy-btn:hover {\r\n        background: var(--crimson);\r\n        color: #fff;\r\n        border-color: var(--crimson);\r\n        box-shadow: var(--glow-blood);\r\n        transform: scale(1.08);\r\n    }\r\n    \r\n    .pg-demonic-copy-btn:hover i { transform: rotate(-15deg) scale(1.2); }\r\n    .pg-demonic-copy-btn:active { transform: scale(0.9); }\r\n    \r\n    .pg-demonic-copy-btn.copied {\r\n        background: var(--crimson) !important;\r\n        color: #fff !important;\r\n        border-color: var(--crimson) !important;\r\n        box-shadow: 0 0 15px rgba(220, 38, 38, 0.8) !important;\r\n    }\r\n\r\n    .pg-demonic-card-preview {\r\n        font-size: 1.15rem;\r\n        color: var(--text-dark);\r\n        text-align: left;\r\n        font-family: var(--rune-font);\r\n        font-weight: 500;\r\n        padding: 12px 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.45 !important;\r\n        flex-grow: 1;\r\n        max-height: 120px;\r\n        overflow-y: auto;\r\n        scrollbar-width: thin;\r\n        scrollbar-color: var(--crimson) transparent;\r\n    }\r\n    \r\n    .pg-demonic-card-preview::-webkit-scrollbar { width: 5px; }\r\n    .pg-demonic-card-preview::-webkit-scrollbar-track { background: transparent; }\r\n    .pg-demonic-card-preview::-webkit-scrollbar-thumb { background: var(--crimson); border-radius: 3px; }\r\n    \r\n    .pg-demonic-card:hover .pg-demonic-card-preview { \r\n        color: #fff; \r\n        text-shadow: 0 0 8px rgba(220, 38, 38, 0.5);\r\n    }\r\n\r\n    .pg-demonic-card-footer {\r\n        border-top: 1px solid rgba(220, 38, 38, 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.3);\r\n    }\r\n\r\n    .pg-demonic-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-demonic-card-action:hover { color: var(--crimson); }\r\n    .pg-demonic-card-action:hover i { transform: scale(1.2); }\r\n    .pg-demonic-card-action i { transition: transform 0.2s ease; }\r\n\r\n    .pg-demonic-load-btn {\r\n        background: var(--theme-panel);\r\n        color: var(--crimson);\r\n        border: 2px solid var(--crimson);\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-demonic-load-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%; width: 100%; height: 100%;\r\n        background: var(--grad-blood);\r\n        transition: left 0.5s ease;\r\n        z-index: 0;\r\n    }\r\n    \r\n    .pg-demonic-load-btn span, .pg-demonic-load-btn i { position: relative; z-index: 1; }\r\n    \r\n    .pg-demonic-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(220, 38, 38, 0.6);\r\n    }\r\n    \r\n    .pg-demonic-load-btn:hover::before { left: 0; }\r\n    .pg-demonic-load-btn:hover i { transform: translateY(5px) rotate(180deg); }\r\n    .pg-demonic-load-btn:active { transform: translateY(0); }\r\n\r\n    .pg-demonic-toast {\r\n        visibility: hidden;\r\n        background: rgba(5, 2, 12, 0.98);\r\n        color: var(--crimson);\r\n        padding: 16px 26px;\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(--crimson);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n    \r\n    .pg-demonic-toast i {\r\n        color: #fff;\r\n        background: var(--crimson);\r\n        border-radius: 50%;\r\n        padding: 5px;\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .pg-demonic-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-demonic-dashboard { \r\n            flex-direction: column; \r\n            align-items: stretch;\r\n        }\r\n        .pg-demonic-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-demonic-sidebar > * { flex: 1 1 280px; }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .pg-demonic-grid { grid-template-columns: repeat(2, 1fr); }\r\n        .pg-demonic-title { font-size: 2.4rem; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .pg-demonic-grid { grid-template-columns: 1fr; }\r\n        .pg-demonic-container { padding: 30px 15px !important; max-width: 100% !important; }\r\n        .pg-demonic-results { padding: 20px 0 25px; }\r\n        .pg-demonic-sidebar { \r\n            flex-direction: column; \r\n            width: 100% !important;\r\n        }\r\n        .pg-demonic-sidebar > * { flex: 1 1 auto; }\r\n        .pg-demonic-settings-card { padding: 18px; }\r\n        .pg-demonic-input-card { padding: 0; }\r\n        .pg-demonic-textarea-wrapper { padding: 14px; }\r\n        .pg-demonic-textarea { min-height: 140px !important; font-size: 1.3rem !important; padding: 16px 18px !important; }\r\n        .pg-demonic-textarea-wrapper::before { top: 14px; left: 14px; right: 14px; bottom: 14px; border-radius: 14px; }\r\n        .pg-demonic-textarea-wrapper::after { top: 16px; left: 16px; right: 16px; bottom: 16px; border-radius: 11px; }\r\n        \r\n        .pg-demonic-toolbar { flex-direction: column; align-items: stretch; }\r\n        .pg-demonic-tool-group { justify-content: center; }\r\n        .pg-demonic-preset { width: 100%; text-align: center; min-width: auto; }\r\n        \r\n        .pg-demonic-card { padding: 0; min-height: auto; height: auto !important; }\r\n        .pg-demonic-card-preview { font-size: 1.05rem; max-height: 110px; padding: 10px 12px; }\r\n        .pg-demonic-card-header { padding: 10px 12px 6px; }\r\n        .pg-demonic-card-footer { padding: 8px 12px; flex-wrap: wrap; justify-content: center; }\r\n        \r\n        .pg-demonic-opt-btn { padding: 10px 6px; font-size: 0.75rem; }\r\n        .pg-demonic-load-btn { padding: 12px 24px; font-size: 0.9rem; width: 100%; justify-content: center; }\r\n        .pg-demonic-title { font-size: 1.85rem; }\r\n        .pg-demonic-subtitle { font-size: 0.95rem; }\r\n        .pg-demonic-input-header { padding: 16px; }\r\n        .pg-demonic-avatar { width: 40px; height: 40px; font-size: 1.1rem; }\r\n        .pg-demonic-copy-btn { width: 32px; height: 32px; min-width: 32px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-demonic-wrapper\" id=\"pg-demonic-tool\">\r\n    <div class=\"pg-demonic-container pg-demonic-hero\">\r\n        <h1 class=\"pg-demonic-title\"><i class=\"fa-solid fa-skull\"><\/i> Demonic Text Generator - Summon Instantly<\/h1>\r\n        <p class=\"pg-demonic-subtitle\">Summon dark, cursed text with infernal runes, possessed corruption, and gothic displays. Transform ordinary letters into sinister, ritual-inspired typography for dark themes, gaming profiles, and occult aesthetics.<\/p>\r\n        \r\n        <div class=\"pg-demonic-dashboard\">\r\n            <div class=\"pg-demonic-main\">\r\n                <div class=\"pg-demonic-input-card\">\r\n                    <div class=\"pg-demonic-input-header\">\r\n                        <div class=\"pg-demonic-avatar\"><i class=\"fa-solid fa-fire\"><\/i><\/div>\r\n                        <div class=\"pg-demonic-input-text\">Summon Dark Text<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"pg-demonic-textarea-wrapper\">\r\n                        <textarea class=\"pg-demonic-textarea\" id=\"pgDemonicInput\" placeholder=\"Enter text to corrupt...\"><\/textarea>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"pg-demonic-toolbar\">\r\n                        <div class=\"pg-demonic-tool-group\">\r\n                            <button class=\"pg-demonic-btn\" id=\"pgDemonicPaste\" title=\"Paste\"><i class=\"fa-solid fa-clipboard\"><\/i> Paste<\/button>\r\n                            <button class=\"pg-demonic-btn\" id=\"pgDemonicSelect\" title=\"Select\"><i class=\"fa-solid fa-object-group\"><\/i> Select<\/button>\r\n                            <button class=\"pg-demonic-btn primary-btn\" id=\"pgDemonicCopyBase\" title=\"Copy Base\"><i class=\"fa-regular fa-copy\"><\/i> Copy<\/button>\r\n                        <\/div>\r\n                        \r\n                        <select class=\"pg-demonic-preset\" id=\"pgDemonicPreset\">\r\n                            <option value=\"\" disabled selected>\ud83d\udc79 Demonic Presets<\/option>\r\n                            <option value=\"SUMMONING RITUAL \ud83d\udd2e\">\ud83d\udd2e Summoning<\/option>\r\n                            <option value=\"ABYSSAL HORROR \ud83d\udd73\ufe0f\">\ud83d\udd73\ufe0f Abyssal<\/option>\r\n                            <option value=\"CURSED WORDS \ud83e\udd87\">\ud83e\udd87 Cursed<\/option>\r\n                            <option value=\"HELLFIRE GATE \ud83d\udd25\">\ud83d\udd25 Hellfire<\/option>\r\n                            <option value=\"DARK PACT \ud83d\udcdc\">\ud83d\udcdc Dark Pact<\/option>\r\n                            <option value=\"INFERNAL SPIRIT \ud83d\udc80\">\ud83d\udc80 Infernal Spirit<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"pg-demonic-sidebar\">\r\n                <div class=\"pg-demonic-stats-card\">\r\n                    <div class=\"pg-demonic-settings-title\"><i class=\"fa-solid fa-chart-bar\"><\/i> Dark Metrics<\/div>\r\n                    <div class=\"pg-demonic-stat-item\">\r\n                        <span>Characters<\/span>\r\n                        <span id=\"pgDemonicCharCount\" style=\"color: var(--crimson); font-weight: 700;\">0<\/span>\r\n                    <\/div>\r\n                    <div class=\"pg-demonic-stat-item\">\r\n                        <span>Curses<\/span>\r\n                        <span style=\"color: var(--text-dark); font-weight: 700;\">108<\/span>\r\n                    <\/div>\r\n                    <div class=\"pg-demonic-stat-item\">\r\n                        <span>Status<\/span>\r\n                        <span style=\"color: var(--crimson); font-weight: 700;\">\ud83d\udd25 Active<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"pg-demonic-settings-card\">\r\n                    <div class=\"pg-demonic-settings-title\"><i class=\"fa-solid fa-sliders\"><\/i> Corruption<\/div>\r\n                    \r\n                    <div class=\"pg-demonic-opt-group\">\r\n                        <div class=\"pg-demonic-opt-label\">Effect Type<\/div>\r\n                        <div class=\"pg-demonic-options\">\r\n                            <button class=\"pg-demonic-opt-btn style-btn active\" data-mode=\"Infernal\">\r\n                                <i class=\"fa-solid fa-fire-flame-curved\"><\/i> Infernal\r\n                            <\/button>\r\n                            <button class=\"pg-demonic-opt-btn style-btn\" data-mode=\"Possessed\">\r\n                                <i class=\"fa-solid fa-ghost\"><\/i> Possessed\r\n                            <\/button>\r\n                            <button class=\"pg-demonic-opt-btn style-btn\" data-mode=\"Gothic\">\r\n                                <i class=\"fa-solid fa-cross\"><\/i> Gothic\r\n                            <\/button>\r\n                            <button class=\"pg-demonic-opt-btn style-btn\" data-mode=\"Runic\">\r\n                                <i class=\"fa-solid fa-bone\"><\/i> Runic\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"pg-demonic-opt-group\" style=\"margin-bottom: 0;\">\r\n                        <div class=\"pg-demonic-opt-label\">Curse Intensity<\/div>\r\n                        <div class=\"pg-demonic-options\">\r\n                            <button class=\"pg-demonic-opt-btn deco-btn active\" data-deco=\"Light\">\r\n                                <i class=\"fa-solid fa-cloud-moon\"><\/i> Light\r\n                            <\/button>\r\n                            <button class=\"pg-demonic-opt-btn deco-btn\" data-deco=\"Medium\">\r\n                                <i class=\"fa-solid fa-cloud-rain\"><\/i> Medium\r\n                            <\/button>\r\n                            <button class=\"pg-demonic-opt-btn deco-btn\" data-deco=\"Heavy\">\r\n                                <i class=\"fa-solid fa-bolt-lightning\"><\/i> Heavy\r\n                            <\/button>\r\n                            <button class=\"pg-demonic-opt-btn deco-btn\" data-deco=\"Maximum\">\r\n                                <i class=\"fa-solid fa-skull-crossbones\"><\/i> Maximum\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pg-demonic-results\">\r\n            <div class=\"pg-demonic-grid\" id=\"pgDemonicGrid\"><\/div>\r\n            <button class=\"pg-demonic-load-btn\" id=\"pgDemonicLoadBtn\"><span>Summon More<\/span> <i class=\"fa-solid fa-chevron-down\"><\/i><\/button>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"pgDemonicToast\" class=\"pg-demonic-toast\"><i class=\"fa-solid fa-check\"><\/i> <span>Cursed & Copied!<\/span><\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const wrapper = document.getElementById('pg-demonic-tool');\r\n    const input = wrapper.querySelector('#pgDemonicInput');\r\n    const grid = wrapper.querySelector('#pgDemonicGrid');\r\n    const loadBtn = wrapper.querySelector('#pgDemonicLoadBtn');\r\n    const toast = wrapper.querySelector('#pgDemonicToast');\r\n    const pasteBtn = wrapper.querySelector('#pgDemonicPaste');\r\n    const selectBtn = wrapper.querySelector('#pgDemonicSelect');\r\n    const copyBase = wrapper.querySelector('#pgDemonicCopyBase');\r\n    const presetSel = wrapper.querySelector('#pgDemonicPreset');\r\n    const charCount = wrapper.querySelector('#pgDemonicCharCount');\r\n\r\n    let currentMode = 'Infernal';\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    const diacritics = ['\u033e', '\u033d', '\u033c', '\u0331', '\u0332', '\u0305', '\u033f', '\u035f', '\u0360', '\u0361', '\u033a', '\u033b', '\u033c'];\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 frakturMap = \"\ud835\udd86\ud835\udd87\ud835\udd88\ud835\udd89\ud835\udd8a\ud835\udd8b\ud835\udd8c\ud835\udd8d\ud835\udd8e\ud835\udd8f\ud835\udd90\ud835\udd91\ud835\udd92\ud835\udd93\ud835\udd94\ud835\udd95\ud835\udd96\ud835\udd97\ud835\udd98\ud835\udd99\ud835\udd9a\ud835\udd9b\ud835\udd9c\ud835\udd9d\ud835\udd9e\ud835\udd9f\ud835\udd6c\ud835\udd6d\ud835\udd6e\ud835\udd6f\ud835\udd70\ud835\udd71\ud835\udd72\ud835\udd73\ud835\udd74\ud835\udd75\ud835\udd76\ud835\udd77\ud835\udd78\ud835\udd79\ud835\udd7a\ud835\udd7b\ud835\udd7c\ud835\udd7d\ud835\udd7e\ud835\udd7f\ud835\udd80\ud835\udd81\ud835\udd82\ud835\udd83\ud835\udd84\ud835\udd85\ud835\udfec\ud835\udfed\ud835\udfee\ud835\udfef\ud835\udff0\ud835\udff1\ud835\udff2\ud835\udff3\ud835\udff4\ud835\udff5\";\r\n    const frakturArr = Array.from(frakturMap);\r\n\r\n    const transformText = (txt, mode, deco, idx) => {\r\n        if(!txt) return \"\";\r\n        \r\n        let out = '';\r\n        const curseMap = { 'Light': 1, 'Medium': 3, 'Heavy': 6, 'Maximum': 10 };\r\n        const curse = curseMap[deco] || 1;\r\n        \r\n        if(mode === 'Infernal') {\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<curse; 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 === 'Possessed') {\r\n            out = Array.from(txt).map(c => {\r\n                if(c === ' ') return c;\r\n                let p = c;\r\n                p += '\\u0336';\r\n                if(curse >= 2) p += '\\u0303';\r\n                if(curse >= 4) p += '\\u0358';\r\n                if(curse >= 6) p += '\\u0361';\r\n                return p;\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(curse >= 2) {\r\n                out = Array.from(out).map((c, i) => {\r\n                    if(i % (6-curse) === 0 && c !== ' ') return c + '\\u0323';\r\n                    return c;\r\n                }).join('');\r\n            }\r\n        } else if(mode === 'Runic') {\r\n            out = Array.from(txt).map(c => {\r\n                const i = baseArr.indexOf(c);\r\n                return i !== -1 ? frakturArr[i] : c;\r\n            }).join('');\r\n            if(curse >= 3) {\r\n                out = Array.from(out).map(c => c !== ' ' ? c + '\\u0361' : 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            'Infernal Flame', 'Abyssal Whisper', 'Gothic Curse', 'Runic Mark',\r\n            'Possessed Soul', 'Hellfire Text', 'Cursed Rune', 'Demon Script',\r\n            'Dark Ritual', 'Shadow Glyph', 'Void Script', 'Soul Reaper',\r\n            'Blood Script', 'Night Terror', 'Doom Prophecy', 'Witch Mark',\r\n            'Hell Spawn', 'Chaos Glyph', 'Plague Text', 'Crypt Script',\r\n            'Fell Beast', 'Grim Rune', 'Fallen Angel', 'Sinister Glyph'\r\n        ];\r\n        const icons = ['fa-skull', 'fa-fire', 'fa-cross', 'fa-ghost', 'fa-bone', 'fa-dragon', 'fa-bat', 'fa-spider', 'fa-biohazard', 'fa-radiation', 'fa-crow', 'fa-mask', 'fa-hat-wizard', 'fa-hand-fist', 'fa-eye', 'fa-dungeon'];\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: `demonic-${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 || \"INFERNO AWAITS \ud83d\udd25\";\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-demonic-card';\r\n            card.innerHTML = `\r\n                <div class=\"pg-demonic-card-bar\"><\/div>\r\n                <div class=\"pg-demonic-card-header\">\r\n                    <div class=\"pg-demonic-card-profile\">\r\n                        <div class=\"pg-demonic-card-avatar\"><i class=\"fa-solid ${meta.icon}\"><\/i><\/div>\r\n                        <div class=\"pg-demonic-card-meta\">\r\n                            <div class=\"pg-demonic-card-title\">${meta.name}<\/div>\r\n                            <div class=\"pg-demonic-card-time\"><i class=\"fa-regular fa-clock\"><\/i> ${meta.time}<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <button class=\"pg-demonic-copy-btn\" title=\"Copy\"><i class=\"fa-regular fa-copy\"><\/i><\/button>\r\n                <\/div>\r\n                <div class=\"pg-demonic-card-preview\">${out}<\/div>\r\n                <div class=\"pg-demonic-card-footer\">\r\n                    <div class=\"pg-demonic-card-action\"><i class=\"fa-solid fa-fire\"><\/i> Burn<\/div>\r\n                    <div class=\"pg-demonic-card-action\"><i class=\"fa-solid fa-skull\"><\/i> Curse<\/div>\r\n                    <div class=\"pg-demonic-card-action\"><i class=\"fa-solid fa-paper-plane\"><\/i> Send<\/div>\r\n                <\/div>\r\n            `;\r\n            \r\n            const copyBtn = card.querySelector('.pg-demonic-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 = `Summon More (${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 Demonic Text Generator -->\r\n\r\n<!-- <contenet section is starting -->\r\n\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 -->\r\n\r\n\r\n\r\n\r\n\r\n<section class=\"pg-dtg-section pg-dtg-sec1\">\r\n        <div class=\"pg-dtg-wrap\">\r\n\t\r\n<\/div>\r\n\t<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <section class=\"pg-dtg-section pg-dtg-sec1\">\r\n        <div class=\"pg-dtg-wrap\">\r\n            <h2 class=\"pg-dtg-heading\">What Makes This <span class=\"pg-dtg-kw\">Demonic Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-dtg-sub\">Most tools just change your font. Our demonic text generator uses complex Zalgo mechanics and cursed Unicode stacking to create terrifying, glitchy, and chaotic text that literally bleeds across the screen.<\/p>\r\n            <div class=\"pg-dtg-grid\">\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(179,0,0,0.12);color:#b30000;\"><i class=\"fa-solid fa-skull-crossbones\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Cursed Zalgo Stacking<\/div>\r\n                    <p class=\"pg-dtg-desc\">We use specialized combining diacritical marks to make your text spill upwards and downwards. This creates the iconic \"corrupted\" look that defies standard line heights.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(74,0,128,0.12);color:#4a0080;\"><i class=\"fa-solid fa-eye\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Adjustable Corruption<\/div>\r\n                    <p class=\"pg-dtg-desc\">From mildly unsettling glitches to fully unreadable demonic chaos, our generator provides multiple levels of textual corruption to fit the exact horror vibe you need.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(0,0,0,0.12);color:#222222;\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Instant Dark Magic<\/div>\r\n                    <p class=\"pg-dtg-desc\">Summon cursed text instantly. The entire conversion happens directly in your local browser, meaning zero server lag, no waiting, and immediate glitch text generation.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(204,0,0,0.12);color:#cc0000;\"><i class=\"fa-solid fa-book-journal-whills\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">One-Click Soul Binding<\/div>\r\n                    <p class=\"pg-dtg-desc\">Once you've conjured the perfect cursed phrase, a single click binds the raw, corrupted Unicode straight to your device's clipboard, ready to be unleashed.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(102,0,51,0.12);color:#660033;\"><i class=\"fa-solid fa-spider\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Infects Any Platform<\/div>\r\n                    <p class=\"pg-dtg-desc\">Because the chaos is built using standard mathematical Unicode, your demonic text will infect and render properly on iOS, Android, Reddit, Twitter, and Discord.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(255,26,26,0.12);color:#ff1a1a;\"><i class=\"fa-solid fa-infinity\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Eternally Free<\/div>\r\n                    <p class=\"pg-dtg-desc\">No dark pacts required. Generate as much spooky, demonic, and glitchy text as your mortal heart desires without ever hitting a paywall or creating an account.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 -->\r\n    <section class=\"pg-dtg-section pg-dtg-sec2\">\r\n        <div class=\"pg-dtg-wrap\">\r\n            <h2 class=\"pg-dtg-heading pg-dtg-sec2-heading\">How to Use Our <span class=\"pg-dtg-kw pg-dtg-sec2-kw\">Demonic Text Generator<\/span>?<\/h2>\r\n            <p class=\"pg-dtg-sub pg-dtg-sec2-sub\">Summoning corrupted text is terrifyingly simple. No dark rituals or coding knowledge required\u2014just follow these steps to unleash the chaos.<\/p>\r\n            <div class=\"pg-dtg-grid\">\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <span class=\"pg-dtg-emoji\">\u2328\ufe0f<\/span>\r\n                    <div class=\"pg-dtg-title\">Step 1: Offer Your Text<\/div>\r\n                    <p class=\"pg-dtg-desc\">Type your innocent, standard text into the input box. Words, sentences, and numbers are all accepted as sacrifices for the transformation process.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <span class=\"pg-dtg-emoji\">\ud83c\udf9a\ufe0f<\/span>\r\n                    <div class=\"pg-dtg-title\">Step 2: Choose the Chaos<\/div>\r\n                    <p class=\"pg-dtg-desc\">Scroll through the generated list to find your preferred level of corruption. Choose from subtle eerie fonts to heavy, screen-tearing Zalgo text.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <span class=\"pg-dtg-emoji\">\ud83d\udc41\ufe0f<\/span>\r\n                    <div class=\"pg-dtg-title\">Step 3: Gaze Upon It<\/div>\r\n                    <p class=\"pg-dtg-desc\">Use the live preview feature to see exactly how your cursed text will look. Ensure the demonic markings haven't made it completely unreadable (unless that's the goal!).<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <span class=\"pg-dtg-emoji\">\ud83d\udccb<\/span>\r\n                    <div class=\"pg-dtg-title\">Step 4: Extract the Curse<\/div>\r\n                    <p class=\"pg-dtg-desc\">Click the copy button next to your chosen demonic design. The volatile Unicode characters are safely captured to your clipboard, formatting intact.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <span class=\"pg-dtg-emoji\">\ud83c\udf10<\/span>\r\n                    <div class=\"pg-dtg-title\">Step 5: Spread the Corruption<\/div>\r\n                    <p class=\"pg-dtg-desc\">Paste the text into your group chats, social media posts, or gaming profiles. The glitchy characters will naturally break out of their text boxes.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <span class=\"pg-dtg-emoji\">\ud83d\ude31<\/span>\r\n                    <div class=\"pg-dtg-title\">Step 6: Haunt Your Friends<\/div>\r\n                    <p class=\"pg-dtg-desc\">Hit send and watch the reactions pour in. Demonic text is visually disruptive, guaranteed to confuse, scare, or impress anyone scrolling by.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 -->\r\n    <section class=\"pg-dtg-section pg-dtg-sec3\">\r\n        <div class=\"pg-dtg-wrap\">\r\n            <h2 class=\"pg-dtg-heading\">Best Places to Use <span class=\"pg-dtg-kw\">Demonic Text Generator<\/span> Results?<\/h2>\r\n            <p class=\"pg-dtg-sub\">Glitchy, corrupted text is the ultimate tool for horror aesthetics. Here are the absolute best places to deploy your terrifying typography across the web.<\/p>\r\n            <div class=\"pg-dtg-grid\">\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(179,0,0,0.12);color:#b30000;\"><i class=\"fa-solid fa-ghost\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Creepypastas & Horror Stories<\/div>\r\n                    <p class=\"pg-dtg-desc\">Writing for r\/nosleep or Wattpad? Use demonic text to represent the voice of a monster, a haunted computer virus, or a character slowly losing their mind.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(88,101,242,0.12);color:#5865f2;\"><i class=\"fa-brands fa-discord\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Spooky Discord Servers<\/div>\r\n                    <p class=\"pg-dtg-desc\">Perfect for Halloween server events, true crime communities, or horror gaming guilds. Use cursed text for admin roles, spooky channel names, and server rules.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(204,0,0,0.12);color:#cc0000;\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Horror Gaming Videos<\/div>\r\n                    <p class=\"pg-dtg-desc\">Playing Phasmophobia, Lethal Company, or Silent Hill? Glitchy demonic text in your YouTube titles and thumbnails perfectly matches the terrifying vibe of your content.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(0,0,0,0.12);color:#222222;\"><i class=\"fa-solid fa-gamepad\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Intimidating Gaming Usernames<\/div>\r\n                    <p class=\"pg-dtg-desc\">Strike fear into the enemy team before the match even starts. A heavily corrupted Zalgo username makes you look like an unpredictable, chaotic force in any lobby.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(74,0,128,0.12);color:#4a0080;\"><i class=\"fa-solid fa-magnifying-glass\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">ARGs & Cryptic Puzzles<\/div>\r\n                    <p class=\"pg-dtg-desc\">Alternate Reality Game (ARG) creators use our tool to hide clues, create \"corrupted data\" logs, and build an unsettling atmosphere for their players to decipher.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(102,0,51,0.12);color:#660033;\"><i class=\"fa-solid fa-paintbrush\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Edgy & Alt Social Bios<\/div>\r\n                    <p class=\"pg-dtg-desc\">Embrace the dark aesthetic. Demonic text pairs perfectly with goth, alternative, vaporwave, and dark-grunge aesthetics on Instagram, TikTok, and Twitter bios.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        *, *::before, *::after {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --dtg-primary: #b30000;\r\n            --dtg-grad: linear-gradient(135deg, #8b0000, #4a0000, #ff1a1a);\r\n            --dtg-shadow: 0 12px 30px rgba(179, 0, 0, 0.18);\r\n            --dtg-ease: cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --dtg-speed: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --dtg-ff: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        }\r\n\r\n        .pg-dtg-section {\r\n            width: 100%;\r\n            padding: clamp(48px, 8vw, 96px) 20px;\r\n            position: relative;\r\n            font-family: var(--dtg-ff);\r\n            color: #0a0a0a;\r\n            line-height: 1.6;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        .pg-dtg-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .pg-dtg-heading {\r\n            font-family: var(--dtg-ff);\r\n            font-size: clamp(1.5rem, 4vw, 2.25rem);\r\n            font-weight: 800;\r\n            text-align: center;\r\n            color: #000000;\r\n            margin-bottom: clamp(8px, 1.5vw, 14px);\r\n            line-height: 1.2;\r\n            letter-spacing: -0.03em;\r\n        }\r\n\r\n        .pg-dtg-kw {\r\n            color: #000000;\r\n            position: relative;\r\n        }\r\n\r\n        .pg-dtg-kw::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -2px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: var(--dtg-grad);\r\n            border-radius: 3px;\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--dtg-ease);\r\n        }\r\n\r\n        .pg-dtg-section:hover .pg-dtg-kw::after {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-dtg-sub {\r\n            font-family: var(--dtg-ff);\r\n            font-size: clamp(0.88rem, 1.8vw, 1.02rem);\r\n            font-weight: 400;\r\n            text-align: center;\r\n            color: #1a1a1a;\r\n            max-width: 660px;\r\n            margin: 0 auto clamp(32px, 5vw, 56px);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .pg-dtg-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: clamp(16px, 2.5vw, 26px);\r\n            align-items: stretch;\r\n        }\r\n\r\n        \/* === CARD BASE === *\/\r\n        .pg-dtg-card {\r\n            border-radius: 16px;\r\n            padding: clamp(22px, 3vw, 32px);\r\n            position: relative;\r\n            cursor: pointer;\r\n            -webkit-tap-highlight-color: transparent;\r\n            user-select: none;\r\n            transition: var(--dtg-speed);\r\n            border: 1.5px solid #e0e0e8;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .pg-dtg-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -1px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: var(--dtg-grad);\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--dtg-ease);\r\n            z-index: 4;\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-dtg-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 0;\r\n            border-radius: 50%;\r\n            background: radial-gradient(circle, rgba(179,0,0,0.10) 0%, rgba(74,0,128,0.04) 60%, transparent 100%);\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.55s ease-out, height 0.55s ease-out, opacity 0.55s ease-out;\r\n            opacity: 0;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .pg-dtg-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-down {\r\n            transform: translateY(-1px) scale(0.985) !important;\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-down::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-glow::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 1;\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-glow-out::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 0;\r\n        }\r\n\r\n        \/* === ICON === *\/\r\n        .pg-dtg-icon {\r\n            width: clamp(46px, 5vw, 58px);\r\n            height: clamp(46px, 5vw, 58px);\r\n            min-width: 46px;\r\n            min-height: 46px;\r\n            border-radius: 14px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: clamp(18px, 2.5vw, 24px);\r\n            margin-bottom: clamp(14px, 2vw, 20px);\r\n            transition: var(--dtg-speed);\r\n            position: relative;\r\n            z-index: 3;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .pg-dtg-card:hover .pg-dtg-icon {\r\n            transform: scale(1.12) rotate(-4deg);\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-down .pg-dtg-icon {\r\n            transform: scale(1.04) rotate(0deg);\r\n        }\r\n\r\n        \/* === EMOJI === *\/\r\n        .pg-dtg-emoji {\r\n            font-size: clamp(28px, 3.5vw, 36px);\r\n            margin-bottom: clamp(12px, 1.8vw, 16px);\r\n            display: inline-block;\r\n            transition: var(--dtg-speed);\r\n            position: relative;\r\n            z-index: 3;\r\n            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .pg-dtg-card:hover .pg-dtg-emoji {\r\n            transform: scale(1.22) rotate(-6deg);\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-down .pg-dtg-emoji {\r\n            transform: scale(1.08) rotate(0deg);\r\n        }\r\n\r\n        \/* === TITLE === *\/\r\n        .pg-dtg-title {\r\n            font-family: var(--dtg-ff);\r\n            font-size: clamp(0.95rem, 2vw, 1.1rem);\r\n            font-weight: 700;\r\n            color: #000000;\r\n            margin-bottom: clamp(6px, 1vw, 10px);\r\n            line-height: 1.35;\r\n            position: relative;\r\n            z-index: 3;\r\n        }\r\n\r\n        \/* === DESC === *\/\r\n        .pg-dtg-desc {\r\n            font-family: var(--dtg-ff);\r\n            font-size: clamp(0.8rem, 1.5vw, 0.9rem);\r\n            font-weight: 400;\r\n            color: #1a1a1a;\r\n            line-height: 1.65;\r\n            position: relative;\r\n            z-index: 3;\r\n            margin-top: auto;\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 1 \u2014 #fff bg \/ #fff cards\r\n           ============================== *\/\r\n        .pg-dtg-sec1 {\r\n            background: #ffffff;\r\n        }\r\n\r\n        .pg-dtg-sec1 .pg-dtg-card {\r\n            background: #ffffff;\r\n            border-color: #dcdce5;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n        }\r\n\r\n        .pg-dtg-sec1 .pg-dtg-card:hover {\r\n            border-color: var(--dtg-primary);\r\n            box-shadow: var(--dtg-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 2 \u2014 requested purple gradient bg \/ white cards\r\n           ============================== *\/\r\n        .pg-dtg-sec2 {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-heading.pg-dtg-sec2-heading {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-kw.pg-dtg-sec2-kw {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-kw.pg-dtg-sec2-kw::after {\r\n            background: linear-gradient(90deg, #b30000, #ff1a1a, #ffffff);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-sub.pg-dtg-sec2-sub {\r\n            color: rgba(255,255,255,0.9);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-card.pg-dtg-sec2-card {\r\n            background: #ffffff;\r\n            border-color: rgba(255,255,255,0.25);\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.12);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-card.pg-dtg-sec2-card::before {\r\n            background: linear-gradient(90deg, #667eea, #764ba2, #b30000);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-card.pg-dtg-sec2-card::after {\r\n            background: radial-gradient(circle, rgba(102,126,234,0.08) 0%, rgba(118,75,162,0.04) 60%, transparent 100%);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-card.pg-dtg-sec2-card:hover {\r\n            border-color: rgba(102,126,234,0.5);\r\n            box-shadow: 0 14px 40px rgba(118,75,162,0.25);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-emoji {\r\n            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 3 \u2014 #fff bg \/ soft gray cards\r\n           ============================== *\/\r\n        .pg-dtg-sec3 {\r\n            background: #ffffff;\r\n        }\r\n\r\n        .pg-dtg-sec3 .pg-dtg-card.pg-dtg-sec3-card {\r\n            background: #f5f6f9;\r\n            border-color: #d8dce4;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.03);\r\n        }\r\n\r\n        .pg-dtg-sec3 .pg-dtg-card.pg-dtg-sec3-card::before {\r\n            background: var(--dtg-grad);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-dtg-sec3 .pg-dtg-card.pg-dtg-sec3-card:hover {\r\n            border-color: var(--dtg-primary);\r\n            box-shadow: var(--dtg-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ==============================\r\n           RESPONSIVE\r\n           ============================== *\/\r\n        @media (max-width: 820px) {\r\n            .pg-dtg-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 16px;\r\n            }\r\n            .pg-dtg-section {\r\n                padding: clamp(36px, 6vw, 64px) 16px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 540px) {\r\n            .pg-dtg-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 14px;\r\n            }\r\n            .pg-dtg-card {\r\n                padding: 22px;\r\n            }\r\n            .pg-dtg-sub {\r\n                margin-bottom: 28px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .pg-dtg-section {\r\n                padding: 32px 12px;\r\n            }\r\n            .pg-dtg-card {\r\n                padding: 18px;\r\n                border-radius: 12px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n    (function() {\r\n        var cards = document.querySelectorAll('.pg-dtg-card');\r\n        cards.forEach(function(card) {\r\n            function glow(el) {\r\n                el.classList.remove('pg-dtg-glow', 'pg-dtg-glow-out');\r\n                void el.offsetWidth;\r\n                el.classList.add('pg-dtg-glow');\r\n                setTimeout(function() {\r\n                    el.classList.add('pg-dtg-glow-out');\r\n                }, 300);\r\n                setTimeout(function() {\r\n                    el.classList.remove('pg-dtg-glow', 'pg-dtg-glow-out');\r\n                }, 700);\r\n            }\r\n            card.addEventListener('mousedown', function() {\r\n                card.classList.add('pg-dtg-down');\r\n            });\r\n            card.addEventListener('mouseup', function() {\r\n                setTimeout(function() {\r\n                    card.classList.remove('pg-dtg-down');\r\n                }, 120);\r\n                glow(card);\r\n            });\r\n            card.addEventListener('mouseleave', function() {\r\n                card.classList.remove('pg-dtg-down', 'pg-dtg-glow', 'pg-dtg-glow-out');\r\n            });\r\n            card.addEventListener('touchstart', function() {\r\n                card.classList.add('pg-dtg-down');\r\n                glow(card);\r\n            }, { passive: true });\r\n            card.addEventListener('touchend', function() {\r\n                setTimeout(function() {\r\n                    card.classList.remove('pg-dtg-down');\r\n                }, 150);\r\n            });\r\n            card.addEventListener('touchcancel', function() {\r\n                card.classList.remove('pg-dtg-down', 'pg-dtg-glow', 'pg-dtg-glow-out');\r\n            });\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-559","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>G\u00e9n\u00e9rateur de texte d\u00e9moniaque \u2013 Invoquer instantan\u00e9ment<\/title>\n<meta name=\"description\" content=\"Cr\u00e9ez des textes d\u00e9moniaques sinistres gr\u00e2ce \u00e0 notre g\u00e9n\u00e9rateur de textes d\u00e9moniaques gratuit. Transformez n&#039;importe quel texte en symboles sombres et mal\u00e9fiques\u00a0: copiez-collez en quelques secondes.\" \/>\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\/fr\/demonic-text-generator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Demonic Text Generator \u2013 Summon Instantly\" \/>\n<meta property=\"og:description\" content=\"Create sinister demonic text with our free Demonic Text Generator. Transform any text into dark, evil-style symbols \u2014 copy &amp; paste in seconds.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onlinetexteditor.io\/demonic-text-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Text Editor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-06T09:04:21+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\\\/demonic-text-generator\\\/\",\"url\":\"https:\\\/\\\/onlinetexteditor.io\\\/demonic-text-generator\\\/\",\"name\":\"Demonic Text Generator \u2013 Summon Instantly\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#website\"},\"datePublished\":\"2026-03-11T00:00:28+00:00\",\"dateModified\":\"2026-04-06T09:04:21+00:00\",\"description\":\"Create sinister demonic text with our free Demonic Text Generator. Transform any text into dark, evil-style symbols \u2014 copy & paste in seconds.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/demonic-text-generator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/onlinetexteditor.io\\\/demonic-text-generator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/demonic-text-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/onlinetexteditor.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Demonic Text Generator \u2013 Summon Instantly\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#website\",\"url\":\"https:\\\/\\\/onlinetexteditor.io\\\/\",\"name\":\"Online Text Editor\",\"description\":\"Free &amp; Secure Rich Text Editing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/onlinetexteditor.io\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"G\u00e9n\u00e9rateur de texte d\u00e9moniaque \u2013 Invoquer instantan\u00e9ment","description":"Cr\u00e9ez des textes d\u00e9moniaques sinistres gr\u00e2ce \u00e0 notre g\u00e9n\u00e9rateur de textes d\u00e9moniaques gratuit. Transformez n&#39;importe quel texte en symboles sombres et mal\u00e9fiques\u00a0: copiez-collez en quelques secondes.","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\/fr\/demonic-text-generator\/","og_locale":"en_US","og_type":"article","og_title":"Demonic Text Generator \u2013 Summon Instantly","og_description":"Create sinister demonic text with our free Demonic Text Generator. Transform any text into dark, evil-style symbols \u2014 copy & paste in seconds.","og_url":"https:\/\/onlinetexteditor.io\/demonic-text-generator\/","og_site_name":"Online Text Editor","article_modified_time":"2026-04-06T09:04:21+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onlinetexteditor.io\/demonic-text-generator\/","url":"https:\/\/onlinetexteditor.io\/demonic-text-generator\/","name":"Demonic Text Generator \u2013 Summon Instantly","isPartOf":{"@id":"https:\/\/onlinetexteditor.io\/#website"},"datePublished":"2026-03-11T00:00:28+00:00","dateModified":"2026-04-06T09:04:21+00:00","description":"Create sinister demonic text with our free Demonic Text Generator. Transform any text into dark, evil-style symbols \u2014 copy & paste in seconds.","breadcrumb":{"@id":"https:\/\/onlinetexteditor.io\/demonic-text-generator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onlinetexteditor.io\/demonic-text-generator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onlinetexteditor.io\/demonic-text-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/onlinetexteditor.io\/"},{"@type":"ListItem","position":2,"name":"Demonic Text Generator \u2013 Summon Instantly"}]},{"@type":"WebSite","@id":"https:\/\/onlinetexteditor.io\/#website","url":"https:\/\/onlinetexteditor.io\/","name":"Online Text Editor","description":"Free &amp; Secure Rich Text Editing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/onlinetexteditor.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/onlinetexteditor.io\/fr\/wp-json\/wp\/v2\/pages\/559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onlinetexteditor.io\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onlinetexteditor.io\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/fr\/wp-json\/wp\/v2\/comments?post=559"}],"version-history":[{"count":3,"href":"https:\/\/onlinetexteditor.io\/fr\/wp-json\/wp\/v2\/pages\/559\/revisions"}],"predecessor-version":[{"id":562,"href":"https:\/\/onlinetexteditor.io\/fr\/wp-json\/wp\/v2\/pages\/559\/revisions\/562"}],"wp:attachment":[{"href":"https:\/\/onlinetexteditor.io\/fr\/wp-json\/wp\/v2\/media?parent=559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}