{"id":510,"date":"2026-03-20T00:00:22","date_gmt":"2026-03-20T00:00:22","guid":{"rendered":"https:\/\/onlinetexteditor.io\/?page_id=510"},"modified":"2026-04-06T06:43:17","modified_gmt":"2026-04-06T06:43:17","slug":"scary-text-generator","status":"publish","type":"page","link":"https:\/\/onlinetexteditor.io\/fr\/scary-text-generator\/","title":{"rendered":"Scary Text Generator \u2013 Frighten 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 Scary 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-tool-wrapper {\r\n        --primary-font: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n        --body-font: \"Consolas\", \"Monaco\", \"Courier New\", monospace;\r\n        \r\n        --theme-panel: rgba(10, 5, 8, 0.95); \r\n        --theme-panel-hover: rgba(15, 8, 12, 0.98);\r\n        --theme-border: rgba(255, 0, 43, 0.3); \r\n        \r\n        --blood-red: #ff002b;\r\n        --dark-blood: #8a0017;\r\n        --cursed-cyan: #00fff2;\r\n        --void-dark: #050204;\r\n        --text-bright: #f4e8ea;\r\n        --text-muted: #a09598;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        --grad-blood: linear-gradient(135deg, #ff002b 0%, #8a0017 100%);\r\n        --grad-cyan: linear-gradient(135deg, #00fff2 0%, #008888 100%);\r\n        --grad-shimmer: linear-gradient(90deg, transparent, rgba(255, 0, 43, 0.4), transparent);\r\n        \r\n        --glow-red: 0 0 25px rgba(255, 0, 43, 0.5);\r\n        --glow-cyan: 0 0 20px rgba(0, 255, 242, 0.4);\r\n        --shadow-ui: 0 20px 50px rgba(0, 0, 0, 0.9);\r\n        --glass-blur: blur(12px);\r\n        \r\n        --transition-ui: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        --transition-fast: all 0.2s ease;\r\n        \r\n        font-family: var(--primary-font);\r\n        color: var(--text-bright);\r\n        line-height: 1.5;\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        text-align: center; \r\n        \r\n        background: var(--grad-master);\r\n        background-attachment: fixed;\r\n    }\r\n\r\n    .pg-tool-wrapper * { box-sizing: border-box; }\r\n\r\n    .pg-container {\r\n        max-width: 1200px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        padding: 40px 20px !important;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .pg-hero-content-wrapper {\r\n        z-index: 2;\r\n        padding-top: 20px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pg-main-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 20px auto;\r\n        text-transform: uppercase;\r\n        letter-spacing: 5px;\r\n        color: #fff;\r\n        text-shadow: 3px 3px 0 #000, 0 0 20px rgba(255,0,43,0.4);\r\n        max-width: 900px;\r\n        position: relative;\r\n        display: inline-flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 14px;\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .pg-main-title i {\r\n        font-size: 1.6rem;\r\n        width: 64px;\r\n        height: 64px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        background: rgba(255, 0, 43, 0.12);\r\n        border: 2px solid rgba(255, 0, 43, 0.6);\r\n        color: var(--blood-red);\r\n        text-shadow: var(--glow-red);\r\n        box-shadow: 0 0 20px rgba(255, 0, 43, 0.2), inset 0 0 15px rgba(255, 0, 43, 0.1);\r\n        transition: var(--transition-ui);\r\n        animation: pgBadgePulse 2.5s ease-in-out infinite;\r\n    }\r\n    \r\n    .pg-main-title:hover i {\r\n        transform: scale(1.15);\r\n        border-color: var(--cursed-cyan);\r\n        color: var(--cursed-cyan);\r\n        text-shadow: var(--glow-cyan);\r\n        box-shadow: 0 0 25px rgba(0, 255, 242, 0.3), inset 0 0 15px rgba(0, 255, 242, 0.1);\r\n    }\r\n\r\n    .pg-main-title:hover {\r\n        letter-spacing: 7px;\r\n        text-shadow: 4px 4px 0 #000, 0 0 30px var(--blood-red);\r\n    }\r\n    \r\n    .pg-main-title::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -18px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: block;\r\n        width: 60px;\r\n        height: 3px;\r\n        background: var(--grad-blood);\r\n        border-radius: 5px;\r\n        transition: var(--transition-ui);\r\n        box-shadow: 0 0 10px rgba(255,0,43,0.3);\r\n    }\r\n    \r\n    .pg-main-title:hover::after {\r\n        width: 300px;\r\n        background: var(--grad-cyan);\r\n        box-shadow: 0 0 15px rgba(0,255,242,0.3);\r\n    }\r\n    \r\n    .pg-subtitle {\r\n        font-family: system-ui, sans-serif;\r\n        font-size: 1.1rem;\r\n        color: rgba(255, 255, 255, 0.8);\r\n        max-width: 750px;\r\n        margin: 25px auto 40px auto;\r\n        padding: 0 10px;\r\n        font-weight: 400;\r\n        letter-spacing: 0.3px;\r\n        text-shadow: 0 2px 5px rgba(0,0,0,0.8);\r\n    }\r\n\r\n    .pg-generator-card {\r\n        background: var(--theme-panel);\r\n        backdrop-filter: var(--glass-blur);\r\n        -webkit-backdrop-filter: var(--glass-blur);\r\n        border: 1px solid rgba(255, 0, 43, 0.15); \r\n        border-top-width: 3px;\r\n        border-top-color: transparent;\r\n        width: 100%;\r\n        box-shadow: var(--shadow-ui), 0 0 40px rgba(255, 0, 43, 0.05); \r\n        border-radius: 20px;\r\n        position: relative;\r\n        transform: translateY(0);\r\n        transition: var(--transition-ui);\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pg-controls-wrapper {\r\n        padding: 0;\r\n        background: transparent;\r\n        border-bottom: none;\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 0;\r\n        align-items: stretch;\r\n    }\r\n\r\n    .pg-input-section {\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n    }\r\n    \r\n    .pg-enhanced-input-wrapper {\r\n        background: #000000;\r\n        border: 2px solid rgba(255, 0, 43, 0.8);\r\n        border-radius: 20px 20px 0 0;\r\n        border-bottom: none;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex-grow: 1;\r\n        transition: var(--transition-ui);\r\n        box-shadow: 0 0 25px rgba(255, 0, 43, 0.2), 0 0 50px rgba(255, 0, 43, 0.08);\r\n        position: relative;\r\n    }\r\n\r\n    .pg-enhanced-input-wrapper::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -2px;\r\n        left: -2px;\r\n        right: -2px;\r\n        bottom: -2px;\r\n        border-radius: 20px 20px 0 0;\r\n        background: linear-gradient(135deg, rgba(255,0,43,0.6) 0%, transparent 25%, transparent 75%, rgba(0,255,242,0.5) 100%);\r\n        z-index: 0;\r\n        pointer-events: none;\r\n        opacity: 0.7;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .pg-enhanced-input-wrapper:hover::before {\r\n        opacity: 1;\r\n    }\r\n\r\n    .pg-enhanced-input-wrapper:focus-within {\r\n        border-color: var(--blood-red);\r\n        box-shadow: 0 0 30px rgba(255, 0, 43, 0.4), 0 0 60px rgba(255, 0, 43, 0.15), 0 0 90px rgba(255, 0, 43, 0.05);\r\n    }\r\n\r\n    .pg-enhanced-input-wrapper:focus-within::before {\r\n        opacity: 1;\r\n        background: linear-gradient(135deg, rgba(255,0,43,0.8) 0%, rgba(255,0,43,0.3) 25%, rgba(0,255,242,0.3) 75%, rgba(0,255,242,0.7) 100%);\r\n    }\r\n    \r\n    .pg-text-input {\r\n        width: 100% !important;\r\n        min-height: 120px !important;\r\n        flex-grow: 1;\r\n        padding: 25px !important;\r\n        background: #000000 !important;\r\n        border: none !important;\r\n        color: #fff !important;\r\n        font-family: var(--body-font) !important;\r\n        font-weight: 500 !important;\r\n        font-size: 1.6rem !important;\r\n        outline: none !important;\r\n        text-align: center !important;\r\n        text-shadow: 0 2px 4px rgba(0,0,0,0.9);\r\n        white-space: pre-wrap !important;\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        resize: none;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .pg-text-input::placeholder {\r\n        color: rgba(255, 0, 43, 0.4);\r\n        font-style: italic;\r\n    }\r\n\r\n    .pg-input-toolbar {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 8px;\r\n        background: #000000;\r\n        padding: 12px 20px;\r\n        border: 2px solid rgba(255, 0, 43, 0.8);\r\n        border-top: 1px solid rgba(255, 0, 43, 0.5);\r\n        border-radius: 0 0 20px 20px;\r\n        position: relative;\r\n        z-index: 1;\r\n        box-shadow: 0 0 20px rgba(255, 0, 43, 0.15), 0 0 40px rgba(255, 0, 43, 0.05);\r\n    }\r\n\r\n    .pg-input-toolbar::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -2px;\r\n        left: -2px;\r\n        right: -2px;\r\n        top: -2px;\r\n        border-radius: 0 0 20px 20px;\r\n        background: linear-gradient(135deg, transparent 0%, transparent 70%, rgba(0,255,242,0.4) 100%);\r\n        z-index: -1;\r\n        pointer-events: none;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .pg-toolbar-btn {\r\n        background: rgba(255, 255, 255, 0.04);\r\n        color: var(--text-muted);\r\n        border: 1px solid rgba(255, 255, 255, 0.06);\r\n        padding: 7px 14px;\r\n        font-family: system-ui, sans-serif;\r\n        font-size: 0.7rem;\r\n        font-weight: 600;\r\n        border-radius: 50px;\r\n        cursor: pointer;\r\n        transition: var(--transition-fast);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n    }\r\n\r\n    .pg-toolbar-btn i { transition: transform 0.2s ease; font-size: 0.8rem; }\r\n\r\n    .pg-toolbar-btn:hover {\r\n        background: rgba(255, 0, 43, 0.12);\r\n        color: var(--blood-red);\r\n        border-color: rgba(255, 0, 43, 0.3);\r\n        box-shadow: 0 0 8px rgba(255, 0, 43, 0.2);\r\n    }\r\n\r\n    .pg-toolbar-btn:hover i { transform: translateY(-1px); color: var(--cursed-cyan); }\r\n    .pg-toolbar-btn:active { transform: scale(0.95); }\r\n    \r\n    .pg-preset-select {\r\n        background: rgba(0, 255, 242, 0.06);\r\n        color: var(--cursed-cyan);\r\n        border: 1px solid rgba(0, 255, 242, 0.2);\r\n        padding: 7px 14px;\r\n        font-family: system-ui, sans-serif;\r\n        font-size: 0.7rem;\r\n        font-weight: 700;\r\n        border-radius: 50px;\r\n        cursor: pointer;\r\n        outline: none;\r\n        transition: var(--transition-fast);\r\n        text-transform: uppercase;\r\n        appearance: none;\r\n        flex-grow: 1;\r\n        max-width: 200px;\r\n    }\r\n    \r\n    .pg-preset-select:hover, .pg-preset-select:focus {\r\n        background: rgba(0, 255, 242, 0.15);\r\n        border-color: var(--cursed-cyan);\r\n        box-shadow: 0 0 10px rgba(0, 255, 242, 0.2);\r\n    }\r\n    \r\n    .pg-preset-select option {\r\n        background: var(--void-dark);\r\n        color: #fff;\r\n    }\r\n\r\n    .pg-settings-section {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        flex-direction: unset;\r\n        gap: 0;\r\n    }\r\n\r\n    .pg-settings-section > div {\r\n        padding: 25px;\r\n        border: 1px solid rgba(255, 0, 43, 0.1);\r\n        background: rgba(5, 2, 4, 0.6);\r\n        transition: var(--transition-fast);\r\n    }\r\n\r\n    .pg-settings-section > div:first-child {\r\n        border-radius: 0;\r\n        border-right: none;\r\n    }\r\n\r\n    .pg.settings-section > div:last-child {\r\n        border-radius: 0;\r\n    }\r\n\r\n    .pg-settings-section > div:hover {\r\n        background: rgba(10, 5, 8, 0.8);\r\n    }\r\n\r\n    .pg-panel-label {\r\n        display: flex;\r\n        align-items: center;\r\n        font-family: system-ui, sans-serif;\r\n        font-size: 0.75rem;\r\n        font-weight: 800;\r\n        color: rgba(255,255,255,0.6);\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 14px;\r\n    }\r\n    \r\n    .pg-panel-label i {\r\n        color: var(--blood-red);\r\n        margin-right: 8px;\r\n        font-size: 0.9rem;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .pg-grid-options {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 8px;\r\n    }\r\n\r\n    .pg-option-btn {\r\n        background: rgba(0, 0, 0, 0.4);\r\n        border: 1px solid rgba(255, 255, 255, 0.06);\r\n        padding: 9px 16px;\r\n        color: var(--text-muted);\r\n        font-family: system-ui, sans-serif;\r\n        font-size: 0.68rem;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        border-radius: 50px;\r\n        transition: var(--transition-fast);\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: center;\r\n        gap: 7px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-option-btn i {\r\n        font-size: 0.95rem;\r\n        transition: var(--transition-ui);\r\n    }\r\n\r\n    .pg-option-btn::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 0; height: 100%;\r\n        background: rgba(255, 0, 43, 0.12);\r\n        transition: width 0.3s ease;\r\n        transform: none;\r\n        z-index: 0;\r\n        border-radius: 50px;\r\n    }\r\n\r\n    .pg-option-btn > * { position: relative; z-index: 1; }\r\n\r\n    .pg-option-btn:hover {\r\n        border-color: rgba(255, 0, 43, 0.35);\r\n        color: #fff;\r\n        transform: translateY(-1px);\r\n    }\r\n    \r\n    .pg-option-btn:hover::after { width: 100%; }\r\n\r\n    .pg-option-btn:hover i {\r\n        transform: scale(1.1);\r\n        color: var(--blood-red);\r\n    }\r\n\r\n    .pg-option-btn.active { \r\n        background: var(--blood-red);\r\n        color: #fff; \r\n        border-color: var(--blood-red);\r\n        box-shadow: 0 0 18px rgba(255, 0, 43, 0.4);\r\n    }\r\n    \r\n    .pg-option-btn.active::after {\r\n        width: 100%;\r\n        background: rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .pg-option-btn.active i {\r\n        color: #fff;\r\n        text-shadow: none;\r\n    }\r\n\r\n    .pg-results-area { \r\n        padding: 35px 25px; \r\n        position: relative; \r\n    }\r\n    \r\n    .pg-result-list {\r\n        display: grid;\r\n        grid-template-columns: 1fr; \r\n        gap: 16px;\r\n        position: relative; \r\n        z-index: 2;\r\n    }\r\n\r\n    .pg-result-card {\r\n        background: rgba(8, 3, 6, 0.9);\r\n        border: 1px solid rgba(255, 0, 43, 0.12);\r\n        border-left: 4px solid var(--blood-red);\r\n        padding: 0;\r\n        transition: var(--transition-ui);\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        min-height: 100px; \r\n        box-sizing: border-box;\r\n        animation: pgCardFadeIn 0.3s ease both;\r\n    }\r\n    \r\n    .pg-result-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 4px;\r\n        height: 100%;\r\n        background: var(--grad-blood);\r\n        transition: all 0.3s ease;\r\n        opacity: 1;\r\n        border-radius: 12px 0 0 12px;\r\n        z-index: 2;\r\n    }\r\n    \r\n    .pg-result-card:hover {\r\n        transform: translateY(-3px) scale(1.005);\r\n        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 0, 43, 0.12);\r\n        border-color: rgba(255, 0, 43, 0.4);\r\n        border-left-color: transparent;\r\n        background: rgba(12, 5, 10, 0.98);\r\n        z-index: 10;\r\n    }\r\n    \r\n    .pg-result-card:hover::before {\r\n        width: 6px;\r\n        background: linear-gradient(180deg, var(--cursed-cyan) 0%, var(--blood-red) 100%);\r\n        box-shadow: 0 0 15px rgba(0, 255, 242, 0.25);\r\n    }\r\n\r\n    .pg-card-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        width: 100%;\r\n        margin-bottom: 0;\r\n        border-bottom: 1px solid rgba(255,255,255,0.04);\r\n        padding: 16px 22px;\r\n    }\r\n    \r\n    .pg-card-title {\r\n        font-family: system-ui, sans-serif;\r\n        font-size: 0.78rem;\r\n        font-weight: 800;\r\n        color: var(--text-muted);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        transition: var(--transition-fast);\r\n        min-width: 0;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-card-title i {\r\n        color: rgba(0, 255, 242, 0.5);\r\n        font-size: 1rem;\r\n        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .pg-result-card:hover .pg-card-title {\r\n        color: #fff;\r\n        letter-spacing: 2px;\r\n    }\r\n    \r\n    .pg-result-card:hover .pg-card-title i {\r\n        transform: scale(1.3);\r\n        color: var(--blood-red);\r\n        text-shadow: var(--glow-red);\r\n    }\r\n\r\n    .pg-card-copy-btn {\r\n        background: rgba(255, 0, 43, 0.08);\r\n        border: 1px solid rgba(255, 0, 43, 0.2);\r\n        color: var(--blood-red);\r\n        width: 38px;\r\n        height: 38px;\r\n        min-width: 38px;\r\n        border-radius: 50px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: var(--transition-fast);\r\n        outline: none;\r\n        flex-shrink: 0;\r\n        z-index: 5;\r\n    }\r\n    \r\n    .pg-card-copy-btn i {\r\n        font-size: 1rem;\r\n        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n    \r\n    .pg-card-copy-btn:hover {\r\n        background: var(--blood-red);\r\n        border-color: var(--blood-red);\r\n        color: #fff;\r\n        box-shadow: var(--glow-red);\r\n        transform: scale(1.08);\r\n    }\r\n    \r\n    .pg-card-copy-btn:hover i { transform: scale(1.15) translateY(-1px); }\r\n    .pg-card-copy-btn:active { transform: scale(0.95); }\r\n\r\n    .pg-card-preview {\r\n        font-size: 1.7rem;\r\n        color: #fff;\r\n        width: 100%;\r\n        text-align: center;\r\n        font-family: var(--body-font);\r\n        position: relative;\r\n        z-index: 1;\r\n        padding: 22px;\r\n        transition: var(--transition-fast);\r\n        white-space: pre-wrap !important;\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        box-sizing: border-box !important;\r\n        text-shadow: 2px 2px 5px #000;\r\n        line-height: 1.8;\r\n        background: rgba(0, 0, 0, 0.25);\r\n        border-radius: 0 0 12px 12px;\r\n        margin: 0;\r\n    }\r\n    \r\n    .pg-result-card:hover .pg-card-preview {\r\n        color: var(--text-bright);\r\n        text-shadow: 2px 2px 8px #000, 0 0 12px rgba(255,0,43,0.3);\r\n        background: rgba(0, 0, 0, 0.35);\r\n    }\r\n\r\n    .pg-btn-load {\r\n        background: var(--grad-blood);\r\n        color: #fff;\r\n        border: none;\r\n        padding: 16px 40px;\r\n        font-family: system-ui, sans-serif;\r\n        font-weight: 800;\r\n        font-size: 0.9rem;\r\n        cursor: pointer;\r\n        margin-top: 35px;\r\n        text-transform: uppercase;\r\n        border-radius: 50px;\r\n        transition: var(--transition-fast);\r\n        position: relative;\r\n        z-index: 2;\r\n        letter-spacing: 2px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        box-shadow: 0 4px 15px rgba(255, 0, 43, 0.3);\r\n        overflow: visible;\r\n    }\r\n    \r\n    .pg-btn-load::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -2px; left: -2px; right: -2px; bottom: -2px;\r\n        border-radius: 52px;\r\n        border: 2px solid var(--blood-red);\r\n        opacity: 0;\r\n        transition: all 0.4s ease;\r\n        z-index: -1;\r\n        pointer-events: none;\r\n        animation: pgBtnPulse 2.5s ease-out infinite;\r\n    }\r\n    \r\n    .pg-btn-load::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%; width: 50%; height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\r\n        transform: skewX(-20deg);\r\n        pointer-events: none;\r\n        animation: pgShimmer 3.5s ease-in-out infinite;\r\n    }\r\n    \r\n    .pg-btn-load i { transition: transform 0.3s ease; }\r\n    \r\n    .pg-btn-load:hover { \r\n        box-shadow: 0 6px 25px rgba(255, 0, 43, 0.5);\r\n        transform: translateY(-3px);\r\n        letter-spacing: 3px;\r\n    }\r\n    \r\n    .pg-btn-load:hover::before { animation: none; opacity: 0.6; transform: scale(1.04, 1.15); }\r\n    .pg-btn-load:hover i { transform: translateY(3px); color: var(--cursed-cyan); }\r\n    .pg-btn-load:active { transform: translateY(0); }\r\n\r\n    .pg-toast {\r\n        visibility: hidden;\r\n        background: rgba(10, 2, 5, 0.95);\r\n        backdrop-filter: blur(10px);\r\n        color: #fff;\r\n        padding: 14px 28px;\r\n        position: fixed;\r\n        left: 50%;\r\n        bottom: 40px;\r\n        transform: translateX(-50%) translateY(20px);\r\n        font-family: system-ui, sans-serif;\r\n        font-weight: 800;\r\n        z-index: 10000;\r\n        border-radius: 50px;\r\n        border: 1px solid rgba(255, 0, 43, 0.5);\r\n        text-transform: uppercase;\r\n        box-shadow: var(--shadow-ui), 0 0 20px rgba(255,0,43,0.3);\r\n        letter-spacing: 1px;\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: 10px;\r\n        font-size: 0.85rem;\r\n    }\r\n    \r\n    .pg-toast i { color: var(--cursed-cyan); font-size: 1.1rem; }\r\n    \r\n    .pg-toast.show { \r\n        visibility: visible; \r\n        opacity: 1;\r\n        transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    @keyframes pgCardFadeIn {\r\n        from { opacity: 0; transform: scale(0.98) translateY(8px); }\r\n        to { opacity: 1; transform: scale(1) translateY(0); }\r\n    }\r\n\r\n    @keyframes pgBadgePulse {\r\n        0%, 100% { box-shadow: 0 0 20px rgba(255, 0, 43, 0.2), inset 0 0 15px rgba(255, 0, 43, 0.1); }\r\n        50% { box-shadow: 0 0 30px rgba(255, 0, 43, 0.35), inset 0 0 15px rgba(255, 0, 43, 0.15); }\r\n    }\r\n\r\n    @keyframes pgBtnPulse {\r\n        0% { transform: scale(1); opacity: 0.4; }\r\n        100% { transform: scale(1.04, 1.15); opacity: 0; }\r\n    }\r\n\r\n    @keyframes pgShimmer {\r\n        0%, 100% { left: -100%; }\r\n        50% { left: 200%; }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .pg-main-title { font-size: 2.2rem; letter-spacing: 3px; }\r\n        .pg-settings-section { grid-template-columns: 1fr; }\r\n        .pg-settings-section > div:first-child { border-right: 1px solid rgba(255, 0, 43, 0.1); border-bottom: none; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .pg-container { padding: 30px 15px !important; }\r\n        .pg-results-area { padding: 25px 15px; }\r\n        .pg-text-input { min-height: 90px !important; font-size: 1.3rem !important; }\r\n        .pg-input-toolbar { gap: 6px; padding: 10px 15px; }\r\n        .pg-preset-select { max-width: 100%; }\r\n        .pg-result-list { gap: 12px; }\r\n        .pg-grid-options { gap: 6px; }\r\n        .pg-option-btn { padding: 7px 12px; font-size: 0.62rem; gap: 5px; }\r\n        .pg-option-btn i { font-size: 0.85rem; }\r\n        .pg-btn-load { padding: 14px 30px; font-size: 0.8rem; width: 100%; justify-content: center; }\r\n        .pg-main-title { font-size: 1.7rem; letter-spacing: 2px; }\r\n        .pg-main-title i { width: 50px; height: 50px; font-size: 1.2rem; }\r\n        .pg-subtitle { font-size: 0.85rem; margin-top: 20px; margin-bottom: 30px; }\r\n        .pg-card-header { padding: 12px 16px; }\r\n        .pg-card-preview { padding: 16px; font-size: 1.3rem; }\r\n        .pg-settings-section > div { padding: 18px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-tool-wrapper\" id=\"pg-scary-text-tool\">\r\n    <div class=\"pg-container pg-hero-content-wrapper\">\r\n        <h1 class=\"pg-main-title\"><i class=\"fa-solid fa-spider\"><\/i> Scary Text Generator - Frighten Instantly<\/h1>\r\n        <p class=\"pg-subtitle\">Corrupt your words. Combine jagged distortions, creeping symbols, and cursed Zalgo combining marks to summon terrifying, glitchy text that will unsettle anyone reading it.<\/p>\r\n        \r\n        <div class=\"pg-generator-card\">\r\n            <div class=\"pg-controls-wrapper\">\r\n                \r\n                <div class=\"pg-input-section\">\r\n                    <div class=\"pg-panel-label\"><i class=\"fa-solid fa-pen-nib\"><\/i> Target Soul<\/div>\r\n                    <div class=\"pg-enhanced-input-wrapper\">\r\n                        <textarea class=\"pg-text-input\" id=\"pgInputText\" placeholder=\"He comes...\"><\/textarea>\r\n                        \r\n                        <div class=\"pg-input-toolbar\">\r\n                            <button class=\"pg-toolbar-btn\" id=\"pgBtnPaste\"><i class=\"fa-solid fa-paste\"><\/i> Paste<\/button>\r\n                            <button class=\"pg-toolbar-btn\" id=\"pgBtnSelectAll\"><i class=\"fa-solid fa-object-group\"><\/i> Select<\/button>\r\n                            <button class=\"pg-toolbar-btn\" id=\"pgBtnCopy\"><i class=\"fa-solid fa-copy\"><\/i> Copy Base<\/button>\r\n                            \r\n                            <select class=\"pg-preset-select\" id=\"pgPresetSelect\">\r\n                                <option value=\"\" disabled selected>\u2728 Demonic Presets<\/option>\r\n                                <option value=\"I am watching you right now.\">Watching You<\/option>\r\n                                <option value=\"There is no escape from the void.\">No Escape<\/option>\r\n                                <option value=\"Can you hear the scratching at the door?\">Scratching<\/option>\r\n                                <option value=\"Do not turn around.\">Do Not Turn<\/option>\r\n                                <option value=\"The blood moon rises.\">Blood Moon<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"pg-settings-section\">\r\n                    <div>\r\n                        <div class=\"pg-panel-label\"><i class=\"fa-solid fa-skull\"><\/i> Corruption Depth (Zalgo)<\/div>\r\n                        <div class=\"pg-grid-options\">\r\n                            <button class=\"pg-option-btn mode-btn active\" data-val=\"Creeping\">\r\n                                <i class=\"fa-solid fa-ghost\"><\/i> Creeping\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn mode-btn\" data-val=\"Haunted\">\r\n                                <i class=\"fa-solid fa-bat\"><\/i> Haunted\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn mode-btn\" data-val=\"Possessed\">\r\n                                <i class=\"fa-solid fa-disease\"><\/i> Possessed\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn mode-btn\" data-val=\"Nightmare\">\r\n                                <i class=\"fa-solid fa-biohazard\"><\/i> Nightmare\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <div class=\"pg-panel-label\"><i class=\"fa-solid fa-font\"><\/i> Visual Distortion<\/div>\r\n                        <div class=\"pg-grid-options\">\r\n                            <button class=\"pg-option-btn style-btn active\" data-val=\"Base\">\r\n                                <i class=\"fa-solid fa-n\"><\/i> Base Text\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn style-btn\" data-val=\"Jagged\">\r\n                                <i class=\"fa-solid fa-bolt\"><\/i> Jagged Bones\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn style-btn\" data-val=\"Demonic\">\r\n                                <i class=\"fa-solid fa-book-dead\"><\/i> Demonic Runes\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn style-btn\" data-val=\"Slashed\">\r\n                                <i class=\"fa-solid fa-slash\"><\/i> Slashed Bleed\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"pg-results-area\">\r\n                <div class=\"pg-result-list\" id=\"pgResultList\"><\/div>\r\n                <button class=\"pg-btn-load\" id=\"pgLoadMoreBtn\"><span>Summon More Entities<\/span> <i class=\"fa-solid fa-arrow-down\"><\/i><\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"pgToast\" class=\"pg-toast\"><i class=\"fa-solid fa-check-double\"><\/i> Entity Copied<\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const wrapper = document.getElementById('pg-scary-text-tool');\r\n    const inputEl = wrapper.querySelector('#pgInputText');\r\n    const resultList = wrapper.querySelector('#pgResultList');\r\n    const loadMoreBtn = wrapper.querySelector('#pgLoadMoreBtn');\r\n    const toast = wrapper.querySelector('#pgToast');\r\n    \r\n    const btnPaste = wrapper.querySelector('#pgBtnPaste');\r\n    const btnSelectAll = wrapper.querySelector('#pgBtnSelectAll');\r\n    const btnCopy = wrapper.querySelector('#pgBtnCopy');\r\n    const presetSelect = wrapper.querySelector('#pgPresetSelect');\r\n\r\n    let currentMode = 'Creeping';\r\n    let currentStyle = 'Base';\r\n    let limit = 6; \r\n    const LOAD_INCREMENT = 6; \r\n\r\n    const baseChars = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ\";\r\n    const jaggedChars = \"\u20b3\u0e3f\u20b5\u0110\u0246\u20a3\u20b2\u2c67\u0142J\u20ad\u2c60M\u20a6\u00d8\u20b1Q\u2c64\u20b4\u20aeUV\u20a9X\u024eZ\u20b3\u0e3f\u20b5\u0110\u0246\u20a3\u20b2\u2c67\u0142J\u20ad\u2c60M\u20a6\u00d8\u20b1Q\u2c64\u20b4\u20aeUV\u20a9X\u024eZ\";\r\n    const demonicChars = \"\u0e04\u0e52\u03c2\u0e54\u0454\u0166\ufeee\u0452\u0e40\u05df\u043a\u026d\u0e53\u0e20\u0e4f\u05e7\u1ee3\u0433\u0e23\u0547\u0e22\u05e9\u0e2c\u05d0\u05e5\u0579\u0e04\u0e52\u03c2\u0e54\u0454\u0166\ufeee\u0452\u0e40\u05df\u043a\u026d\u0e53\u0e20\u0e4f\u05e7\u1ee3\u0433\u0e23\u0547\u0e22\u05e9\u0e2c\u05d0\u05e5\u0579\";\r\n    \r\n    const zalgoUp = ['\\u030d', '\\u030e', '\\u0304', '\\u0305', '\\u033f', '\\u0311', '\\u0306', '\\u0310', '\\u0352', '\\u0351', '\\u030b', '\\u030f', '\\u0312', '\\u0313', '\\u0314', '\\u033d', '\\u0309', '\\u0363', '\\u0364', '\\u0365', '\\u0366', '\\u0367', '\\u0368', '\\u0369', '\\u036a', '\\u036b', '\\u036c', '\\u036d', '\\u036e', '\\u036f', '\\u033e', '\\u035b', '\\u0346', '\\u031a'];\r\n    const zalgoDown = ['\\u0316', '\\u0317', '\\u0318', '\\u0319', '\\u031c', '\\u031d', '\\u031e', '\\u031f', '\\u0320', '\\u0324', '\\u0325', '\\u0326', '\\u0329', '\\u032a', '\\u032b', '\\u032c', '\\u032d', '\\u032e', '\\u032f', '\\u0330', '\\u0331', '\\u0332', '\\u0333', '\\u0339', '\\u033a', '\\u033b', '\\u033c', '\\u0345', '\\u0347', '\\u0348', '\\u0349', '\\u034d', '\\u034e', '\\u0353', '\\u0354', '\\u0355', '\\u0356', '\\u0359', '\\u035a', '\\u0323'];\r\n    const zalgoMid = ['\\u0315', '\\u031b', '\\u0340', '\\u0341', '\\u0358', '\\u0321', '\\u0322', '\\u0327', '\\u0328', '\\u0334', '\\u0335', '\\u0336', '\\u034f', '\\u035c', '\\u035d', '\\u035e', '\\u035f', '\\u0360', '\\u0362', '\\u0338', '\\u0337', '\\u0361', '\\u0489'];\r\n\r\n    const rand = (max) => Math.floor(Math.random() * max);\r\n\r\n    const copyToClipboard = (text, btnElement) => {\r\n        const textArea = document.createElement(\"textarea\");\r\n        textArea.value = text;\r\n        textArea.style.top = \"0\";\r\n        textArea.style.left = \"0\";\r\n        textArea.style.position = \"fixed\";\r\n        textArea.style.opacity = \"0\";\r\n        document.body.appendChild(textArea);\r\n        textArea.focus();\r\n        textArea.select();\r\n        \r\n        try {\r\n            document.execCommand('copy');\r\n            showToast(btnElement);\r\n        } catch (err) {\r\n            if (navigator.clipboard) {\r\n                navigator.clipboard.writeText(text).then(() => showToast(btnElement));\r\n            }\r\n        }\r\n        document.body.removeChild(textArea);\r\n    };\r\n\r\n    const showToast = (btn) => {\r\n        if(btn) {\r\n            btn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i>';\r\n            btn.style.background = 'var(--blood-red)';\r\n            btn.style.borderColor = 'var(--blood-red)';\r\n            btn.style.color = '#fff';\r\n            \r\n            setTimeout(() => {\r\n                btn.innerHTML = '<i class=\"fa-regular fa-copy\"><\/i>';\r\n                btn.style.background = '';\r\n                btn.style.borderColor = '';\r\n                btn.style.color = '';\r\n            }, 2000);\r\n        }\r\n        \r\n        toast.classList.add('show');\r\n        setTimeout(() => toast.classList.remove('show'), 2000);\r\n    };\r\n\r\n    const generateConfigs = () => {\r\n        const templates = [];\r\n        const names = [\r\n            'Poltergeist', 'Demon Swarm', 'Void Whisper', 'Blood Hex', \r\n            'Cursed Soul', 'Nightmare Glitch', 'Abyssal Rot', 'Shadow Fiend',\r\n            'Shattered Mind', 'Eldritch Terror', 'Crimson Tear', 'Dark Manifest'\r\n        ];\r\n        \r\n        for(let i=0; i<120; i++){\r\n            templates.push({\r\n                id: `scary-${i}`,\r\n                name: names[i % names.length] + ` Class-${Math.floor(Math.random()*99)+1}`,\r\n                icon: ['ghost', 'spider', 'disease', 'skull', 'crow', 'eye'][i % 6]\r\n            });\r\n        }\r\n        return templates.sort(() => Math.random() - 0.5);\r\n    };\r\n\r\n    const ALL_STYLES = generateConfigs();\r\n\r\n    const getZalgoBounds = (mode) => {\r\n        switch(mode) {\r\n            case 'Creeping': return { u: [1,2], d: [1,2], m: [0,1] };\r\n            case 'Haunted': return { u: [3,6], d: [3,6], m: [1,2] };\r\n            case 'Possessed': return { u: [6,12], d: [6,12], m: [2,4] };\r\n            case 'Nightmare': return { u: [15,25], d: [15,25], m: [4,8] };\r\n            default: return { u: [1,2], d: [1,2], m: [0,1] };\r\n        }\r\n    };\r\n\r\n    const transformLogic = (text, mode, style, variationIndex) => {\r\n        if (!text) return \"\";\r\n        let result = '';\r\n        const bounds = getZalgoBounds(mode);\r\n\r\n        Array.from(text).forEach(c => {\r\n            if (c === ' ') { result += ' '; return; }\r\n            \r\n            let char = c;\r\n            \r\n            if (style === 'Jagged') {\r\n                const idx = baseChars.indexOf(c);\r\n                if(idx !== -1) char = jaggedChars[idx];\r\n            } else if (style === 'Demonic') {\r\n                const idx = baseChars.indexOf(c);\r\n                if(idx !== -1) char = demonicChars[idx];\r\n            } else if (style === 'Slashed') {\r\n                char = c + '\\u0338';\r\n            }\r\n\r\n            const numUp = bounds.u[0] + rand(bounds.u[1] - bounds.u[0] + 1);\r\n            const numMid = bounds.m[0] + rand(bounds.m[1] - bounds.m[0] + 1);\r\n            const numDown = bounds.d[0] + rand(bounds.d[1] - bounds.d[0] + 1);\r\n\r\n            for(let i=0; i<numUp; i++) char += zalgoUp[rand(zalgoUp.length)];\r\n            for(let i=0; i<numMid; i++) char += zalgoMid[rand(zalgoMid.length)];\r\n            for(let i=0; i<numDown; i++) char += zalgoDown[rand(zalgoDown.length)];\r\n\r\n            result += char;\r\n        });\r\n\r\n        return result;\r\n    };\r\n\r\n    const render = () => {\r\n        resultList.innerHTML = '';\r\n        let raw = inputEl.value || \"He comes...\";\r\n        \r\n        const displayList = ALL_STYLES.slice(0, limit);\r\n\r\n        displayList.forEach((s, idx) => {\r\n            const out = transformLogic(raw, currentMode, currentStyle, idx);\r\n            \r\n            const card = document.createElement('div');\r\n            card.className = 'pg-result-card';\r\n            card.style.animationDelay = `${idx * 0.03}s`;\r\n            \r\n            card.innerHTML = `\r\n                <div class=\"pg-card-header\">\r\n                    <div class=\"pg-card-title\">\r\n                        <i class=\"fa-solid fa-${s.icon}\"><\/i> \r\n                        ${s.name}\r\n                    <\/div>\r\n                    <button class=\"pg-card-copy-btn\" title=\"Copy Text\"><i class=\"fa-regular fa-copy\"><\/i><\/button>\r\n                <\/div>\r\n                <div class=\"pg-card-preview\">${out}<\/div>\r\n            `;\r\n            \r\n            const copyBtn = card.querySelector('.pg-card-copy-btn');\r\n            copyBtn.addEventListener('click', (e) => {\r\n                e.preventDefault();\r\n                copyToClipboard(out, copyBtn);\r\n            });\r\n            \r\n            resultList.appendChild(card);\r\n        });\r\n\r\n        loadMoreBtn.style.display = limit >= ALL_STYLES.length ? 'none' : 'inline-flex';\r\n        const remaining = Math.max(0, ALL_STYLES.length - limit);\r\n        if (remaining > 0) {\r\n            loadMoreBtn.querySelector('span').innerText = `Summon More Entities (${remaining})`;\r\n        }\r\n    };\r\n\r\n    inputEl.addEventListener('input', render);\r\n    \r\n    btnPaste.addEventListener('click', async (e) => {\r\n        e.preventDefault();\r\n        try {\r\n            const text = await navigator.clipboard.readText();\r\n            inputEl.value = text;\r\n            render();\r\n        } catch (err) {\r\n            inputEl.focus();\r\n            document.execCommand('paste');\r\n            render();\r\n        }\r\n    });\r\n\r\n    btnSelectAll.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        inputEl.select();\r\n    });\r\n\r\n    btnCopy.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        if(inputEl.value) {\r\n            copyToClipboard(inputEl.value, null);\r\n            toast.querySelector('i').className = 'fa-solid fa-copy';\r\n            toast.querySelector('i').nextSibling.textContent = ' Source Copied';\r\n            setTimeout(() => {\r\n                toast.querySelector('i').className = 'fa-solid fa-check-double';\r\n                toast.querySelector('i').nextSibling.textContent = ' Entity Copied';\r\n            }, 2000);\r\n        }\r\n    });\r\n    \r\n    presetSelect.addEventListener('change', (e) => {\r\n        if(e.target.value) {\r\n            inputEl.value = e.target.value;\r\n            render();\r\n            e.target.selectedIndex = 0; \r\n        }\r\n    });\r\n    \r\n    loadMoreBtn.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        limit += LOAD_INCREMENT; \r\n        render(); \r\n    });\r\n\r\n    wrapper.querySelectorAll('.mode-btn').forEach(btn => {\r\n        btn.addEventListener('click', (e) => {\r\n            e.preventDefault();\r\n            wrapper.querySelectorAll('.mode-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentMode = btn.getAttribute('data-val');\r\n            limit = 6; \r\n            render(); \r\n        });\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            currentStyle = btn.getAttribute('data-val');\r\n            limit = 6; \r\n            render(); \r\n        });\r\n    });\r\n\r\n    render();\r\n});\r\n<\/script>\r\n<!-- END OF FILE Scary Text Generator -->\r\n\r\n\r\n<!-- <content section is starting -->\r\n\r\n<div>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <!-- SECTION 1 -->\r\n\r\n\r\n\r\n\r\n<section class=\"pg-stg-section pg-stg-sec1\">\r\n        <div class=\"pg-stg-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-stg-section pg-stg-sec1\">\r\n        <div class=\"pg-stg-wrap\">\r\n            <h2 class=\"pg-stg-heading\">What Makes This <span class=\"pg-stg-kw\">Scary Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-stg-sub\">Most horror font tools break on mobile or produce garbled nonsense. Our scary text generator uses precise Unicode combining characters and glitch algorithms to create genuinely creepy text that renders flawlessly everywhere.<\/p>\r\n            <div class=\"pg-stg-grid\">\r\n                <div class=\"pg-stg-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(156,39,176,0.12);color:#9c27b0;\"><i class=\"fa-solid fa-ghost\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Authentic Zalgo Glitch Text<\/div>\r\n                    <p class=\"pg-stg-desc\">Our scary text generator uses real Unicode combining diacritics to create that classic \"corrupted\" Zalgo effect \u2014 not fake characters that turn into empty boxes on other devices.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(244,67,54,0.12);color:#f44336;\"><i class=\"fa-solid fa-skull\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Multiple Horror Font Styles<\/div>\r\n                    <p class=\"pg-stg-desc\">Choose from Zalgo text, creepy script, cursed unicode, horror symbols, and glitch effects \u2014 our scary text generator gives you five distinct styles for every type of frightening vibe.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(0,184,212,0.12);color:#00b8d4;\"><i class=\"fa-solid fa-gauge-high\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Instant Creepy Conversion<\/div>\r\n                    <p class=\"pg-stg-desc\">Type a single word and watch it get infected with scary characters instantly \u2014 our scary text generator processes everything in your browser with zero loading time or server delays.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(76,175,80,0.12);color:#4caf50;\"><i class=\"fa-solid fa-clipboard-check\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Clean Copy Without Broken Chars<\/div>\r\n                    <p class=\"pg-stg-desc\">Our scary text generator outputs clean, copy-pasteable Unicode \u2014 no invisible formatting junk, no replacement characters. What you see is exactly what your friends will see.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(255,145,0,0.12);color:#ff9100;\"><i class=\"fa-solid fa-mobile-screen-button\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Works on iOS and Android<\/div>\r\n                    <p class=\"pg-stg-desc\">Zalgo text often breaks on mobile keyboards \u2014 our scary text generator uses optimized character limits so your cursed text renders perfectly on iPhones, Androids, and desktops alike.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(63,81,181,0.12);color:#3f51b5;\"><i class=\"fa-solid fa-user-shield\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">100% Private and Serverless<\/div>\r\n                    <p class=\"pg-stg-desc\">No data leaves your browser \u2014 our scary text generator runs entirely client-side. Your messages, texts, and creepy ideas are never logged, stored, or sent to any external server.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 -->\r\n    <section class=\"pg-stg-section pg-stg-sec2\">\r\n        <div class=\"pg-stg-wrap\">\r\n            <h2 class=\"pg-stg-heading pg-stg-sec2-heading\">How to Use Our <span class=\"pg-stg-kw pg-stg-sec2-kw\">Scary Text Generator<\/span> Step by Step?<\/h2>\r\n            <p class=\"pg-stg-sub pg-stg-sec2-sub\">Creating cursed, glitchy, or horror-style text takes exactly a few seconds. No design skills needed \u2014 just follow these simple steps and start scaring your friends immediately.<\/p>\r\n            <div class=\"pg-stg-grid\">\r\n                <div class=\"pg-stg-card pg-stg-sec2-card\">\r\n                    <span class=\"pg-stg-emoji\">\ud83e\udea6<\/span>\r\n                    <div class=\"pg-stg-title\">Step 1: Type Your Normal Text<\/div>\r\n                    <p class=\"pg-stg-desc\">Enter any word, phrase, or sentence into the input box \u2014 our scary text generator accepts regular text, numbers, and punctuation as the base for your creepy transformation.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec2-card\">\r\n                    <span class=\"pg-stg-emoji\">\ud83d\udc7b<\/span>\r\n                    <div class=\"pg-stg-title\">Step 2: Pick a Scary Style<\/div>\r\n                    <p class=\"pg-stg-desc\">Select from Zalgo glitch, cursed symbols, creepy script, horror font, or inverted text \u2014 each style in our scary text generator creates a completely different type of frightening visual effect.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec2-card\">\r\n                    <span class=\"pg-stg-emoji\">\ud83d\udd2e<\/span>\r\n                    <div class=\"pg-stg-title\">Step 3: Adjust the Chaos Level<\/div>\r\n                    <p class=\"pg-stg-desc\">For Zalgo text, control exactly how many combining characters stack on each letter \u2014 our scary text generator lets you dial the creepiness from mildly unsettling to completely unreadable.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec2-card\">\r\n                    <span class=\"pg-stg-emoji\">\ud83d\udccb<\/span>\r\n                    <div class=\"pg-stg-title\">Step 4: Copy the Cursed Output<\/div>\r\n                    <p class=\"pg-stg-desc\">Click the copy button next to your favorite scary style \u2014 the horror text transfers to your clipboard as pure Unicode, maintaining every glitch mark and creepy symbol perfectly.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec2-card\">\r\n                    <span class=\"pg-stg-emoji\">\ud83c\udf10<\/span>\r\n                    <div class=\"pg-stg-title\">Step 5: Paste and Disturb<\/div>\r\n                    <p class=\"pg-stg-desc\">Drop your scary text into social media bios, group chats, or comments \u2014 our scary text generator output renders natively anywhere that supports standard Unicode input fields.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec2-card\">\r\n                    <span class=\"pg-stg-emoji\">\ud83e\uddea<\/span>\r\n                    <div class=\"pg-stg-title\">Step 6: Mix Styles for Max Creep<\/div>\r\n                    <p class=\"pg-stg-desc\">Combine Zalgo text with horror symbols or layer creepy script over glitch effects \u2014 our scary text generator lets you stack different styles to create genuinely unsettling text combinations.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 -->\r\n    <section class=\"pg-stg-section pg-stg-sec3\">\r\n        <div class=\"pg-stg-wrap\">\r\n            <h2 class=\"pg-stg-heading\">Where to Use <span class=\"pg-stg-kw\">Scary Text Generator<\/span> Results for Maximum Impact?<\/h2>\r\n            <p class=\"pg-stg-sub\">Scary text isn't just for Halloween \u2014 it's a year-round tool for gamers, content creators, and pranksters. Here are the most effective places to deploy our scary text generator output for real reactions.<\/p>\r\n            <div class=\"pg-stg-grid\">\r\n                <div class=\"pg-stg-card pg-stg-sec3-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(88,101,242,0.12);color:#5865f2;\"><i class=\"fa-solid fa-gamepad\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Horror Game Usernames and Bios<\/div>\r\n                    <p class=\"pg-stg-desc\">A Zalgo-infected username in Dead by Daylight, Phasmophobia, or Roblox horror games instantly sets the tone \u2014 our scary text generator creates names that look like they belong in the game itself.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec3-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(225,48,108,0.12);color:#e1306c;\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Creepy TikTok Captions and Comments<\/div>\r\n                    <p class=\"pg-stg-desc\">Scary text in TikTok horror content captions stops the scroll \u2014 viewers pause to decode the glitchy text, which pushes your video watch time up and signals the algorithm to boost it.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec3-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(255,0,80,0.10);color:#ff0050;\"><i class=\"fa-solid fa-spider\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Halloween Posts and Event Promos<\/div>\r\n                    <p class=\"pg-stg-desc\">Use our scary text generator for Halloween party invites, haunted house social posts, or October event announcements \u2014 cursed text creates instant spooky atmosphere without needing graphic design.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec3-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(29,161,242,0.12);color:#1da1f2;\"><i class=\"fa-solid fa-book-skull\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Creepypasta and Horror Fiction<\/div>\r\n                    <p class=\"pg-stg-desc\">Horror writers use our scary text generator for \"found footage\" style stories, cursed diary entries, and glitchy NPC dialogue \u2014 Zalgo text simulates digital corruption that adds raw authenticity to fiction.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec3-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(255,61,0,0.12);color:#ff3d00;\"><i class=\"fa-solid fa-comment-dots\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Pranking Friends in Group Chats<\/div>\r\n                    <p class=\"pg-stg-desc\">Drop a subtly corrupted message into a WhatsApp or Discord group \u2014 our scary text generator creates the perfect level of \"is my phone broken?\" confusion that always gets a massive reaction.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec3-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(0,200,83,0.12);color:#00c853;\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">YouTube Horror Channel Branding<\/div>\r\n                    <p class=\"pg-stg-desc\">Horror narrators and true crime channels use our scary text generator for video titles, end screens, and channel descriptions \u2014 glitchy text signals the dark content genre before viewers even click play.<\/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            --stg-cyan: #00b8d4;\r\n            --stg-grad: linear-gradient(135deg, #00b8d4, #ea00ff, #ff9100);\r\n            --stg-shadow: 0 12px 30px rgba(0, 184, 212, 0.16);\r\n            --stg-ease: cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --stg-speed: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --stg-ff: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        }\r\n\r\n        .pg-stg-section {\r\n            width: 100%;\r\n            padding: clamp(48px, 8vw, 96px) 20px;\r\n            position: relative;\r\n            font-family: var(--stg-ff);\r\n            color: #0a0a0a;\r\n            line-height: 1.6;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        .pg-stg-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .pg-stg-heading {\r\n            font-family: var(--stg-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-stg-kw {\r\n            color: #000000;\r\n            position: relative;\r\n        }\r\n\r\n        .pg-stg-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(--stg-grad);\r\n            border-radius: 3px;\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--stg-ease);\r\n        }\r\n\r\n        .pg-stg-section:hover .pg-stg-kw::after {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-stg-sub {\r\n            font-family: var(--stg-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-stg-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-stg-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(--stg-speed);\r\n            border: 1.5px solid #e0e0e8;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .pg-stg-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(--stg-grad);\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--stg-ease);\r\n            z-index: 4;\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-stg-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(0,184,212,0.10) 0%, rgba(234,0,255,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-stg-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-stg-card.pg-stg-down {\r\n            transform: translateY(-1px) scale(0.985) !important;\r\n        }\r\n\r\n        .pg-stg-card.pg-stg-down::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-stg-card.pg-stg-glow::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 1;\r\n        }\r\n\r\n        .pg-stg-card.pg-stg-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-stg-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(--stg-speed);\r\n            position: relative;\r\n            z-index: 3;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .pg-stg-card:hover .pg-stg-icon {\r\n            transform: scale(1.12) rotate(-4deg);\r\n        }\r\n\r\n        .pg-stg-card.pg-stg-down .pg-stg-icon {\r\n            transform: scale(1.04) rotate(0deg);\r\n        }\r\n\r\n        \/* === EMOJI === *\/\r\n        .pg-stg-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(--stg-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-stg-card:hover .pg-stg-emoji {\r\n            transform: scale(1.22) rotate(-6deg);\r\n        }\r\n\r\n        .pg-stg-card.pg-stg-down .pg-stg-emoji {\r\n            transform: scale(1.08) rotate(0deg);\r\n        }\r\n\r\n        \/* === TITLE === *\/\r\n        .pg-stg-title {\r\n            font-family: var(--stg-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-stg-desc {\r\n            font-family: var(--stg-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-stg-sec1 {\r\n            background: #ffffff;\r\n        }\r\n\r\n        .pg-stg-sec1 .pg-stg-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-stg-sec1 .pg-stg-card:hover {\r\n            border-color: var(--stg-cyan);\r\n            box-shadow: var(--stg-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 2 \u2014 gradient bg \/ white cards\r\n           ============================== *\/\r\n        .pg-stg-sec2 {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        }\r\n\r\n        .pg-stg-sec2 .pg-stg-heading.pg-stg-sec2-heading {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-stg-sec2 .pg-stg-kw.pg-stg-sec2-kw {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-stg-sec2 .pg-stg-kw.pg-stg-sec2-kw::after {\r\n            background: linear-gradient(90deg, #ffd700, #ff6b6b, #ffffff);\r\n        }\r\n\r\n        .pg-stg-sec2 .pg-stg-sub.pg-stg-sec2-sub {\r\n            color: rgba(255,255,255,0.9);\r\n        }\r\n\r\n        .pg-stg-sec2 .pg-stg-card.pg-stg-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-stg-sec2 .pg-stg-card.pg-stg-sec2-card::before {\r\n            background: linear-gradient(90deg, #667eea, #764ba2, #ffd700);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-stg-sec2 .pg-stg-card.pg-stg-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-stg-sec2 .pg-stg-card.pg-stg-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-stg-sec2 .pg-stg-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-stg-sec3 {\r\n            background: #ffffff;\r\n        }\r\n\r\n        .pg-stg-sec3 .pg-stg-card.pg-stg-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-stg-sec3 .pg-stg-card.pg-stg-sec3-card::before {\r\n            background: linear-gradient(90deg, #00b8d4, #ea00ff, #ff9100);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-stg-sec3 .pg-stg-card.pg-stg-sec3-card:hover {\r\n            border-color: var(--stg-cyan);\r\n            box-shadow: var(--stg-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-stg-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 16px;\r\n            }\r\n            .pg-stg-section {\r\n                padding: clamp(36px, 6vw, 64px) 16px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 540px) {\r\n            .pg-stg-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 14px;\r\n            }\r\n            .pg-stg-card {\r\n                padding: 22px;\r\n            }\r\n            .pg-stg-sub {\r\n                margin-bottom: 28px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .pg-stg-section {\r\n                padding: 32px 12px;\r\n            }\r\n            .pg-stg-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-stg-card');\r\n        cards.forEach(function(card) {\r\n            function glow(el) {\r\n                el.classList.remove('pg-stg-glow', 'pg-stg-glow-out');\r\n                void el.offsetWidth;\r\n                el.classList.add('pg-stg-glow');\r\n                setTimeout(function() {\r\n                    el.classList.add('pg-stg-glow-out');\r\n                }, 300);\r\n                setTimeout(function() {\r\n                    el.classList.remove('pg-stg-glow', 'pg-stg-glow-out');\r\n                }, 700);\r\n            }\r\n            card.addEventListener('mousedown', function() {\r\n                card.classList.add('pg-stg-down');\r\n            });\r\n            card.addEventListener('mouseup', function() {\r\n                setTimeout(function() {\r\n                    card.classList.remove('pg-stg-down');\r\n                }, 120);\r\n                glow(card);\r\n            });\r\n            card.addEventListener('mouseleave', function() {\r\n                card.classList.remove('pg-stg-down', 'pg-stg-glow', 'pg-stg-glow-out');\r\n            });\r\n            card.addEventListener('touchstart', function() {\r\n                card.classList.add('pg-stg-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-stg-down');\r\n                }, 150);\r\n            });\r\n            card.addEventListener('touchcancel', function() {\r\n                card.classList.remove('pg-stg-down', 'pg-stg-glow', 'pg-stg-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 Scary 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-tool-wrapper {\r\n        --primary-font: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n        --body-font: \"Consolas\", \"Monaco\", \"Courier New\", monospace;\r\n        \r\n        --theme-panel: rgba(10, 5, 8, 0.95); \r\n        --theme-panel-hover: rgba(15, 8, 12, 0.98);\r\n        --theme-border: rgba(255, 0, 43, 0.3); \r\n        \r\n        --blood-red: #ff002b;\r\n        --dark-blood: #8a0017;\r\n        --cursed-cyan: #00fff2;\r\n        --void-dark: #050204;\r\n        --text-bright: #f4e8ea;\r\n        --text-muted: #a09598;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        --grad-blood: linear-gradient(135deg, #ff002b 0%, #8a0017 100%);\r\n        --grad-cyan: linear-gradient(135deg, #00fff2 0%, #008888 100%);\r\n        --grad-shimmer: linear-gradient(90deg, transparent, rgba(255, 0, 43, 0.4), transparent);\r\n        \r\n        --glow-red: 0 0 25px rgba(255, 0, 43, 0.5);\r\n        --glow-cyan: 0 0 20px rgba(0, 255, 242, 0.4);\r\n        --shadow-ui: 0 20px 50px rgba(0, 0, 0, 0.9);\r\n        --glass-blur: blur(12px);\r\n        \r\n        --transition-ui: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        --transition-fast: all 0.2s ease;\r\n        \r\n        font-family: var(--primary-font);\r\n        color: var(--text-bright);\r\n        line-height: 1.5;\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        text-align: center; \r\n        \r\n        background: var(--grad-master);\r\n        background-attachment: fixed;\r\n    }\r\n\r\n    .pg-tool-wrapper * { box-sizing: border-box; }\r\n\r\n    .pg-container {\r\n        max-width: 1200px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        padding: 40px 20px !important;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .pg-hero-content-wrapper {\r\n        z-index: 2;\r\n        padding-top: 20px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pg-main-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 20px auto;\r\n        text-transform: uppercase;\r\n        letter-spacing: 5px;\r\n        color: #fff;\r\n        text-shadow: 3px 3px 0 #000, 0 0 20px rgba(255,0,43,0.4);\r\n        max-width: 900px;\r\n        position: relative;\r\n        display: inline-flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 14px;\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .pg-main-title i {\r\n        font-size: 1.6rem;\r\n        width: 64px;\r\n        height: 64px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        background: rgba(255, 0, 43, 0.12);\r\n        border: 2px solid rgba(255, 0, 43, 0.6);\r\n        color: var(--blood-red);\r\n        text-shadow: var(--glow-red);\r\n        box-shadow: 0 0 20px rgba(255, 0, 43, 0.2), inset 0 0 15px rgba(255, 0, 43, 0.1);\r\n        transition: var(--transition-ui);\r\n        animation: pgBadgePulse 2.5s ease-in-out infinite;\r\n    }\r\n    \r\n    .pg-main-title:hover i {\r\n        transform: scale(1.15);\r\n        border-color: var(--cursed-cyan);\r\n        color: var(--cursed-cyan);\r\n        text-shadow: var(--glow-cyan);\r\n        box-shadow: 0 0 25px rgba(0, 255, 242, 0.3), inset 0 0 15px rgba(0, 255, 242, 0.1);\r\n    }\r\n\r\n    .pg-main-title:hover {\r\n        letter-spacing: 7px;\r\n        text-shadow: 4px 4px 0 #000, 0 0 30px var(--blood-red);\r\n    }\r\n    \r\n    .pg-main-title::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -18px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: block;\r\n        width: 60px;\r\n        height: 3px;\r\n        background: var(--grad-blood);\r\n        border-radius: 5px;\r\n        transition: var(--transition-ui);\r\n        box-shadow: 0 0 10px rgba(255,0,43,0.3);\r\n    }\r\n    \r\n    .pg-main-title:hover::after {\r\n        width: 300px;\r\n        background: var(--grad-cyan);\r\n        box-shadow: 0 0 15px rgba(0,255,242,0.3);\r\n    }\r\n    \r\n    .pg-subtitle {\r\n        font-family: system-ui, sans-serif;\r\n        font-size: 1.1rem;\r\n        color: rgba(255, 255, 255, 0.8);\r\n        max-width: 750px;\r\n        margin: 25px auto 40px auto;\r\n        padding: 0 10px;\r\n        font-weight: 400;\r\n        letter-spacing: 0.3px;\r\n        text-shadow: 0 2px 5px rgba(0,0,0,0.8);\r\n    }\r\n\r\n    .pg-generator-card {\r\n        background: var(--theme-panel);\r\n        backdrop-filter: var(--glass-blur);\r\n        -webkit-backdrop-filter: var(--glass-blur);\r\n        border: 1px solid rgba(255, 0, 43, 0.15); \r\n        border-top-width: 3px;\r\n        border-top-color: transparent;\r\n        width: 100%;\r\n        box-shadow: var(--shadow-ui), 0 0 40px rgba(255, 0, 43, 0.05); \r\n        border-radius: 20px;\r\n        position: relative;\r\n        transform: translateY(0);\r\n        transition: var(--transition-ui);\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pg-controls-wrapper {\r\n        padding: 0;\r\n        background: transparent;\r\n        border-bottom: none;\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 0;\r\n        align-items: stretch;\r\n    }\r\n\r\n    .pg-input-section {\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n    }\r\n    \r\n    .pg-enhanced-input-wrapper {\r\n        background: #000000;\r\n        border: 2px solid rgba(255, 0, 43, 0.8);\r\n        border-radius: 20px 20px 0 0;\r\n        border-bottom: none;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex-grow: 1;\r\n        transition: var(--transition-ui);\r\n        box-shadow: 0 0 25px rgba(255, 0, 43, 0.2), 0 0 50px rgba(255, 0, 43, 0.08);\r\n        position: relative;\r\n    }\r\n\r\n    .pg-enhanced-input-wrapper::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -2px;\r\n        left: -2px;\r\n        right: -2px;\r\n        bottom: -2px;\r\n        border-radius: 20px 20px 0 0;\r\n        background: linear-gradient(135deg, rgba(255,0,43,0.6) 0%, transparent 25%, transparent 75%, rgba(0,255,242,0.5) 100%);\r\n        z-index: 0;\r\n        pointer-events: none;\r\n        opacity: 0.7;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .pg-enhanced-input-wrapper:hover::before {\r\n        opacity: 1;\r\n    }\r\n\r\n    .pg-enhanced-input-wrapper:focus-within {\r\n        border-color: var(--blood-red);\r\n        box-shadow: 0 0 30px rgba(255, 0, 43, 0.4), 0 0 60px rgba(255, 0, 43, 0.15), 0 0 90px rgba(255, 0, 43, 0.05);\r\n    }\r\n\r\n    .pg-enhanced-input-wrapper:focus-within::before {\r\n        opacity: 1;\r\n        background: linear-gradient(135deg, rgba(255,0,43,0.8) 0%, rgba(255,0,43,0.3) 25%, rgba(0,255,242,0.3) 75%, rgba(0,255,242,0.7) 100%);\r\n    }\r\n    \r\n    .pg-text-input {\r\n        width: 100% !important;\r\n        min-height: 120px !important;\r\n        flex-grow: 1;\r\n        padding: 25px !important;\r\n        background: #000000 !important;\r\n        border: none !important;\r\n        color: #fff !important;\r\n        font-family: var(--body-font) !important;\r\n        font-weight: 500 !important;\r\n        font-size: 1.6rem !important;\r\n        outline: none !important;\r\n        text-align: center !important;\r\n        text-shadow: 0 2px 4px rgba(0,0,0,0.9);\r\n        white-space: pre-wrap !important;\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        resize: none;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .pg-text-input::placeholder {\r\n        color: rgba(255, 0, 43, 0.4);\r\n        font-style: italic;\r\n    }\r\n\r\n    .pg-input-toolbar {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 8px;\r\n        background: #000000;\r\n        padding: 12px 20px;\r\n        border: 2px solid rgba(255, 0, 43, 0.8);\r\n        border-top: 1px solid rgba(255, 0, 43, 0.5);\r\n        border-radius: 0 0 20px 20px;\r\n        position: relative;\r\n        z-index: 1;\r\n        box-shadow: 0 0 20px rgba(255, 0, 43, 0.15), 0 0 40px rgba(255, 0, 43, 0.05);\r\n    }\r\n\r\n    .pg-input-toolbar::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -2px;\r\n        left: -2px;\r\n        right: -2px;\r\n        top: -2px;\r\n        border-radius: 0 0 20px 20px;\r\n        background: linear-gradient(135deg, transparent 0%, transparent 70%, rgba(0,255,242,0.4) 100%);\r\n        z-index: -1;\r\n        pointer-events: none;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .pg-toolbar-btn {\r\n        background: rgba(255, 255, 255, 0.04);\r\n        color: var(--text-muted);\r\n        border: 1px solid rgba(255, 255, 255, 0.06);\r\n        padding: 7px 14px;\r\n        font-family: system-ui, sans-serif;\r\n        font-size: 0.7rem;\r\n        font-weight: 600;\r\n        border-radius: 50px;\r\n        cursor: pointer;\r\n        transition: var(--transition-fast);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n    }\r\n\r\n    .pg-toolbar-btn i { transition: transform 0.2s ease; font-size: 0.8rem; }\r\n\r\n    .pg-toolbar-btn:hover {\r\n        background: rgba(255, 0, 43, 0.12);\r\n        color: var(--blood-red);\r\n        border-color: rgba(255, 0, 43, 0.3);\r\n        box-shadow: 0 0 8px rgba(255, 0, 43, 0.2);\r\n    }\r\n\r\n    .pg-toolbar-btn:hover i { transform: translateY(-1px); color: var(--cursed-cyan); }\r\n    .pg-toolbar-btn:active { transform: scale(0.95); }\r\n    \r\n    .pg-preset-select {\r\n        background: rgba(0, 255, 242, 0.06);\r\n        color: var(--cursed-cyan);\r\n        border: 1px solid rgba(0, 255, 242, 0.2);\r\n        padding: 7px 14px;\r\n        font-family: system-ui, sans-serif;\r\n        font-size: 0.7rem;\r\n        font-weight: 700;\r\n        border-radius: 50px;\r\n        cursor: pointer;\r\n        outline: none;\r\n        transition: var(--transition-fast);\r\n        text-transform: uppercase;\r\n        appearance: none;\r\n        flex-grow: 1;\r\n        max-width: 200px;\r\n    }\r\n    \r\n    .pg-preset-select:hover, .pg-preset-select:focus {\r\n        background: rgba(0, 255, 242, 0.15);\r\n        border-color: var(--cursed-cyan);\r\n        box-shadow: 0 0 10px rgba(0, 255, 242, 0.2);\r\n    }\r\n    \r\n    .pg-preset-select option {\r\n        background: var(--void-dark);\r\n        color: #fff;\r\n    }\r\n\r\n    .pg-settings-section {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        flex-direction: unset;\r\n        gap: 0;\r\n    }\r\n\r\n    .pg-settings-section > div {\r\n        padding: 25px;\r\n        border: 1px solid rgba(255, 0, 43, 0.1);\r\n        background: rgba(5, 2, 4, 0.6);\r\n        transition: var(--transition-fast);\r\n    }\r\n\r\n    .pg-settings-section > div:first-child {\r\n        border-radius: 0;\r\n        border-right: none;\r\n    }\r\n\r\n    .pg.settings-section > div:last-child {\r\n        border-radius: 0;\r\n    }\r\n\r\n    .pg-settings-section > div:hover {\r\n        background: rgba(10, 5, 8, 0.8);\r\n    }\r\n\r\n    .pg-panel-label {\r\n        display: flex;\r\n        align-items: center;\r\n        font-family: system-ui, sans-serif;\r\n        font-size: 0.75rem;\r\n        font-weight: 800;\r\n        color: rgba(255,255,255,0.6);\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 14px;\r\n    }\r\n    \r\n    .pg-panel-label i {\r\n        color: var(--blood-red);\r\n        margin-right: 8px;\r\n        font-size: 0.9rem;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .pg-grid-options {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 8px;\r\n    }\r\n\r\n    .pg-option-btn {\r\n        background: rgba(0, 0, 0, 0.4);\r\n        border: 1px solid rgba(255, 255, 255, 0.06);\r\n        padding: 9px 16px;\r\n        color: var(--text-muted);\r\n        font-family: system-ui, sans-serif;\r\n        font-size: 0.68rem;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        border-radius: 50px;\r\n        transition: var(--transition-fast);\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: center;\r\n        gap: 7px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-option-btn i {\r\n        font-size: 0.95rem;\r\n        transition: var(--transition-ui);\r\n    }\r\n\r\n    .pg-option-btn::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 0; height: 100%;\r\n        background: rgba(255, 0, 43, 0.12);\r\n        transition: width 0.3s ease;\r\n        transform: none;\r\n        z-index: 0;\r\n        border-radius: 50px;\r\n    }\r\n\r\n    .pg-option-btn > * { position: relative; z-index: 1; }\r\n\r\n    .pg-option-btn:hover {\r\n        border-color: rgba(255, 0, 43, 0.35);\r\n        color: #fff;\r\n        transform: translateY(-1px);\r\n    }\r\n    \r\n    .pg-option-btn:hover::after { width: 100%; }\r\n\r\n    .pg-option-btn:hover i {\r\n        transform: scale(1.1);\r\n        color: var(--blood-red);\r\n    }\r\n\r\n    .pg-option-btn.active { \r\n        background: var(--blood-red);\r\n        color: #fff; \r\n        border-color: var(--blood-red);\r\n        box-shadow: 0 0 18px rgba(255, 0, 43, 0.4);\r\n    }\r\n    \r\n    .pg-option-btn.active::after {\r\n        width: 100%;\r\n        background: rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .pg-option-btn.active i {\r\n        color: #fff;\r\n        text-shadow: none;\r\n    }\r\n\r\n    .pg-results-area { \r\n        padding: 35px 25px; \r\n        position: relative; \r\n    }\r\n    \r\n    .pg-result-list {\r\n        display: grid;\r\n        grid-template-columns: 1fr; \r\n        gap: 16px;\r\n        position: relative; \r\n        z-index: 2;\r\n    }\r\n\r\n    .pg-result-card {\r\n        background: rgba(8, 3, 6, 0.9);\r\n        border: 1px solid rgba(255, 0, 43, 0.12);\r\n        border-left: 4px solid var(--blood-red);\r\n        padding: 0;\r\n        transition: var(--transition-ui);\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        min-height: 100px; \r\n        box-sizing: border-box;\r\n        animation: pgCardFadeIn 0.3s ease both;\r\n    }\r\n    \r\n    .pg-result-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 4px;\r\n        height: 100%;\r\n        background: var(--grad-blood);\r\n        transition: all 0.3s ease;\r\n        opacity: 1;\r\n        border-radius: 12px 0 0 12px;\r\n        z-index: 2;\r\n    }\r\n    \r\n    .pg-result-card:hover {\r\n        transform: translateY(-3px) scale(1.005);\r\n        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 0, 43, 0.12);\r\n        border-color: rgba(255, 0, 43, 0.4);\r\n        border-left-color: transparent;\r\n        background: rgba(12, 5, 10, 0.98);\r\n        z-index: 10;\r\n    }\r\n    \r\n    .pg-result-card:hover::before {\r\n        width: 6px;\r\n        background: linear-gradient(180deg, var(--cursed-cyan) 0%, var(--blood-red) 100%);\r\n        box-shadow: 0 0 15px rgba(0, 255, 242, 0.25);\r\n    }\r\n\r\n    .pg-card-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        width: 100%;\r\n        margin-bottom: 0;\r\n        border-bottom: 1px solid rgba(255,255,255,0.04);\r\n        padding: 16px 22px;\r\n    }\r\n    \r\n    .pg-card-title {\r\n        font-family: system-ui, sans-serif;\r\n        font-size: 0.78rem;\r\n        font-weight: 800;\r\n        color: var(--text-muted);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        transition: var(--transition-fast);\r\n        min-width: 0;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-card-title i {\r\n        color: rgba(0, 255, 242, 0.5);\r\n        font-size: 1rem;\r\n        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .pg-result-card:hover .pg-card-title {\r\n        color: #fff;\r\n        letter-spacing: 2px;\r\n    }\r\n    \r\n    .pg-result-card:hover .pg-card-title i {\r\n        transform: scale(1.3);\r\n        color: var(--blood-red);\r\n        text-shadow: var(--glow-red);\r\n    }\r\n\r\n    .pg-card-copy-btn {\r\n        background: rgba(255, 0, 43, 0.08);\r\n        border: 1px solid rgba(255, 0, 43, 0.2);\r\n        color: var(--blood-red);\r\n        width: 38px;\r\n        height: 38px;\r\n        min-width: 38px;\r\n        border-radius: 50px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: var(--transition-fast);\r\n        outline: none;\r\n        flex-shrink: 0;\r\n        z-index: 5;\r\n    }\r\n    \r\n    .pg-card-copy-btn i {\r\n        font-size: 1rem;\r\n        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n    \r\n    .pg-card-copy-btn:hover {\r\n        background: var(--blood-red);\r\n        border-color: var(--blood-red);\r\n        color: #fff;\r\n        box-shadow: var(--glow-red);\r\n        transform: scale(1.08);\r\n    }\r\n    \r\n    .pg-card-copy-btn:hover i { transform: scale(1.15) translateY(-1px); }\r\n    .pg-card-copy-btn:active { transform: scale(0.95); }\r\n\r\n    .pg-card-preview {\r\n        font-size: 1.7rem;\r\n        color: #fff;\r\n        width: 100%;\r\n        text-align: center;\r\n        font-family: var(--body-font);\r\n        position: relative;\r\n        z-index: 1;\r\n        padding: 22px;\r\n        transition: var(--transition-fast);\r\n        white-space: pre-wrap !important;\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        box-sizing: border-box !important;\r\n        text-shadow: 2px 2px 5px #000;\r\n        line-height: 1.8;\r\n        background: rgba(0, 0, 0, 0.25);\r\n        border-radius: 0 0 12px 12px;\r\n        margin: 0;\r\n    }\r\n    \r\n    .pg-result-card:hover .pg-card-preview {\r\n        color: var(--text-bright);\r\n        text-shadow: 2px 2px 8px #000, 0 0 12px rgba(255,0,43,0.3);\r\n        background: rgba(0, 0, 0, 0.35);\r\n    }\r\n\r\n    .pg-btn-load {\r\n        background: var(--grad-blood);\r\n        color: #fff;\r\n        border: none;\r\n        padding: 16px 40px;\r\n        font-family: system-ui, sans-serif;\r\n        font-weight: 800;\r\n        font-size: 0.9rem;\r\n        cursor: pointer;\r\n        margin-top: 35px;\r\n        text-transform: uppercase;\r\n        border-radius: 50px;\r\n        transition: var(--transition-fast);\r\n        position: relative;\r\n        z-index: 2;\r\n        letter-spacing: 2px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        box-shadow: 0 4px 15px rgba(255, 0, 43, 0.3);\r\n        overflow: visible;\r\n    }\r\n    \r\n    .pg-btn-load::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -2px; left: -2px; right: -2px; bottom: -2px;\r\n        border-radius: 52px;\r\n        border: 2px solid var(--blood-red);\r\n        opacity: 0;\r\n        transition: all 0.4s ease;\r\n        z-index: -1;\r\n        pointer-events: none;\r\n        animation: pgBtnPulse 2.5s ease-out infinite;\r\n    }\r\n    \r\n    .pg-btn-load::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%; width: 50%; height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\r\n        transform: skewX(-20deg);\r\n        pointer-events: none;\r\n        animation: pgShimmer 3.5s ease-in-out infinite;\r\n    }\r\n    \r\n    .pg-btn-load i { transition: transform 0.3s ease; }\r\n    \r\n    .pg-btn-load:hover { \r\n        box-shadow: 0 6px 25px rgba(255, 0, 43, 0.5);\r\n        transform: translateY(-3px);\r\n        letter-spacing: 3px;\r\n    }\r\n    \r\n    .pg-btn-load:hover::before { animation: none; opacity: 0.6; transform: scale(1.04, 1.15); }\r\n    .pg-btn-load:hover i { transform: translateY(3px); color: var(--cursed-cyan); }\r\n    .pg-btn-load:active { transform: translateY(0); }\r\n\r\n    .pg-toast {\r\n        visibility: hidden;\r\n        background: rgba(10, 2, 5, 0.95);\r\n        backdrop-filter: blur(10px);\r\n        color: #fff;\r\n        padding: 14px 28px;\r\n        position: fixed;\r\n        left: 50%;\r\n        bottom: 40px;\r\n        transform: translateX(-50%) translateY(20px);\r\n        font-family: system-ui, sans-serif;\r\n        font-weight: 800;\r\n        z-index: 10000;\r\n        border-radius: 50px;\r\n        border: 1px solid rgba(255, 0, 43, 0.5);\r\n        text-transform: uppercase;\r\n        box-shadow: var(--shadow-ui), 0 0 20px rgba(255,0,43,0.3);\r\n        letter-spacing: 1px;\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: 10px;\r\n        font-size: 0.85rem;\r\n    }\r\n    \r\n    .pg-toast i { color: var(--cursed-cyan); font-size: 1.1rem; }\r\n    \r\n    .pg-toast.show { \r\n        visibility: visible; \r\n        opacity: 1;\r\n        transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    @keyframes pgCardFadeIn {\r\n        from { opacity: 0; transform: scale(0.98) translateY(8px); }\r\n        to { opacity: 1; transform: scale(1) translateY(0); }\r\n    }\r\n\r\n    @keyframes pgBadgePulse {\r\n        0%, 100% { box-shadow: 0 0 20px rgba(255, 0, 43, 0.2), inset 0 0 15px rgba(255, 0, 43, 0.1); }\r\n        50% { box-shadow: 0 0 30px rgba(255, 0, 43, 0.35), inset 0 0 15px rgba(255, 0, 43, 0.15); }\r\n    }\r\n\r\n    @keyframes pgBtnPulse {\r\n        0% { transform: scale(1); opacity: 0.4; }\r\n        100% { transform: scale(1.04, 1.15); opacity: 0; }\r\n    }\r\n\r\n    @keyframes pgShimmer {\r\n        0%, 100% { left: -100%; }\r\n        50% { left: 200%; }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .pg-main-title { font-size: 2.2rem; letter-spacing: 3px; }\r\n        .pg-settings-section { grid-template-columns: 1fr; }\r\n        .pg-settings-section > div:first-child { border-right: 1px solid rgba(255, 0, 43, 0.1); border-bottom: none; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .pg-container { padding: 30px 15px !important; }\r\n        .pg-results-area { padding: 25px 15px; }\r\n        .pg-text-input { min-height: 90px !important; font-size: 1.3rem !important; }\r\n        .pg-input-toolbar { gap: 6px; padding: 10px 15px; }\r\n        .pg-preset-select { max-width: 100%; }\r\n        .pg-result-list { gap: 12px; }\r\n        .pg-grid-options { gap: 6px; }\r\n        .pg-option-btn { padding: 7px 12px; font-size: 0.62rem; gap: 5px; }\r\n        .pg-option-btn i { font-size: 0.85rem; }\r\n        .pg-btn-load { padding: 14px 30px; font-size: 0.8rem; width: 100%; justify-content: center; }\r\n        .pg-main-title { font-size: 1.7rem; letter-spacing: 2px; }\r\n        .pg-main-title i { width: 50px; height: 50px; font-size: 1.2rem; }\r\n        .pg-subtitle { font-size: 0.85rem; margin-top: 20px; margin-bottom: 30px; }\r\n        .pg-card-header { padding: 12px 16px; }\r\n        .pg-card-preview { padding: 16px; font-size: 1.3rem; }\r\n        .pg-settings-section > div { padding: 18px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-tool-wrapper\" id=\"pg-scary-text-tool\">\r\n    <div class=\"pg-container pg-hero-content-wrapper\">\r\n        <h1 class=\"pg-main-title\"><i class=\"fa-solid fa-spider\"><\/i> Scary Text Generator - Frighten Instantly<\/h1>\r\n        <p class=\"pg-subtitle\">Corrupt your words. Combine jagged distortions, creeping symbols, and cursed Zalgo combining marks to summon terrifying, glitchy text that will unsettle anyone reading it.<\/p>\r\n        \r\n        <div class=\"pg-generator-card\">\r\n            <div class=\"pg-controls-wrapper\">\r\n                \r\n                <div class=\"pg-input-section\">\r\n                    <div class=\"pg-panel-label\"><i class=\"fa-solid fa-pen-nib\"><\/i> Target Soul<\/div>\r\n                    <div class=\"pg-enhanced-input-wrapper\">\r\n                        <textarea class=\"pg-text-input\" id=\"pgInputText\" placeholder=\"He comes...\"><\/textarea>\r\n                        \r\n                        <div class=\"pg-input-toolbar\">\r\n                            <button class=\"pg-toolbar-btn\" id=\"pgBtnPaste\"><i class=\"fa-solid fa-paste\"><\/i> Paste<\/button>\r\n                            <button class=\"pg-toolbar-btn\" id=\"pgBtnSelectAll\"><i class=\"fa-solid fa-object-group\"><\/i> Select<\/button>\r\n                            <button class=\"pg-toolbar-btn\" id=\"pgBtnCopy\"><i class=\"fa-solid fa-copy\"><\/i> Copy Base<\/button>\r\n                            \r\n                            <select class=\"pg-preset-select\" id=\"pgPresetSelect\">\r\n                                <option value=\"\" disabled selected>\u2728 Demonic Presets<\/option>\r\n                                <option value=\"I am watching you right now.\">Watching You<\/option>\r\n                                <option value=\"There is no escape from the void.\">No Escape<\/option>\r\n                                <option value=\"Can you hear the scratching at the door?\">Scratching<\/option>\r\n                                <option value=\"Do not turn around.\">Do Not Turn<\/option>\r\n                                <option value=\"The blood moon rises.\">Blood Moon<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"pg-settings-section\">\r\n                    <div>\r\n                        <div class=\"pg-panel-label\"><i class=\"fa-solid fa-skull\"><\/i> Corruption Depth (Zalgo)<\/div>\r\n                        <div class=\"pg-grid-options\">\r\n                            <button class=\"pg-option-btn mode-btn active\" data-val=\"Creeping\">\r\n                                <i class=\"fa-solid fa-ghost\"><\/i> Creeping\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn mode-btn\" data-val=\"Haunted\">\r\n                                <i class=\"fa-solid fa-bat\"><\/i> Haunted\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn mode-btn\" data-val=\"Possessed\">\r\n                                <i class=\"fa-solid fa-disease\"><\/i> Possessed\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn mode-btn\" data-val=\"Nightmare\">\r\n                                <i class=\"fa-solid fa-biohazard\"><\/i> Nightmare\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <div class=\"pg-panel-label\"><i class=\"fa-solid fa-font\"><\/i> Visual Distortion<\/div>\r\n                        <div class=\"pg-grid-options\">\r\n                            <button class=\"pg-option-btn style-btn active\" data-val=\"Base\">\r\n                                <i class=\"fa-solid fa-n\"><\/i> Base Text\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn style-btn\" data-val=\"Jagged\">\r\n                                <i class=\"fa-solid fa-bolt\"><\/i> Jagged Bones\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn style-btn\" data-val=\"Demonic\">\r\n                                <i class=\"fa-solid fa-book-dead\"><\/i> Demonic Runes\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn style-btn\" data-val=\"Slashed\">\r\n                                <i class=\"fa-solid fa-slash\"><\/i> Slashed Bleed\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"pg-results-area\">\r\n                <div class=\"pg-result-list\" id=\"pgResultList\"><\/div>\r\n                <button class=\"pg-btn-load\" id=\"pgLoadMoreBtn\"><span>Summon More Entities<\/span> <i class=\"fa-solid fa-arrow-down\"><\/i><\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"pgToast\" class=\"pg-toast\"><i class=\"fa-solid fa-check-double\"><\/i> Entity Copied<\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const wrapper = document.getElementById('pg-scary-text-tool');\r\n    const inputEl = wrapper.querySelector('#pgInputText');\r\n    const resultList = wrapper.querySelector('#pgResultList');\r\n    const loadMoreBtn = wrapper.querySelector('#pgLoadMoreBtn');\r\n    const toast = wrapper.querySelector('#pgToast');\r\n    \r\n    const btnPaste = wrapper.querySelector('#pgBtnPaste');\r\n    const btnSelectAll = wrapper.querySelector('#pgBtnSelectAll');\r\n    const btnCopy = wrapper.querySelector('#pgBtnCopy');\r\n    const presetSelect = wrapper.querySelector('#pgPresetSelect');\r\n\r\n    let currentMode = 'Creeping';\r\n    let currentStyle = 'Base';\r\n    let limit = 6; \r\n    const LOAD_INCREMENT = 6; \r\n\r\n    const baseChars = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ\";\r\n    const jaggedChars = \"\u20b3\u0e3f\u20b5\u0110\u0246\u20a3\u20b2\u2c67\u0142J\u20ad\u2c60M\u20a6\u00d8\u20b1Q\u2c64\u20b4\u20aeUV\u20a9X\u024eZ\u20b3\u0e3f\u20b5\u0110\u0246\u20a3\u20b2\u2c67\u0142J\u20ad\u2c60M\u20a6\u00d8\u20b1Q\u2c64\u20b4\u20aeUV\u20a9X\u024eZ\";\r\n    const demonicChars = \"\u0e04\u0e52\u03c2\u0e54\u0454\u0166\ufeee\u0452\u0e40\u05df\u043a\u026d\u0e53\u0e20\u0e4f\u05e7\u1ee3\u0433\u0e23\u0547\u0e22\u05e9\u0e2c\u05d0\u05e5\u0579\u0e04\u0e52\u03c2\u0e54\u0454\u0166\ufeee\u0452\u0e40\u05df\u043a\u026d\u0e53\u0e20\u0e4f\u05e7\u1ee3\u0433\u0e23\u0547\u0e22\u05e9\u0e2c\u05d0\u05e5\u0579\";\r\n    \r\n    const zalgoUp = ['\\u030d', '\\u030e', '\\u0304', '\\u0305', '\\u033f', '\\u0311', '\\u0306', '\\u0310', '\\u0352', '\\u0351', '\\u030b', '\\u030f', '\\u0312', '\\u0313', '\\u0314', '\\u033d', '\\u0309', '\\u0363', '\\u0364', '\\u0365', '\\u0366', '\\u0367', '\\u0368', '\\u0369', '\\u036a', '\\u036b', '\\u036c', '\\u036d', '\\u036e', '\\u036f', '\\u033e', '\\u035b', '\\u0346', '\\u031a'];\r\n    const zalgoDown = ['\\u0316', '\\u0317', '\\u0318', '\\u0319', '\\u031c', '\\u031d', '\\u031e', '\\u031f', '\\u0320', '\\u0324', '\\u0325', '\\u0326', '\\u0329', '\\u032a', '\\u032b', '\\u032c', '\\u032d', '\\u032e', '\\u032f', '\\u0330', '\\u0331', '\\u0332', '\\u0333', '\\u0339', '\\u033a', '\\u033b', '\\u033c', '\\u0345', '\\u0347', '\\u0348', '\\u0349', '\\u034d', '\\u034e', '\\u0353', '\\u0354', '\\u0355', '\\u0356', '\\u0359', '\\u035a', '\\u0323'];\r\n    const zalgoMid = ['\\u0315', '\\u031b', '\\u0340', '\\u0341', '\\u0358', '\\u0321', '\\u0322', '\\u0327', '\\u0328', '\\u0334', '\\u0335', '\\u0336', '\\u034f', '\\u035c', '\\u035d', '\\u035e', '\\u035f', '\\u0360', '\\u0362', '\\u0338', '\\u0337', '\\u0361', '\\u0489'];\r\n\r\n    const rand = (max) => Math.floor(Math.random() * max);\r\n\r\n    const copyToClipboard = (text, btnElement) => {\r\n        const textArea = document.createElement(\"textarea\");\r\n        textArea.value = text;\r\n        textArea.style.top = \"0\";\r\n        textArea.style.left = \"0\";\r\n        textArea.style.position = \"fixed\";\r\n        textArea.style.opacity = \"0\";\r\n        document.body.appendChild(textArea);\r\n        textArea.focus();\r\n        textArea.select();\r\n        \r\n        try {\r\n            document.execCommand('copy');\r\n            showToast(btnElement);\r\n        } catch (err) {\r\n            if (navigator.clipboard) {\r\n                navigator.clipboard.writeText(text).then(() => showToast(btnElement));\r\n            }\r\n        }\r\n        document.body.removeChild(textArea);\r\n    };\r\n\r\n    const showToast = (btn) => {\r\n        if(btn) {\r\n            btn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i>';\r\n            btn.style.background = 'var(--blood-red)';\r\n            btn.style.borderColor = 'var(--blood-red)';\r\n            btn.style.color = '#fff';\r\n            \r\n            setTimeout(() => {\r\n                btn.innerHTML = '<i class=\"fa-regular fa-copy\"><\/i>';\r\n                btn.style.background = '';\r\n                btn.style.borderColor = '';\r\n                btn.style.color = '';\r\n            }, 2000);\r\n        }\r\n        \r\n        toast.classList.add('show');\r\n        setTimeout(() => toast.classList.remove('show'), 2000);\r\n    };\r\n\r\n    const generateConfigs = () => {\r\n        const templates = [];\r\n        const names = [\r\n            'Poltergeist', 'Demon Swarm', 'Void Whisper', 'Blood Hex', \r\n            'Cursed Soul', 'Nightmare Glitch', 'Abyssal Rot', 'Shadow Fiend',\r\n            'Shattered Mind', 'Eldritch Terror', 'Crimson Tear', 'Dark Manifest'\r\n        ];\r\n        \r\n        for(let i=0; i<120; i++){\r\n            templates.push({\r\n                id: `scary-${i}`,\r\n                name: names[i % names.length] + ` Class-${Math.floor(Math.random()*99)+1}`,\r\n                icon: ['ghost', 'spider', 'disease', 'skull', 'crow', 'eye'][i % 6]\r\n            });\r\n        }\r\n        return templates.sort(() => Math.random() - 0.5);\r\n    };\r\n\r\n    const ALL_STYLES = generateConfigs();\r\n\r\n    const getZalgoBounds = (mode) => {\r\n        switch(mode) {\r\n            case 'Creeping': return { u: [1,2], d: [1,2], m: [0,1] };\r\n            case 'Haunted': return { u: [3,6], d: [3,6], m: [1,2] };\r\n            case 'Possessed': return { u: [6,12], d: [6,12], m: [2,4] };\r\n            case 'Nightmare': return { u: [15,25], d: [15,25], m: [4,8] };\r\n            default: return { u: [1,2], d: [1,2], m: [0,1] };\r\n        }\r\n    };\r\n\r\n    const transformLogic = (text, mode, style, variationIndex) => {\r\n        if (!text) return \"\";\r\n        let result = '';\r\n        const bounds = getZalgoBounds(mode);\r\n\r\n        Array.from(text).forEach(c => {\r\n            if (c === ' ') { result += ' '; return; }\r\n            \r\n            let char = c;\r\n            \r\n            if (style === 'Jagged') {\r\n                const idx = baseChars.indexOf(c);\r\n                if(idx !== -1) char = jaggedChars[idx];\r\n            } else if (style === 'Demonic') {\r\n                const idx = baseChars.indexOf(c);\r\n                if(idx !== -1) char = demonicChars[idx];\r\n            } else if (style === 'Slashed') {\r\n                char = c + '\\u0338';\r\n            }\r\n\r\n            const numUp = bounds.u[0] + rand(bounds.u[1] - bounds.u[0] + 1);\r\n            const numMid = bounds.m[0] + rand(bounds.m[1] - bounds.m[0] + 1);\r\n            const numDown = bounds.d[0] + rand(bounds.d[1] - bounds.d[0] + 1);\r\n\r\n            for(let i=0; i<numUp; i++) char += zalgoUp[rand(zalgoUp.length)];\r\n            for(let i=0; i<numMid; i++) char += zalgoMid[rand(zalgoMid.length)];\r\n            for(let i=0; i<numDown; i++) char += zalgoDown[rand(zalgoDown.length)];\r\n\r\n            result += char;\r\n        });\r\n\r\n        return result;\r\n    };\r\n\r\n    const render = () => {\r\n        resultList.innerHTML = '';\r\n        let raw = inputEl.value || \"He comes...\";\r\n        \r\n        const displayList = ALL_STYLES.slice(0, limit);\r\n\r\n        displayList.forEach((s, idx) => {\r\n            const out = transformLogic(raw, currentMode, currentStyle, idx);\r\n            \r\n            const card = document.createElement('div');\r\n            card.className = 'pg-result-card';\r\n            card.style.animationDelay = `${idx * 0.03}s`;\r\n            \r\n            card.innerHTML = `\r\n                <div class=\"pg-card-header\">\r\n                    <div class=\"pg-card-title\">\r\n                        <i class=\"fa-solid fa-${s.icon}\"><\/i> \r\n                        ${s.name}\r\n                    <\/div>\r\n                    <button class=\"pg-card-copy-btn\" title=\"Copy Text\"><i class=\"fa-regular fa-copy\"><\/i><\/button>\r\n                <\/div>\r\n                <div class=\"pg-card-preview\">${out}<\/div>\r\n            `;\r\n            \r\n            const copyBtn = card.querySelector('.pg-card-copy-btn');\r\n            copyBtn.addEventListener('click', (e) => {\r\n                e.preventDefault();\r\n                copyToClipboard(out, copyBtn);\r\n            });\r\n            \r\n            resultList.appendChild(card);\r\n        });\r\n\r\n        loadMoreBtn.style.display = limit >= ALL_STYLES.length ? 'none' : 'inline-flex';\r\n        const remaining = Math.max(0, ALL_STYLES.length - limit);\r\n        if (remaining > 0) {\r\n            loadMoreBtn.querySelector('span').innerText = `Summon More Entities (${remaining})`;\r\n        }\r\n    };\r\n\r\n    inputEl.addEventListener('input', render);\r\n    \r\n    btnPaste.addEventListener('click', async (e) => {\r\n        e.preventDefault();\r\n        try {\r\n            const text = await navigator.clipboard.readText();\r\n            inputEl.value = text;\r\n            render();\r\n        } catch (err) {\r\n            inputEl.focus();\r\n            document.execCommand('paste');\r\n            render();\r\n        }\r\n    });\r\n\r\n    btnSelectAll.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        inputEl.select();\r\n    });\r\n\r\n    btnCopy.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        if(inputEl.value) {\r\n            copyToClipboard(inputEl.value, null);\r\n            toast.querySelector('i').className = 'fa-solid fa-copy';\r\n            toast.querySelector('i').nextSibling.textContent = ' Source Copied';\r\n            setTimeout(() => {\r\n                toast.querySelector('i').className = 'fa-solid fa-check-double';\r\n                toast.querySelector('i').nextSibling.textContent = ' Entity Copied';\r\n            }, 2000);\r\n        }\r\n    });\r\n    \r\n    presetSelect.addEventListener('change', (e) => {\r\n        if(e.target.value) {\r\n            inputEl.value = e.target.value;\r\n            render();\r\n            e.target.selectedIndex = 0; \r\n        }\r\n    });\r\n    \r\n    loadMoreBtn.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        limit += LOAD_INCREMENT; \r\n        render(); \r\n    });\r\n\r\n    wrapper.querySelectorAll('.mode-btn').forEach(btn => {\r\n        btn.addEventListener('click', (e) => {\r\n            e.preventDefault();\r\n            wrapper.querySelectorAll('.mode-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentMode = btn.getAttribute('data-val');\r\n            limit = 6; \r\n            render(); \r\n        });\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            currentStyle = btn.getAttribute('data-val');\r\n            limit = 6; \r\n            render(); \r\n        });\r\n    });\r\n\r\n    render();\r\n});\r\n<\/script>\r\n<!-- END OF FILE Scary Text Generator -->\r\n\r\n\r\n<!-- <content section is starting -->\r\n\r\n<div>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <!-- SECTION 1 -->\r\n\r\n\r\n\r\n\r\n<section class=\"pg-stg-section pg-stg-sec1\">\r\n        <div class=\"pg-stg-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-stg-section pg-stg-sec1\">\r\n        <div class=\"pg-stg-wrap\">\r\n            <h2 class=\"pg-stg-heading\">What Makes This <span class=\"pg-stg-kw\">Scary Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-stg-sub\">Most horror font tools break on mobile or produce garbled nonsense. Our scary text generator uses precise Unicode combining characters and glitch algorithms to create genuinely creepy text that renders flawlessly everywhere.<\/p>\r\n            <div class=\"pg-stg-grid\">\r\n                <div class=\"pg-stg-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(156,39,176,0.12);color:#9c27b0;\"><i class=\"fa-solid fa-ghost\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Authentic Zalgo Glitch Text<\/div>\r\n                    <p class=\"pg-stg-desc\">Our scary text generator uses real Unicode combining diacritics to create that classic \"corrupted\" Zalgo effect \u2014 not fake characters that turn into empty boxes on other devices.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(244,67,54,0.12);color:#f44336;\"><i class=\"fa-solid fa-skull\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Multiple Horror Font Styles<\/div>\r\n                    <p class=\"pg-stg-desc\">Choose from Zalgo text, creepy script, cursed unicode, horror symbols, and glitch effects \u2014 our scary text generator gives you five distinct styles for every type of frightening vibe.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(0,184,212,0.12);color:#00b8d4;\"><i class=\"fa-solid fa-gauge-high\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Instant Creepy Conversion<\/div>\r\n                    <p class=\"pg-stg-desc\">Type a single word and watch it get infected with scary characters instantly \u2014 our scary text generator processes everything in your browser with zero loading time or server delays.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(76,175,80,0.12);color:#4caf50;\"><i class=\"fa-solid fa-clipboard-check\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Clean Copy Without Broken Chars<\/div>\r\n                    <p class=\"pg-stg-desc\">Our scary text generator outputs clean, copy-pasteable Unicode \u2014 no invisible formatting junk, no replacement characters. What you see is exactly what your friends will see.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(255,145,0,0.12);color:#ff9100;\"><i class=\"fa-solid fa-mobile-screen-button\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Works on iOS and Android<\/div>\r\n                    <p class=\"pg-stg-desc\">Zalgo text often breaks on mobile keyboards \u2014 our scary text generator uses optimized character limits so your cursed text renders perfectly on iPhones, Androids, and desktops alike.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(63,81,181,0.12);color:#3f51b5;\"><i class=\"fa-solid fa-user-shield\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">100% Private and Serverless<\/div>\r\n                    <p class=\"pg-stg-desc\">No data leaves your browser \u2014 our scary text generator runs entirely client-side. Your messages, texts, and creepy ideas are never logged, stored, or sent to any external server.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 -->\r\n    <section class=\"pg-stg-section pg-stg-sec2\">\r\n        <div class=\"pg-stg-wrap\">\r\n            <h2 class=\"pg-stg-heading pg-stg-sec2-heading\">How to Use Our <span class=\"pg-stg-kw pg-stg-sec2-kw\">Scary Text Generator<\/span> Step by Step?<\/h2>\r\n            <p class=\"pg-stg-sub pg-stg-sec2-sub\">Creating cursed, glitchy, or horror-style text takes exactly a few seconds. No design skills needed \u2014 just follow these simple steps and start scaring your friends immediately.<\/p>\r\n            <div class=\"pg-stg-grid\">\r\n                <div class=\"pg-stg-card pg-stg-sec2-card\">\r\n                    <span class=\"pg-stg-emoji\">\ud83e\udea6<\/span>\r\n                    <div class=\"pg-stg-title\">Step 1: Type Your Normal Text<\/div>\r\n                    <p class=\"pg-stg-desc\">Enter any word, phrase, or sentence into the input box \u2014 our scary text generator accepts regular text, numbers, and punctuation as the base for your creepy transformation.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec2-card\">\r\n                    <span class=\"pg-stg-emoji\">\ud83d\udc7b<\/span>\r\n                    <div class=\"pg-stg-title\">Step 2: Pick a Scary Style<\/div>\r\n                    <p class=\"pg-stg-desc\">Select from Zalgo glitch, cursed symbols, creepy script, horror font, or inverted text \u2014 each style in our scary text generator creates a completely different type of frightening visual effect.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec2-card\">\r\n                    <span class=\"pg-stg-emoji\">\ud83d\udd2e<\/span>\r\n                    <div class=\"pg-stg-title\">Step 3: Adjust the Chaos Level<\/div>\r\n                    <p class=\"pg-stg-desc\">For Zalgo text, control exactly how many combining characters stack on each letter \u2014 our scary text generator lets you dial the creepiness from mildly unsettling to completely unreadable.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec2-card\">\r\n                    <span class=\"pg-stg-emoji\">\ud83d\udccb<\/span>\r\n                    <div class=\"pg-stg-title\">Step 4: Copy the Cursed Output<\/div>\r\n                    <p class=\"pg-stg-desc\">Click the copy button next to your favorite scary style \u2014 the horror text transfers to your clipboard as pure Unicode, maintaining every glitch mark and creepy symbol perfectly.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec2-card\">\r\n                    <span class=\"pg-stg-emoji\">\ud83c\udf10<\/span>\r\n                    <div class=\"pg-stg-title\">Step 5: Paste and Disturb<\/div>\r\n                    <p class=\"pg-stg-desc\">Drop your scary text into social media bios, group chats, or comments \u2014 our scary text generator output renders natively anywhere that supports standard Unicode input fields.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec2-card\">\r\n                    <span class=\"pg-stg-emoji\">\ud83e\uddea<\/span>\r\n                    <div class=\"pg-stg-title\">Step 6: Mix Styles for Max Creep<\/div>\r\n                    <p class=\"pg-stg-desc\">Combine Zalgo text with horror symbols or layer creepy script over glitch effects \u2014 our scary text generator lets you stack different styles to create genuinely unsettling text combinations.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 -->\r\n    <section class=\"pg-stg-section pg-stg-sec3\">\r\n        <div class=\"pg-stg-wrap\">\r\n            <h2 class=\"pg-stg-heading\">Where to Use <span class=\"pg-stg-kw\">Scary Text Generator<\/span> Results for Maximum Impact?<\/h2>\r\n            <p class=\"pg-stg-sub\">Scary text isn't just for Halloween \u2014 it's a year-round tool for gamers, content creators, and pranksters. Here are the most effective places to deploy our scary text generator output for real reactions.<\/p>\r\n            <div class=\"pg-stg-grid\">\r\n                <div class=\"pg-stg-card pg-stg-sec3-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(88,101,242,0.12);color:#5865f2;\"><i class=\"fa-solid fa-gamepad\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Horror Game Usernames and Bios<\/div>\r\n                    <p class=\"pg-stg-desc\">A Zalgo-infected username in Dead by Daylight, Phasmophobia, or Roblox horror games instantly sets the tone \u2014 our scary text generator creates names that look like they belong in the game itself.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec3-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(225,48,108,0.12);color:#e1306c;\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Creepy TikTok Captions and Comments<\/div>\r\n                    <p class=\"pg-stg-desc\">Scary text in TikTok horror content captions stops the scroll \u2014 viewers pause to decode the glitchy text, which pushes your video watch time up and signals the algorithm to boost it.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec3-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(255,0,80,0.10);color:#ff0050;\"><i class=\"fa-solid fa-spider\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Halloween Posts and Event Promos<\/div>\r\n                    <p class=\"pg-stg-desc\">Use our scary text generator for Halloween party invites, haunted house social posts, or October event announcements \u2014 cursed text creates instant spooky atmosphere without needing graphic design.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec3-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(29,161,242,0.12);color:#1da1f2;\"><i class=\"fa-solid fa-book-skull\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Creepypasta and Horror Fiction<\/div>\r\n                    <p class=\"pg-stg-desc\">Horror writers use our scary text generator for \"found footage\" style stories, cursed diary entries, and glitchy NPC dialogue \u2014 Zalgo text simulates digital corruption that adds raw authenticity to fiction.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec3-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(255,61,0,0.12);color:#ff3d00;\"><i class=\"fa-solid fa-comment-dots\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">Pranking Friends in Group Chats<\/div>\r\n                    <p class=\"pg-stg-desc\">Drop a subtly corrupted message into a WhatsApp or Discord group \u2014 our scary text generator creates the perfect level of \"is my phone broken?\" confusion that always gets a massive reaction.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-stg-card pg-stg-sec3-card\">\r\n                    <div class=\"pg-stg-icon\" style=\"background:rgba(0,200,83,0.12);color:#00c853;\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                    <div class=\"pg-stg-title\">YouTube Horror Channel Branding<\/div>\r\n                    <p class=\"pg-stg-desc\">Horror narrators and true crime channels use our scary text generator for video titles, end screens, and channel descriptions \u2014 glitchy text signals the dark content genre before viewers even click play.<\/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            --stg-cyan: #00b8d4;\r\n            --stg-grad: linear-gradient(135deg, #00b8d4, #ea00ff, #ff9100);\r\n            --stg-shadow: 0 12px 30px rgba(0, 184, 212, 0.16);\r\n            --stg-ease: cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --stg-speed: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --stg-ff: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        }\r\n\r\n        .pg-stg-section {\r\n            width: 100%;\r\n            padding: clamp(48px, 8vw, 96px) 20px;\r\n            position: relative;\r\n            font-family: var(--stg-ff);\r\n            color: #0a0a0a;\r\n            line-height: 1.6;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        .pg-stg-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .pg-stg-heading {\r\n            font-family: var(--stg-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-stg-kw {\r\n            color: #000000;\r\n            position: relative;\r\n        }\r\n\r\n        .pg-stg-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(--stg-grad);\r\n            border-radius: 3px;\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--stg-ease);\r\n        }\r\n\r\n        .pg-stg-section:hover .pg-stg-kw::after {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-stg-sub {\r\n            font-family: var(--stg-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-stg-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-stg-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(--stg-speed);\r\n            border: 1.5px solid #e0e0e8;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .pg-stg-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(--stg-grad);\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--stg-ease);\r\n            z-index: 4;\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-stg-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(0,184,212,0.10) 0%, rgba(234,0,255,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-stg-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-stg-card.pg-stg-down {\r\n            transform: translateY(-1px) scale(0.985) !important;\r\n        }\r\n\r\n        .pg-stg-card.pg-stg-down::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-stg-card.pg-stg-glow::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 1;\r\n        }\r\n\r\n        .pg-stg-card.pg-stg-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-stg-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(--stg-speed);\r\n            position: relative;\r\n            z-index: 3;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .pg-stg-card:hover .pg-stg-icon {\r\n            transform: scale(1.12) rotate(-4deg);\r\n        }\r\n\r\n        .pg-stg-card.pg-stg-down .pg-stg-icon {\r\n            transform: scale(1.04) rotate(0deg);\r\n        }\r\n\r\n        \/* === EMOJI === *\/\r\n        .pg-stg-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(--stg-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-stg-card:hover .pg-stg-emoji {\r\n            transform: scale(1.22) rotate(-6deg);\r\n        }\r\n\r\n        .pg-stg-card.pg-stg-down .pg-stg-emoji {\r\n            transform: scale(1.08) rotate(0deg);\r\n        }\r\n\r\n        \/* === TITLE === *\/\r\n        .pg-stg-title {\r\n            font-family: var(--stg-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-stg-desc {\r\n            font-family: var(--stg-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-stg-sec1 {\r\n            background: #ffffff;\r\n        }\r\n\r\n        .pg-stg-sec1 .pg-stg-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-stg-sec1 .pg-stg-card:hover {\r\n            border-color: var(--stg-cyan);\r\n            box-shadow: var(--stg-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 2 \u2014 gradient bg \/ white cards\r\n           ============================== *\/\r\n        .pg-stg-sec2 {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        }\r\n\r\n        .pg-stg-sec2 .pg-stg-heading.pg-stg-sec2-heading {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-stg-sec2 .pg-stg-kw.pg-stg-sec2-kw {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-stg-sec2 .pg-stg-kw.pg-stg-sec2-kw::after {\r\n            background: linear-gradient(90deg, #ffd700, #ff6b6b, #ffffff);\r\n        }\r\n\r\n        .pg-stg-sec2 .pg-stg-sub.pg-stg-sec2-sub {\r\n            color: rgba(255,255,255,0.9);\r\n        }\r\n\r\n        .pg-stg-sec2 .pg-stg-card.pg-stg-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-stg-sec2 .pg-stg-card.pg-stg-sec2-card::before {\r\n            background: linear-gradient(90deg, #667eea, #764ba2, #ffd700);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-stg-sec2 .pg-stg-card.pg-stg-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-stg-sec2 .pg-stg-card.pg-stg-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-stg-sec2 .pg-stg-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-stg-sec3 {\r\n            background: #ffffff;\r\n        }\r\n\r\n        .pg-stg-sec3 .pg-stg-card.pg-stg-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-stg-sec3 .pg-stg-card.pg-stg-sec3-card::before {\r\n            background: linear-gradient(90deg, #00b8d4, #ea00ff, #ff9100);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-stg-sec3 .pg-stg-card.pg-stg-sec3-card:hover {\r\n            border-color: var(--stg-cyan);\r\n            box-shadow: var(--stg-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-stg-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 16px;\r\n            }\r\n            .pg-stg-section {\r\n                padding: clamp(36px, 6vw, 64px) 16px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 540px) {\r\n            .pg-stg-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 14px;\r\n            }\r\n            .pg-stg-card {\r\n                padding: 22px;\r\n            }\r\n            .pg-stg-sub {\r\n                margin-bottom: 28px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .pg-stg-section {\r\n                padding: 32px 12px;\r\n            }\r\n            .pg-stg-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-stg-card');\r\n        cards.forEach(function(card) {\r\n            function glow(el) {\r\n                el.classList.remove('pg-stg-glow', 'pg-stg-glow-out');\r\n                void el.offsetWidth;\r\n                el.classList.add('pg-stg-glow');\r\n                setTimeout(function() {\r\n                    el.classList.add('pg-stg-glow-out');\r\n                }, 300);\r\n                setTimeout(function() {\r\n                    el.classList.remove('pg-stg-glow', 'pg-stg-glow-out');\r\n                }, 700);\r\n            }\r\n            card.addEventListener('mousedown', function() {\r\n                card.classList.add('pg-stg-down');\r\n            });\r\n            card.addEventListener('mouseup', function() {\r\n                setTimeout(function() {\r\n                    card.classList.remove('pg-stg-down');\r\n                }, 120);\r\n                glow(card);\r\n            });\r\n            card.addEventListener('mouseleave', function() {\r\n                card.classList.remove('pg-stg-down', 'pg-stg-glow', 'pg-stg-glow-out');\r\n            });\r\n            card.addEventListener('touchstart', function() {\r\n                card.classList.add('pg-stg-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-stg-down');\r\n                }, 150);\r\n            });\r\n            card.addEventListener('touchcancel', function() {\r\n                card.classList.remove('pg-stg-down', 'pg-stg-glow', 'pg-stg-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-510","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>G\u00e9n\u00e9rateur de textes effrayants \u2013 Effrayez instantan\u00e9ment<\/title>\n<meta name=\"description\" content=\"Cr\u00e9ez des textes terrifiants avec notre g\u00e9n\u00e9rateur de textes effrayants gratuit. Transformez n&#039;importe quel texte en un style horrifique \u00e0 vous glacer le sang\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\/scary-text-generator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Scary Text Generator \u2013 Frighten Instantly\" \/>\n<meta property=\"og:description\" content=\"Create chilling scary text with our free Scary Text Generator. Transform any text into spine-tingling horror styles \u2014 copy &amp; paste in seconds.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onlinetexteditor.io\/scary-text-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Text Editor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-06T06:43:17+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\\\/scary-text-generator\\\/\",\"url\":\"https:\\\/\\\/onlinetexteditor.io\\\/scary-text-generator\\\/\",\"name\":\"Scary Text Generator \u2013 Frighten Instantly\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#website\"},\"datePublished\":\"2026-03-20T00:00:22+00:00\",\"dateModified\":\"2026-04-06T06:43:17+00:00\",\"description\":\"Create chilling scary text with our free Scary Text Generator. Transform any text into spine-tingling horror styles \u2014 copy & paste in seconds.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/scary-text-generator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/onlinetexteditor.io\\\/scary-text-generator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/scary-text-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/onlinetexteditor.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Scary Text Generator \u2013 Frighten 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 textes effrayants \u2013 Effrayez instantan\u00e9ment","description":"Cr\u00e9ez des textes terrifiants avec notre g\u00e9n\u00e9rateur de textes effrayants gratuit. Transformez n&#39;importe quel texte en un style horrifique \u00e0 vous glacer le sang\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\/scary-text-generator\/","og_locale":"en_US","og_type":"article","og_title":"Scary Text Generator \u2013 Frighten Instantly","og_description":"Create chilling scary text with our free Scary Text Generator. Transform any text into spine-tingling horror styles \u2014 copy & paste in seconds.","og_url":"https:\/\/onlinetexteditor.io\/scary-text-generator\/","og_site_name":"Online Text Editor","article_modified_time":"2026-04-06T06:43:17+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onlinetexteditor.io\/scary-text-generator\/","url":"https:\/\/onlinetexteditor.io\/scary-text-generator\/","name":"Scary Text Generator \u2013 Frighten Instantly","isPartOf":{"@id":"https:\/\/onlinetexteditor.io\/#website"},"datePublished":"2026-03-20T00:00:22+00:00","dateModified":"2026-04-06T06:43:17+00:00","description":"Create chilling scary text with our free Scary Text Generator. Transform any text into spine-tingling horror styles \u2014 copy & paste in seconds.","breadcrumb":{"@id":"https:\/\/onlinetexteditor.io\/scary-text-generator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onlinetexteditor.io\/scary-text-generator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onlinetexteditor.io\/scary-text-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/onlinetexteditor.io\/"},{"@type":"ListItem","position":2,"name":"Scary Text Generator \u2013 Frighten 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\/510","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=510"}],"version-history":[{"count":3,"href":"https:\/\/onlinetexteditor.io\/fr\/wp-json\/wp\/v2\/pages\/510\/revisions"}],"predecessor-version":[{"id":513,"href":"https:\/\/onlinetexteditor.io\/fr\/wp-json\/wp\/v2\/pages\/510\/revisions\/513"}],"wp:attachment":[{"href":"https:\/\/onlinetexteditor.io\/fr\/wp-json\/wp\/v2\/media?parent=510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}