{"id":583,"date":"2026-03-18T00:00:50","date_gmt":"2026-03-18T00:00:50","guid":{"rendered":"https:\/\/onlinetexteditor.io\/?page_id=583"},"modified":"2026-04-06T09:21:14","modified_gmt":"2026-04-06T09:21:14","slug":"redacted-text-generator","status":"publish","type":"page","link":"https:\/\/onlinetexteditor.io\/ar\/redacted-text-generator\/","title":{"rendered":"Redacted Text Generator \u2013 Censor 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 Redacted 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(12, 6, 18, 0.96); \r\n        --theme-panel-hover: rgba(18, 10, 28, 0.98);\r\n        --theme-border: rgba(200, 50, 150, 0.3); \r\n        \r\n        --blood-red: #c83296;\r\n        --dark-blood: #8a1763;\r\n        --cursed-cyan: #00fff2;\r\n        --void-dark: #06020a;\r\n        --text-bright: #f0e8f5;\r\n        --text-muted: #b0a5b8;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #361656 100%);\r\n        --grad-blood: linear-gradient(135deg, #c83296 0%, #6a0d45 100%);\r\n        --grad-cyan: linear-gradient(135deg, #00fff2 0%, #008888 100%);\r\n        --grad-shimmer: linear-gradient(90deg, transparent, rgba(200, 50, 150, 0.4), transparent);\r\n        \r\n        --glow-red: 0 0 25px rgba(200, 50, 150, 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(14px);\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% !important;\r\n        max-width: 100% !important;\r\n        overflow-x: hidden;\r\n        text-align: center; \r\n        background: var(--grad-master);\r\n        background-attachment: fixed;\r\n        padding: 0 !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    .pg-tool-wrapper * { box-sizing: border-box; }\r\n\r\n    .pg-container {\r\n        max-width: 1280px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        padding: 40px 24px !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(200, 50, 150, 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(200, 50, 150, 0.12);\r\n        border: 2px solid rgba(200, 50, 150, 0.6);\r\n        color: var(--blood-red);\r\n        text-shadow: var(--glow-red);\r\n        box-shadow: 0 0 20px rgba(200, 50, 150, 0.2), inset 0 0 15px rgba(200, 50, 150, 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(200,50,150,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(200, 50, 150, 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(200, 50, 150, 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        padding: 28px 30px 0;\r\n    }\r\n    \r\n    .pg-enhanced-input-wrapper {\r\n        background: #0a0510;\r\n        border: 2px solid rgba(200, 50, 150, 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(200, 50, 150, 0.2), 0 0 50px rgba(200, 50, 150, 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(200,50,150,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(200, 50, 150, 0.4), 0 0 60px rgba(200, 50, 150, 0.15);\r\n    }\r\n\r\n    .pg-enhanced-input-wrapper:focus-within::before {\r\n        opacity: 1;\r\n        background: linear-gradient(135deg, rgba(200,50,150,0.8) 0%, rgba(200,50,150,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: #0a0510 !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(200, 50, 150, 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: #0a0510;\r\n        padding: 12px 20px;\r\n        border: 2px solid rgba(200, 50, 150, 0.8);\r\n        border-top: 1px solid rgba(200, 50, 150, 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(200, 50, 150, 0.15), 0 0 40px rgba(200, 50, 150, 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(200, 50, 150, 0.12);\r\n        color: var(--blood-red);\r\n        border-color: rgba(200, 50, 150, 0.3);\r\n        box-shadow: 0 0 8px rgba(200, 50, 150, 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        padding-top: 20px;\r\n    }\r\n\r\n    .pg-settings-section > div {\r\n        padding: 25px;\r\n        border: 1px solid rgba(200, 50, 150, 0.1);\r\n        background: rgba(6, 2, 10, 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(12, 5, 18, 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(200, 50, 150, 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(200, 50, 150, 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(200, 50, 150, 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: repeat(3, 1fr); \r\n        gap: 18px;\r\n        position: relative; \r\n        z-index: 2;\r\n    }\r\n\r\n    .pg-result-card {\r\n        background: rgba(10, 4, 16, 0.92);\r\n        border: 1px solid rgba(200, 50, 150, 0.15);\r\n        border-left: 5px 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: 14px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        min-height: 110px; \r\n        box-sizing: border-box;\r\n        animation: pgCardFadeIn 0.4s 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: 5px;\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: 14px 0 0 14px;\r\n        z-index: 2;\r\n    }\r\n    \r\n    .pg-result-card:hover {\r\n        transform: translateY(-5px) scale(1.015);\r\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.85), 0 0 25px rgba(200, 50, 150, 0.18);\r\n        border-color: rgba(200, 50, 150, 0.45);\r\n        border-left-color: transparent;\r\n        background: rgba(16, 8, 26, 0.98);\r\n        z-index: 10;\r\n    }\r\n    \r\n    .pg-result-card:hover::before {\r\n        width: 7px;\r\n        background: linear-gradient(180deg, var(--cursed-cyan) 0%, var(--blood-red) 100%);\r\n        box-shadow: 0 0 20px rgba(0, 255, 242, 0.3);\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.06);\r\n        padding: 14px 18px;\r\n        background: rgba(200, 50, 150, 0.03);\r\n    }\r\n    \r\n    .pg-card-title {\r\n        font-family: system-ui, sans-serif;\r\n        font-size: 0.72rem;\r\n        font-weight: 800;\r\n        color: var(--text-muted);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.2px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\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: 0.95rem;\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: 1.8px;\r\n    }\r\n    \r\n    .pg-result-card:hover .pg-card-title i {\r\n        transform: scale(1.35) rotate(12deg);\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(200, 50, 150, 0.08);\r\n        border: 1px solid rgba(200, 50, 150, 0.25);\r\n        color: var(--blood-red);\r\n        width: 36px;\r\n        height: 36px;\r\n        min-width: 36px;\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: 0.9rem;\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.12);\r\n    }\r\n    \r\n    .pg-card-copy-btn:hover i { transform: scale(1.2) translateY(-1px); }\r\n    .pg-card-copy-btn:active { transform: scale(0.92); }\r\n\r\n    .pg-card-preview {\r\n        font-size: 1.5rem;\r\n        color: #e0d0e8;\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: 20px 16px;\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: 1px 1px 4px rgba(0,0,0,0.7);\r\n        line-height: 1.6;\r\n        background: rgba(0, 0, 0, 0.2);\r\n        border-radius: 0 0 14px 14px;\r\n        margin: 0;\r\n        min-height: 60px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n    \r\n    .pg-result-card:hover .pg-card-preview {\r\n        color: #ffffff;\r\n        text-shadow: 1px 1px 6px rgba(0,0,0,0.9), 0 0 10px rgba(200,50,150,0.25);\r\n        background: rgba(0, 0, 0, 0.3);\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(200, 50, 150, 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 8px 30px rgba(200, 50, 150, 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(12, 6, 18, 0.96);\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(200, 50, 150, 0.5);\r\n        text-transform: uppercase;\r\n        box-shadow: var(--shadow-ui), 0 0 20px rgba(200,50,150,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.97) translateY(10px); }\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(200, 50, 150, 0.2), inset 0 0 15px rgba(200, 50, 150, 0.1); }\r\n        50% { box-shadow: 0 0 30px rgba(200, 50, 150, 0.35), inset 0 0 15px rgba(200, 50, 150, 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(200, 50, 150, 0.1); border-bottom: none; }\r\n        .pg-result-list { grid-template-columns: repeat(2, 1fr); }\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 12px; }\r\n        .pg-text-input { min-height: 90px !important; font-size: 1.3rem !important; }\r\n        .pg-input-toolbar { gap: 6px; padding: 10px 12px; }\r\n        .pg-preset-select { max-width: 100%; }\r\n        .pg-result-list { grid-template-columns: 1fr; 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 25px; 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: 11px 14px; }\r\n        .pg-card-preview { padding: 16px 12px; font-size: 1.25rem; }\r\n        .pg-settings-section > div { padding: 18px; }\r\n        .pg-input-section { padding: 22px 16px 0; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-tool-wrapper\" id=\"pg-redact-tool\">\r\n    <div class=\"pg-container pg-hero-content-wrapper\">\r\n        <h1 class=\"pg-main-title\"><i class=\"fa-solid fa-file-shield\"><\/i> Redacted Text Generator \u2013 Censor Instantly<\/h1>\r\n        <p class=\"pg-subtitle\">Classify your words. Apply black-bar censorship, partial masks, gothic overlays, and stylized redaction patterns to create compelling hidden-text effects that simulate classified documents.<\/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-stamp\"><\/i> Target Document<\/div>\r\n                    <div class=\"pg-enhanced-input-wrapper\">\r\n                        <textarea class=\"pg-text-input\" id=\"pgInputText\" placeholder=\"CONFIDENTIAL DOCUMENT...\"><\/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>\ud83d\udd12 Classification Presets<\/option>\r\n                                <option value=\"TOP SECRET - NOFORN\">Top Secret NoForn<\/option>\r\n                                <option value=\"CLASSIFIED - EYES ONLY\">Eyes Only<\/option>\r\n                                <option value=\"CONFIDENTIAL DOCUMENT\">Confidential Doc<\/option>\r\n                                <option value=\"RESTRICTED ACCESS AREA\">Restricted Access<\/option>\r\n                                <option value=\"SENSITIVE COMPARTMENTED INFO\">SCI Clear<\/option>\r\n                                <option value=\"AUTHORIZED PERSONNEL ONLY\">Auth Personnel<\/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-mask\"><\/i> Redaction Level<\/div>\r\n                        <div class=\"pg-grid-options\">\r\n                            <button class=\"pg-option-btn mode-btn active\" data-val=\"Light\">\r\n                                <i class=\"fa-solid fa-feather\"><\/i> Light\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn mode-btn\" data-val=\"Moderate\">\r\n                                <i class=\"fa-solid fa-shield-halved\"><\/i> Moderate\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn mode-btn\" data-val=\"Heavy\">\r\n                                <i class=\"fa-solid fa-lock\"><\/i> Heavy\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn mode-btn\" data-val=\"Complete\">\r\n                                <i class=\"fa-solid fa-eye-slash\"><\/i> Complete\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 Style<\/div>\r\n                        <div class=\"pg-grid-options\">\r\n                            <button class=\"pg-option-btn style-btn active\" data-val=\"BlackBar\">\r\n                                <i class=\"fa-solid fa-square-full\"><\/i> Black Bar\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn style-btn\" data-val=\"PartialMask\">\r\n                                <i class=\"fa-solid fa-circle-half-stroke\"><\/i> Partial Mask\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn style-btn\" data-val=\"Gothic\">\r\n                                <i class=\"fa-solid fa-book-skull\"><\/i> Modern Gothic\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn style-btn\" data-val=\"Cipher\">\r\n                                <i class=\"fa-solid fa-key\"><\/i> Cipher Blocks\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>Generate More Variants<\/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> Variant Copied<\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const wrapper = document.getElementById('pg-redact-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 = 'Light';\r\n    let currentStyle = 'BlackBar';\r\n    let limit = 9; \r\n    const LOAD_INCREMENT = 9; \r\n    const TOTAL_VARIANTS = 120;\r\n\r\n    const baseChars = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\r\n    const gothicMap = \"\ud835\udd86\ud835\udd87\ud835\udd88\ud835\udd89\ud835\udd8a\ud835\udd8b\ud835\udd8c\ud835\udd8d\ud835\udd8e\ud835\udd8f\ud835\udd90\ud835\udd91\ud835\udd92\ud835\udd93\ud835\udd94\ud835\udd95\ud835\udd96\ud835\udd97\ud835\udd98\ud835\udd99\ud835\udd9a\ud835\udd9b\ud835\udd9c\ud835\udd9d\ud835\udd9e\ud835\udd9f\ud835\udd6c\ud835\udd6d\ud835\udd6e\ud835\udd6f\ud835\udd70\ud835\udd71\ud835\udd72\ud835\udd73\ud835\udd74\ud835\udd75\ud835\udd76\ud835\udd77\ud835\udd78\ud835\udd79\ud835\udd7a\ud835\udd7b\ud835\udd7c\ud835\udd7d\ud835\udd7e\ud835\udd7f\ud835\udd80\ud835\udd81\ud835\udd82\ud835\udd83\ud835\udd84\ud835\udd850\ud835\udfcf\ud835\udfd0\ud835\udfd1\ud835\udfd2\ud835\udfd3\ud835\udfd4\ud835\udfd5\ud835\udfd6\ud835\udfd7\";\r\n    const cipherMap = \"\u2591\u2592\u2593\u2592\u2591\u2593\u2591\u2592\u2593\u2592\u2591\u2593\u2591\u2592\u2593\u2592\u2591\u2592\u2593\u2592\u2591\u2593\u2591\u2592\u2593\u2591\u2592\u2593\u2592\u2591\u2593\u2591\u2592\u2593\u2592\u2591\u2592\u2593\u2592\u2591\u2593\u2591\u2592\u2593\u2592\u2591\u2593\u2591\u2592\u2593\u2592\u2591\u2593\u2591\u2592\u2593\u2592\u2591\u2592\u2593\u2592\u2591\u2593\";\r\n    const blockChars = \"\u2588\u2587\u2586\u2585\u2584\u2583\u2582\u2581\";\r\n\r\n    const rand = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;\r\n    const randArr = (arr) => arr[Math.floor(Math.random() * arr.length)];\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            'Blackout Protocol', 'Shadow Censor', 'Redacted File', 'Classified Memo',\r\n            'Censored Record', 'Hidden Directive', 'Sealed Archive', 'Blocked Signal',\r\n            'Masked Identity', 'Blacked Out', 'Obscured Truth', 'Veiled Document',\r\n            'Encrypted Note', 'Restricted Log', 'Covert Message', 'Silenced Voice',\r\n            'Cleared Access', 'Denied Entry', 'Burn Notice', 'Ghost Protocol',\r\n            'Dark Archive', 'Void Entry', 'Blank Space', 'Erased Record',\r\n            'Hidden Agenda', 'Lost File', 'Secret Level', 'Deep Cover'\r\n        ];\r\n        const icons = ['file-shield', 'eye-slash', 'user-secret', 'lock', 'shield-halved', 'file-circle-xmark', 'user-lock', 'fingerprint'];\r\n        \r\n        for(let i = 0; i < TOTAL_VARIANTS; i++){\r\n            templates.push({\r\n                id: `redact-${i}`,\r\n                name: names[i % names.length] + ` #${String(i+1).padStart(3, '0')}`,\r\n                icon: icons[i % icons.length]\r\n            });\r\n        }\r\n        return templates;\r\n    };\r\n\r\n    const ALL_STYLES = generateConfigs();\r\n\r\n    const getRedactionRate = (mode) => {\r\n        switch(mode) {\r\n            case 'Light': return 0.3;\r\n            case 'Moderate': return 0.55;\r\n            case 'Heavy': return 0.8;\r\n            case 'Complete': return 0.95;\r\n            default: return 0.3;\r\n        }\r\n    };\r\n\r\n    const transformLogic = (text, mode, style, variationIndex) => {\r\n        if (!text) return \"\";\r\n        \r\n        const rate = getRedactionRate(mode);\r\n        let result = '';\r\n        const seed = variationIndex * 7 + 13;\r\n\r\n        Array.from(text).forEach((c, idx) => {\r\n            const pseudoRand = Math.abs(Math.sin(seed + idx * 127.1 + idx * 311.7)) % 1;\r\n            const shouldRedact = pseudoRand < rate;\r\n            \r\n            if (c === ' ') {\r\n                result += ' ';\r\n                return;\r\n            }\r\n\r\n            if (style === 'BlackBar') {\r\n                if (shouldRedact) {\r\n                    result += '\u2588';\r\n                } else {\r\n                    result += c;\r\n                }\r\n            } else if (style === 'PartialMask') {\r\n                if (shouldRedact) {\r\n                    const block = randArr(blockChars);\r\n                    result += block;\r\n                } else {\r\n                    result += c;\r\n                }\r\n            } else if (style === 'Gothic') {\r\n                const baseIdx = baseChars.indexOf(c);\r\n                if (baseIdx !== -1) {\r\n                    const gothChar = gothicMap[baseIdx] || c;\r\n                    if (shouldRedact) {\r\n                        result += '\u2588';\r\n                    } else {\r\n                        result += gothChar;\r\n                    }\r\n                } else {\r\n                    result += c;\r\n                }\r\n            } else if (style === 'Cipher') {\r\n                if (shouldRedact) {\r\n                    result += randArr(['\u2591', '\u2592', '\u2593']);\r\n                } else {\r\n                    result += c;\r\n                }\r\n            } else {\r\n                result += c;\r\n            }\r\n        });\r\n\r\n        return result;\r\n    };\r\n\r\n    const render = () => {\r\n        resultList.innerHTML = '';\r\n        const raw = inputEl.value || \"CONFIDENTIAL DOCUMENT...\";\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 % 9) * 0.04}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 Redacted 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 = `Generate More Variants (${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 = ' Variant 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 = 9; \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 = 9; \r\n            render(); \r\n        });\r\n    });\r\n\r\n    render();\r\n});\r\n<\/script>\r\n<!-- END OF FILE Redacted Text Generator -->\r\n\r\n<!-- <content section is starting -->\r\n\r\n<div>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <!-- SECTION 1 -->\r\n\r\n\r\n<section class=\"pg-rtg-section pg-rtg-sec1\">\r\n        <div class=\"pg-rtg-wrap\">\r\n\r\n\t<\/div>\r\n\t<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <section class=\"pg-rtg-section pg-rtg-sec1\">\r\n        <div class=\"pg-rtg-wrap\">\r\n            <h2 class=\"pg-rtg-heading\">What Makes This <span class=\"pg-rtg-kw\">Redacted Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-rtg-sub\">Create authentic-looking classified documents in seconds. Our generator uses solid Unicode blocks and specialized characters to censor text flawlessly without needing image editors or marker tools.<\/p>\r\n            <div class=\"pg-rtg-grid\">\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(0,0,0,0.12);color:#000000;\"><i class=\"fa-solid fa-user-secret\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Authentic Blackout Blocks<\/div>\r\n                    <p class=\"pg-rtg-desc\">We use mathematical full-block Unicode characters (\u2588\u2588\u2588\u2588) to perfectly mimic the look of black marker redactions found in declassified government or intelligence files.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(67,67,67,0.12);color:#434343;\"><i class=\"fa-solid fa-barcode\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Multiple Censor Styles<\/div>\r\n                    <p class=\"pg-rtg-desc\">Beyond standard black blocks, choose from hatched shading, heavy strikethroughs, or cryptic \"DATA EXPUNGED\" brackets to match your exact narrative style.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(211,47,47,0.12);color:#d32f2f;\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Instant Classification<\/div>\r\n                    <p class=\"pg-rtg-desc\">Type your secrets and watch them disappear instantly. Our redacted text generator processes the censorship locally in your browser with zero server latency.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(46,125,50,0.12);color:#2e7d32;\"><i class=\"fa-solid fa-clipboard-check\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Secure Copy & Paste<\/div>\r\n                    <p class=\"pg-rtg-desc\">One click securely transfers the solid block characters to your clipboard. No invisible gaps or broken formatting\u2014just a clean, unbroken wall of censored text.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(230,81,0,0.12);color:#e65100;\"><i class=\"fa-solid fa-eye-slash\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Bypasses Spoiler Tags<\/div>\r\n                    <p class=\"pg-rtg-desc\">Unlike built-in platform spoiler tags that reveal text when clicked, our redacted text is permanent. If you want a joke or mystery to remain hidden, it stays hidden.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(74,20,140,0.12);color:#4a148c;\"><i class=\"fa-solid fa-folder-open\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">100% Free & Declassified<\/div>\r\n                    <p class=\"pg-rtg-desc\">No top-secret clearance or premium accounts required. Generate as much censored and classified text as you need for your stories, completely free of charge.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 -->\r\n    <section class=\"pg-rtg-section pg-rtg-sec2\">\r\n        <div class=\"pg-rtg-wrap\">\r\n            <h2 class=\"pg-rtg-heading pg-rtg-sec2-heading\">How to Use Our <span class=\"pg-rtg-kw pg-rtg-sec2-kw\">Redacted Text Generator<\/span>?<\/h2>\r\n            <p class=\"pg-rtg-sub pg-rtg-sec2-sub\">Censoring your digital documents takes only a few clicks. Follow these simple steps to convert standard text into highly classified, unreadable information.<\/p>\r\n            <div class=\"pg-rtg-grid\">\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\u2328\ufe0f<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 1: Input the Leak<\/div>\r\n                    <p class=\"pg-rtg-desc\">Type or paste the raw, unedited text into the input box. You can selectively choose which words to censor, or paste an entire paragraph to be processed.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\ud83c\udf9a\ufe0f<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 2: Set Security Level<\/div>\r\n                    <p class=\"pg-rtg-desc\">Browse through the generated options below. You'll find full blackouts, partial static redactions, and heavily crossed-out styles depending on your preference.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\ud83d\udc41\ufe0f<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 3: Preview the File<\/div>\r\n                    <p class=\"pg-rtg-desc\">Review the live output to ensure the correct information has been completely obscured. What you see is exactly how the blackout blocks will look elsewhere.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\ud83d\udccb<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 4: Copy the Blackout<\/div>\r\n                    <p class=\"pg-rtg-desc\">Click the copy button attached to your preferred redaction style. The solid Unicode blocks are saved instantly to your clipboard with no spacing errors.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\ud83d\udcc2<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 5: Paste in Public<\/div>\r\n                    <p class=\"pg-rtg-desc\">Navigate to your forum, social media post, or document and paste the text. The redaction blocks function as standard text and work on every modern platform.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\ud83e\udd2b<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 6: Maintain Secrecy<\/div>\r\n                    <p class=\"pg-rtg-desc\">Hit publish! Your audience will be left wondering what was hidden behind the blackout blocks, creating instant intrigue and mystery around your post.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 -->\r\n    <section class=\"pg-rtg-section pg-rtg-sec3\">\r\n        <div class=\"pg-rtg-wrap\">\r\n            <h2 class=\"pg-rtg-heading\">Best Places to Use <span class=\"pg-rtg-kw\">Redacted Text Generator<\/span> Results?<\/h2>\r\n            <p class=\"pg-rtg-sub\">Redacted text naturally draws the eye by forcing the reader to fill in the blanks. Here are the most effective places to deploy your classified formatting.<\/p>\r\n            <div class=\"pg-rtg-grid\">\r\n                <div class=\"pg-rtg-card pg-rtg-sec3-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(0,0,0,0.12);color:#000000;\"><i class=\"fa-solid fa-file-contract\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">SCP Wiki & Roleplay<\/div>\r\n                    <p class=\"pg-rtg-desc\">Writing an entry for the SCP Foundation or participating in a sci-fi roleplay? Use blackout blocks to censor names, dates, and locations to achieve that authentic \"classified anomaly\" look.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec3-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(88,101,242,0.12);color:#5865f2;\"><i class=\"fa-brands fa-discord\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Hiding Spoilers on Discord<\/div>\r\n                    <p class=\"pg-rtg-desc\">Don't want to rely on standard spoiler tags? Use hard redactions for movie, game, or book spoilers so that nobody can accidentally click and ruin the surprise.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec3-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(211,47,47,0.12);color:#d32f2f;\"><i class=\"fa-solid fa-bullhorn\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">\"Top Secret\" Marketing<\/div>\r\n                    <p class=\"pg-rtg-desc\">Running a teaser campaign for a new product? Post redacted hints on Twitter or Instagram to build massive hype and get your followers guessing what's behind the black boxes.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec3-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(29,161,242,0.12);color:#1da1f2;\"><i class=\"fa-brands fa-twitter\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Edgy & Cryptic Social Bios<\/div>\r\n                    <p class=\"pg-rtg-desc\">Add an air of mystery to your online persona. Redacting parts of your location, age, or relationship status in your bio creates a highly engaging, cryptic aesthetic.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec3-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(67,67,67,0.12);color:#434343;\"><i class=\"fa-solid fa-magnifying-glass\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">True Crime & ARG Content<\/div>\r\n                    <p class=\"pg-rtg-desc\">If you create true crime videos or run an Alternate Reality Game (ARG), use redacted text in your descriptions or on-screen prompts to simulate authentic police or FBI files.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec3-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(230,81,0,0.12);color:#e65100;\"><i class=\"fa-solid fa-face-laugh-squint\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Joke & Meme Censorship<\/div>\r\n                    <p class=\"pg-rtg-desc\">Comedic timing is everything. Use blackout blocks to humorously censor curse words or \"controversial\" punchlines in your memes, adding an extra layer of irony to the post.<\/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            --rtg-primary: #1a1a1a;\r\n            --rtg-grad: linear-gradient(135deg, #000000, #434343, #d32f2f);\r\n            --rtg-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);\r\n            --rtg-ease: cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --rtg-speed: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --rtg-ff: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        }\r\n\r\n        .pg-rtg-section {\r\n            width: 100%;\r\n            padding: clamp(48px, 8vw, 96px) 20px;\r\n            position: relative;\r\n            font-family: var(--rtg-ff);\r\n            color: #0a0a0a;\r\n            line-height: 1.6;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        .pg-rtg-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .pg-rtg-heading {\r\n            font-family: var(--rtg-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-rtg-kw {\r\n            color: #000000;\r\n            position: relative;\r\n        }\r\n\r\n        .pg-rtg-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(--rtg-grad);\r\n            border-radius: 3px;\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--rtg-ease);\r\n        }\r\n\r\n        .pg-rtg-section:hover .pg-rtg-kw::after {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-rtg-sub {\r\n            font-family: var(--rtg-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-rtg-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-rtg-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(--rtg-speed);\r\n            border: 1.5px solid #e0e0e8;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .pg-rtg-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(--rtg-grad);\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--rtg-ease);\r\n            z-index: 4;\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-rtg-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,0,0,0.08) 0%, rgba(211,47,47,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-rtg-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-rtg-card.pg-rtg-down {\r\n            transform: translateY(-1px) scale(0.985) !important;\r\n        }\r\n\r\n        .pg-rtg-card.pg-rtg-down::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-rtg-card.pg-rtg-glow::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 1;\r\n        }\r\n\r\n        .pg-rtg-card.pg-rtg-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-rtg-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(--rtg-speed);\r\n            position: relative;\r\n            z-index: 3;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .pg-rtg-card:hover .pg-rtg-icon {\r\n            transform: scale(1.12) rotate(-4deg);\r\n        }\r\n\r\n        .pg-rtg-card.pg-rtg-down .pg-rtg-icon {\r\n            transform: scale(1.04) rotate(0deg);\r\n        }\r\n\r\n        \/* === EMOJI === *\/\r\n        .pg-rtg-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(--rtg-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-rtg-card:hover .pg-rtg-emoji {\r\n            transform: scale(1.22) rotate(-6deg);\r\n        }\r\n\r\n        .pg-rtg-card.pg-rtg-down .pg-rtg-emoji {\r\n            transform: scale(1.08) rotate(0deg);\r\n        }\r\n\r\n        \/* === TITLE === *\/\r\n        .pg-rtg-title {\r\n            font-family: var(--rtg-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-rtg-desc {\r\n            font-family: var(--rtg-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-rtg-sec1 {\r\n            background: #ffffff;\r\n        }\r\n\r\n        .pg-rtg-sec1 .pg-rtg-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-rtg-sec1 .pg-rtg-card:hover {\r\n            border-color: var(--rtg-primary);\r\n            box-shadow: var(--rtg-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 2 \u2014 requested purple gradient bg \/ white cards\r\n           ============================== *\/\r\n        .pg-rtg-sec2 {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        }\r\n\r\n        .pg-rtg-sec2 .pg-rtg-heading.pg-rtg-sec2-heading {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-rtg-sec2 .pg-rtg-kw.pg-rtg-sec2-kw {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-rtg-sec2 .pg-rtg-kw.pg-rtg-sec2-kw::after {\r\n            background: linear-gradient(90deg, #d32f2f, #1a1a1a, #ffffff);\r\n        }\r\n\r\n        .pg-rtg-sec2 .pg-rtg-sub.pg-rtg-sec2-sub {\r\n            color: rgba(255,255,255,0.9);\r\n        }\r\n\r\n        .pg-rtg-sec2 .pg-rtg-card.pg-rtg-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-rtg-sec2 .pg-rtg-card.pg-rtg-sec2-card::before {\r\n            background: linear-gradient(90deg, #667eea, #764ba2, #1a1a1a);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-rtg-sec2 .pg-rtg-card.pg-rtg-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-rtg-sec2 .pg-rtg-card.pg-rtg-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-rtg-sec2 .pg-rtg-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-rtg-sec3 {\r\n            background: #ffffff;\r\n        }\r\n\r\n        .pg-rtg-sec3 .pg-rtg-card.pg-rtg-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-rtg-sec3 .pg-rtg-card.pg-rtg-sec3-card::before {\r\n            background: var(--rtg-grad);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-rtg-sec3 .pg-rtg-card.pg-rtg-sec3-card:hover {\r\n            border-color: var(--rtg-primary);\r\n            box-shadow: var(--rtg-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-rtg-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 16px;\r\n            }\r\n            .pg-rtg-section {\r\n                padding: clamp(36px, 6vw, 64px) 16px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 540px) {\r\n            .pg-rtg-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 14px;\r\n            }\r\n            .pg-rtg-card {\r\n                padding: 22px;\r\n            }\r\n            .pg-rtg-sub {\r\n                margin-bottom: 28px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .pg-rtg-section {\r\n                padding: 32px 12px;\r\n            }\r\n            .pg-rtg-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-rtg-card');\r\n        cards.forEach(function(card) {\r\n            function glow(el) {\r\n                el.classList.remove('pg-rtg-glow', 'pg-rtg-glow-out');\r\n                void el.offsetWidth;\r\n                el.classList.add('pg-rtg-glow');\r\n                setTimeout(function() {\r\n                    el.classList.add('pg-rtg-glow-out');\r\n                }, 300);\r\n                setTimeout(function() {\r\n                    el.classList.remove('pg-rtg-glow', 'pg-rtg-glow-out');\r\n                }, 700);\r\n            }\r\n            card.addEventListener('mousedown', function() {\r\n                card.classList.add('pg-rtg-down');\r\n            });\r\n            card.addEventListener('mouseup', function() {\r\n                setTimeout(function() {\r\n                    card.classList.remove('pg-rtg-down');\r\n                }, 120);\r\n                glow(card);\r\n            });\r\n            card.addEventListener('mouseleave', function() {\r\n                card.classList.remove('pg-rtg-down', 'pg-rtg-glow', 'pg-rtg-glow-out');\r\n            });\r\n            card.addEventListener('touchstart', function() {\r\n                card.classList.add('pg-rtg-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-rtg-down');\r\n                }, 150);\r\n            });\r\n            card.addEventListener('touchcancel', function() {\r\n                card.classList.remove('pg-rtg-down', 'pg-rtg-glow', 'pg-rtg-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 Redacted 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(12, 6, 18, 0.96); \r\n        --theme-panel-hover: rgba(18, 10, 28, 0.98);\r\n        --theme-border: rgba(200, 50, 150, 0.3); \r\n        \r\n        --blood-red: #c83296;\r\n        --dark-blood: #8a1763;\r\n        --cursed-cyan: #00fff2;\r\n        --void-dark: #06020a;\r\n        --text-bright: #f0e8f5;\r\n        --text-muted: #b0a5b8;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #361656 100%);\r\n        --grad-blood: linear-gradient(135deg, #c83296 0%, #6a0d45 100%);\r\n        --grad-cyan: linear-gradient(135deg, #00fff2 0%, #008888 100%);\r\n        --grad-shimmer: linear-gradient(90deg, transparent, rgba(200, 50, 150, 0.4), transparent);\r\n        \r\n        --glow-red: 0 0 25px rgba(200, 50, 150, 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(14px);\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% !important;\r\n        max-width: 100% !important;\r\n        overflow-x: hidden;\r\n        text-align: center; \r\n        background: var(--grad-master);\r\n        background-attachment: fixed;\r\n        padding: 0 !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    .pg-tool-wrapper * { box-sizing: border-box; }\r\n\r\n    .pg-container {\r\n        max-width: 1280px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        padding: 40px 24px !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(200, 50, 150, 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(200, 50, 150, 0.12);\r\n        border: 2px solid rgba(200, 50, 150, 0.6);\r\n        color: var(--blood-red);\r\n        text-shadow: var(--glow-red);\r\n        box-shadow: 0 0 20px rgba(200, 50, 150, 0.2), inset 0 0 15px rgba(200, 50, 150, 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(200,50,150,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(200, 50, 150, 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(200, 50, 150, 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        padding: 28px 30px 0;\r\n    }\r\n    \r\n    .pg-enhanced-input-wrapper {\r\n        background: #0a0510;\r\n        border: 2px solid rgba(200, 50, 150, 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(200, 50, 150, 0.2), 0 0 50px rgba(200, 50, 150, 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(200,50,150,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(200, 50, 150, 0.4), 0 0 60px rgba(200, 50, 150, 0.15);\r\n    }\r\n\r\n    .pg-enhanced-input-wrapper:focus-within::before {\r\n        opacity: 1;\r\n        background: linear-gradient(135deg, rgba(200,50,150,0.8) 0%, rgba(200,50,150,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: #0a0510 !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(200, 50, 150, 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: #0a0510;\r\n        padding: 12px 20px;\r\n        border: 2px solid rgba(200, 50, 150, 0.8);\r\n        border-top: 1px solid rgba(200, 50, 150, 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(200, 50, 150, 0.15), 0 0 40px rgba(200, 50, 150, 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(200, 50, 150, 0.12);\r\n        color: var(--blood-red);\r\n        border-color: rgba(200, 50, 150, 0.3);\r\n        box-shadow: 0 0 8px rgba(200, 50, 150, 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        padding-top: 20px;\r\n    }\r\n\r\n    .pg-settings-section > div {\r\n        padding: 25px;\r\n        border: 1px solid rgba(200, 50, 150, 0.1);\r\n        background: rgba(6, 2, 10, 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(12, 5, 18, 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(200, 50, 150, 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(200, 50, 150, 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(200, 50, 150, 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: repeat(3, 1fr); \r\n        gap: 18px;\r\n        position: relative; \r\n        z-index: 2;\r\n    }\r\n\r\n    .pg-result-card {\r\n        background: rgba(10, 4, 16, 0.92);\r\n        border: 1px solid rgba(200, 50, 150, 0.15);\r\n        border-left: 5px 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: 14px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        min-height: 110px; \r\n        box-sizing: border-box;\r\n        animation: pgCardFadeIn 0.4s 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: 5px;\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: 14px 0 0 14px;\r\n        z-index: 2;\r\n    }\r\n    \r\n    .pg-result-card:hover {\r\n        transform: translateY(-5px) scale(1.015);\r\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.85), 0 0 25px rgba(200, 50, 150, 0.18);\r\n        border-color: rgba(200, 50, 150, 0.45);\r\n        border-left-color: transparent;\r\n        background: rgba(16, 8, 26, 0.98);\r\n        z-index: 10;\r\n    }\r\n    \r\n    .pg-result-card:hover::before {\r\n        width: 7px;\r\n        background: linear-gradient(180deg, var(--cursed-cyan) 0%, var(--blood-red) 100%);\r\n        box-shadow: 0 0 20px rgba(0, 255, 242, 0.3);\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.06);\r\n        padding: 14px 18px;\r\n        background: rgba(200, 50, 150, 0.03);\r\n    }\r\n    \r\n    .pg-card-title {\r\n        font-family: system-ui, sans-serif;\r\n        font-size: 0.72rem;\r\n        font-weight: 800;\r\n        color: var(--text-muted);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.2px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\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: 0.95rem;\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: 1.8px;\r\n    }\r\n    \r\n    .pg-result-card:hover .pg-card-title i {\r\n        transform: scale(1.35) rotate(12deg);\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(200, 50, 150, 0.08);\r\n        border: 1px solid rgba(200, 50, 150, 0.25);\r\n        color: var(--blood-red);\r\n        width: 36px;\r\n        height: 36px;\r\n        min-width: 36px;\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: 0.9rem;\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.12);\r\n    }\r\n    \r\n    .pg-card-copy-btn:hover i { transform: scale(1.2) translateY(-1px); }\r\n    .pg-card-copy-btn:active { transform: scale(0.92); }\r\n\r\n    .pg-card-preview {\r\n        font-size: 1.5rem;\r\n        color: #e0d0e8;\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: 20px 16px;\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: 1px 1px 4px rgba(0,0,0,0.7);\r\n        line-height: 1.6;\r\n        background: rgba(0, 0, 0, 0.2);\r\n        border-radius: 0 0 14px 14px;\r\n        margin: 0;\r\n        min-height: 60px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n    \r\n    .pg-result-card:hover .pg-card-preview {\r\n        color: #ffffff;\r\n        text-shadow: 1px 1px 6px rgba(0,0,0,0.9), 0 0 10px rgba(200,50,150,0.25);\r\n        background: rgba(0, 0, 0, 0.3);\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(200, 50, 150, 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 8px 30px rgba(200, 50, 150, 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(12, 6, 18, 0.96);\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(200, 50, 150, 0.5);\r\n        text-transform: uppercase;\r\n        box-shadow: var(--shadow-ui), 0 0 20px rgba(200,50,150,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.97) translateY(10px); }\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(200, 50, 150, 0.2), inset 0 0 15px rgba(200, 50, 150, 0.1); }\r\n        50% { box-shadow: 0 0 30px rgba(200, 50, 150, 0.35), inset 0 0 15px rgba(200, 50, 150, 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(200, 50, 150, 0.1); border-bottom: none; }\r\n        .pg-result-list { grid-template-columns: repeat(2, 1fr); }\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 12px; }\r\n        .pg-text-input { min-height: 90px !important; font-size: 1.3rem !important; }\r\n        .pg-input-toolbar { gap: 6px; padding: 10px 12px; }\r\n        .pg-preset-select { max-width: 100%; }\r\n        .pg-result-list { grid-template-columns: 1fr; 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 25px; 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: 11px 14px; }\r\n        .pg-card-preview { padding: 16px 12px; font-size: 1.25rem; }\r\n        .pg-settings-section > div { padding: 18px; }\r\n        .pg-input-section { padding: 22px 16px 0; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-tool-wrapper\" id=\"pg-redact-tool\">\r\n    <div class=\"pg-container pg-hero-content-wrapper\">\r\n        <h1 class=\"pg-main-title\"><i class=\"fa-solid fa-file-shield\"><\/i> Redacted Text Generator \u2013 Censor Instantly<\/h1>\r\n        <p class=\"pg-subtitle\">Classify your words. Apply black-bar censorship, partial masks, gothic overlays, and stylized redaction patterns to create compelling hidden-text effects that simulate classified documents.<\/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-stamp\"><\/i> Target Document<\/div>\r\n                    <div class=\"pg-enhanced-input-wrapper\">\r\n                        <textarea class=\"pg-text-input\" id=\"pgInputText\" placeholder=\"CONFIDENTIAL DOCUMENT...\"><\/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>\ud83d\udd12 Classification Presets<\/option>\r\n                                <option value=\"TOP SECRET - NOFORN\">Top Secret NoForn<\/option>\r\n                                <option value=\"CLASSIFIED - EYES ONLY\">Eyes Only<\/option>\r\n                                <option value=\"CONFIDENTIAL DOCUMENT\">Confidential Doc<\/option>\r\n                                <option value=\"RESTRICTED ACCESS AREA\">Restricted Access<\/option>\r\n                                <option value=\"SENSITIVE COMPARTMENTED INFO\">SCI Clear<\/option>\r\n                                <option value=\"AUTHORIZED PERSONNEL ONLY\">Auth Personnel<\/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-mask\"><\/i> Redaction Level<\/div>\r\n                        <div class=\"pg-grid-options\">\r\n                            <button class=\"pg-option-btn mode-btn active\" data-val=\"Light\">\r\n                                <i class=\"fa-solid fa-feather\"><\/i> Light\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn mode-btn\" data-val=\"Moderate\">\r\n                                <i class=\"fa-solid fa-shield-halved\"><\/i> Moderate\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn mode-btn\" data-val=\"Heavy\">\r\n                                <i class=\"fa-solid fa-lock\"><\/i> Heavy\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn mode-btn\" data-val=\"Complete\">\r\n                                <i class=\"fa-solid fa-eye-slash\"><\/i> Complete\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 Style<\/div>\r\n                        <div class=\"pg-grid-options\">\r\n                            <button class=\"pg-option-btn style-btn active\" data-val=\"BlackBar\">\r\n                                <i class=\"fa-solid fa-square-full\"><\/i> Black Bar\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn style-btn\" data-val=\"PartialMask\">\r\n                                <i class=\"fa-solid fa-circle-half-stroke\"><\/i> Partial Mask\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn style-btn\" data-val=\"Gothic\">\r\n                                <i class=\"fa-solid fa-book-skull\"><\/i> Modern Gothic\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn style-btn\" data-val=\"Cipher\">\r\n                                <i class=\"fa-solid fa-key\"><\/i> Cipher Blocks\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>Generate More Variants<\/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> Variant Copied<\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const wrapper = document.getElementById('pg-redact-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 = 'Light';\r\n    let currentStyle = 'BlackBar';\r\n    let limit = 9; \r\n    const LOAD_INCREMENT = 9; \r\n    const TOTAL_VARIANTS = 120;\r\n\r\n    const baseChars = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\r\n    const gothicMap = \"\ud835\udd86\ud835\udd87\ud835\udd88\ud835\udd89\ud835\udd8a\ud835\udd8b\ud835\udd8c\ud835\udd8d\ud835\udd8e\ud835\udd8f\ud835\udd90\ud835\udd91\ud835\udd92\ud835\udd93\ud835\udd94\ud835\udd95\ud835\udd96\ud835\udd97\ud835\udd98\ud835\udd99\ud835\udd9a\ud835\udd9b\ud835\udd9c\ud835\udd9d\ud835\udd9e\ud835\udd9f\ud835\udd6c\ud835\udd6d\ud835\udd6e\ud835\udd6f\ud835\udd70\ud835\udd71\ud835\udd72\ud835\udd73\ud835\udd74\ud835\udd75\ud835\udd76\ud835\udd77\ud835\udd78\ud835\udd79\ud835\udd7a\ud835\udd7b\ud835\udd7c\ud835\udd7d\ud835\udd7e\ud835\udd7f\ud835\udd80\ud835\udd81\ud835\udd82\ud835\udd83\ud835\udd84\ud835\udd850\ud835\udfcf\ud835\udfd0\ud835\udfd1\ud835\udfd2\ud835\udfd3\ud835\udfd4\ud835\udfd5\ud835\udfd6\ud835\udfd7\";\r\n    const cipherMap = \"\u2591\u2592\u2593\u2592\u2591\u2593\u2591\u2592\u2593\u2592\u2591\u2593\u2591\u2592\u2593\u2592\u2591\u2592\u2593\u2592\u2591\u2593\u2591\u2592\u2593\u2591\u2592\u2593\u2592\u2591\u2593\u2591\u2592\u2593\u2592\u2591\u2592\u2593\u2592\u2591\u2593\u2591\u2592\u2593\u2592\u2591\u2593\u2591\u2592\u2593\u2592\u2591\u2593\u2591\u2592\u2593\u2592\u2591\u2592\u2593\u2592\u2591\u2593\";\r\n    const blockChars = \"\u2588\u2587\u2586\u2585\u2584\u2583\u2582\u2581\";\r\n\r\n    const rand = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;\r\n    const randArr = (arr) => arr[Math.floor(Math.random() * arr.length)];\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            'Blackout Protocol', 'Shadow Censor', 'Redacted File', 'Classified Memo',\r\n            'Censored Record', 'Hidden Directive', 'Sealed Archive', 'Blocked Signal',\r\n            'Masked Identity', 'Blacked Out', 'Obscured Truth', 'Veiled Document',\r\n            'Encrypted Note', 'Restricted Log', 'Covert Message', 'Silenced Voice',\r\n            'Cleared Access', 'Denied Entry', 'Burn Notice', 'Ghost Protocol',\r\n            'Dark Archive', 'Void Entry', 'Blank Space', 'Erased Record',\r\n            'Hidden Agenda', 'Lost File', 'Secret Level', 'Deep Cover'\r\n        ];\r\n        const icons = ['file-shield', 'eye-slash', 'user-secret', 'lock', 'shield-halved', 'file-circle-xmark', 'user-lock', 'fingerprint'];\r\n        \r\n        for(let i = 0; i < TOTAL_VARIANTS; i++){\r\n            templates.push({\r\n                id: `redact-${i}`,\r\n                name: names[i % names.length] + ` #${String(i+1).padStart(3, '0')}`,\r\n                icon: icons[i % icons.length]\r\n            });\r\n        }\r\n        return templates;\r\n    };\r\n\r\n    const ALL_STYLES = generateConfigs();\r\n\r\n    const getRedactionRate = (mode) => {\r\n        switch(mode) {\r\n            case 'Light': return 0.3;\r\n            case 'Moderate': return 0.55;\r\n            case 'Heavy': return 0.8;\r\n            case 'Complete': return 0.95;\r\n            default: return 0.3;\r\n        }\r\n    };\r\n\r\n    const transformLogic = (text, mode, style, variationIndex) => {\r\n        if (!text) return \"\";\r\n        \r\n        const rate = getRedactionRate(mode);\r\n        let result = '';\r\n        const seed = variationIndex * 7 + 13;\r\n\r\n        Array.from(text).forEach((c, idx) => {\r\n            const pseudoRand = Math.abs(Math.sin(seed + idx * 127.1 + idx * 311.7)) % 1;\r\n            const shouldRedact = pseudoRand < rate;\r\n            \r\n            if (c === ' ') {\r\n                result += ' ';\r\n                return;\r\n            }\r\n\r\n            if (style === 'BlackBar') {\r\n                if (shouldRedact) {\r\n                    result += '\u2588';\r\n                } else {\r\n                    result += c;\r\n                }\r\n            } else if (style === 'PartialMask') {\r\n                if (shouldRedact) {\r\n                    const block = randArr(blockChars);\r\n                    result += block;\r\n                } else {\r\n                    result += c;\r\n                }\r\n            } else if (style === 'Gothic') {\r\n                const baseIdx = baseChars.indexOf(c);\r\n                if (baseIdx !== -1) {\r\n                    const gothChar = gothicMap[baseIdx] || c;\r\n                    if (shouldRedact) {\r\n                        result += '\u2588';\r\n                    } else {\r\n                        result += gothChar;\r\n                    }\r\n                } else {\r\n                    result += c;\r\n                }\r\n            } else if (style === 'Cipher') {\r\n                if (shouldRedact) {\r\n                    result += randArr(['\u2591', '\u2592', '\u2593']);\r\n                } else {\r\n                    result += c;\r\n                }\r\n            } else {\r\n                result += c;\r\n            }\r\n        });\r\n\r\n        return result;\r\n    };\r\n\r\n    const render = () => {\r\n        resultList.innerHTML = '';\r\n        const raw = inputEl.value || \"CONFIDENTIAL DOCUMENT...\";\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 % 9) * 0.04}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 Redacted 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 = `Generate More Variants (${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 = ' Variant 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 = 9; \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 = 9; \r\n            render(); \r\n        });\r\n    });\r\n\r\n    render();\r\n});\r\n<\/script>\r\n<!-- END OF FILE Redacted Text Generator -->\r\n\r\n<!-- <content section is starting -->\r\n\r\n<div>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <!-- SECTION 1 -->\r\n\r\n\r\n<section class=\"pg-rtg-section pg-rtg-sec1\">\r\n        <div class=\"pg-rtg-wrap\">\r\n\r\n\t<\/div>\r\n\t<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <section class=\"pg-rtg-section pg-rtg-sec1\">\r\n        <div class=\"pg-rtg-wrap\">\r\n            <h2 class=\"pg-rtg-heading\">What Makes This <span class=\"pg-rtg-kw\">Redacted Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-rtg-sub\">Create authentic-looking classified documents in seconds. Our generator uses solid Unicode blocks and specialized characters to censor text flawlessly without needing image editors or marker tools.<\/p>\r\n            <div class=\"pg-rtg-grid\">\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(0,0,0,0.12);color:#000000;\"><i class=\"fa-solid fa-user-secret\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Authentic Blackout Blocks<\/div>\r\n                    <p class=\"pg-rtg-desc\">We use mathematical full-block Unicode characters (\u2588\u2588\u2588\u2588) to perfectly mimic the look of black marker redactions found in declassified government or intelligence files.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(67,67,67,0.12);color:#434343;\"><i class=\"fa-solid fa-barcode\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Multiple Censor Styles<\/div>\r\n                    <p class=\"pg-rtg-desc\">Beyond standard black blocks, choose from hatched shading, heavy strikethroughs, or cryptic \"DATA EXPUNGED\" brackets to match your exact narrative style.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(211,47,47,0.12);color:#d32f2f;\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Instant Classification<\/div>\r\n                    <p class=\"pg-rtg-desc\">Type your secrets and watch them disappear instantly. Our redacted text generator processes the censorship locally in your browser with zero server latency.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(46,125,50,0.12);color:#2e7d32;\"><i class=\"fa-solid fa-clipboard-check\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Secure Copy & Paste<\/div>\r\n                    <p class=\"pg-rtg-desc\">One click securely transfers the solid block characters to your clipboard. No invisible gaps or broken formatting\u2014just a clean, unbroken wall of censored text.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(230,81,0,0.12);color:#e65100;\"><i class=\"fa-solid fa-eye-slash\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Bypasses Spoiler Tags<\/div>\r\n                    <p class=\"pg-rtg-desc\">Unlike built-in platform spoiler tags that reveal text when clicked, our redacted text is permanent. If you want a joke or mystery to remain hidden, it stays hidden.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(74,20,140,0.12);color:#4a148c;\"><i class=\"fa-solid fa-folder-open\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">100% Free & Declassified<\/div>\r\n                    <p class=\"pg-rtg-desc\">No top-secret clearance or premium accounts required. Generate as much censored and classified text as you need for your stories, completely free of charge.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 -->\r\n    <section class=\"pg-rtg-section pg-rtg-sec2\">\r\n        <div class=\"pg-rtg-wrap\">\r\n            <h2 class=\"pg-rtg-heading pg-rtg-sec2-heading\">How to Use Our <span class=\"pg-rtg-kw pg-rtg-sec2-kw\">Redacted Text Generator<\/span>?<\/h2>\r\n            <p class=\"pg-rtg-sub pg-rtg-sec2-sub\">Censoring your digital documents takes only a few clicks. Follow these simple steps to convert standard text into highly classified, unreadable information.<\/p>\r\n            <div class=\"pg-rtg-grid\">\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\u2328\ufe0f<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 1: Input the Leak<\/div>\r\n                    <p class=\"pg-rtg-desc\">Type or paste the raw, unedited text into the input box. You can selectively choose which words to censor, or paste an entire paragraph to be processed.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\ud83c\udf9a\ufe0f<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 2: Set Security Level<\/div>\r\n                    <p class=\"pg-rtg-desc\">Browse through the generated options below. You'll find full blackouts, partial static redactions, and heavily crossed-out styles depending on your preference.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\ud83d\udc41\ufe0f<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 3: Preview the File<\/div>\r\n                    <p class=\"pg-rtg-desc\">Review the live output to ensure the correct information has been completely obscured. What you see is exactly how the blackout blocks will look elsewhere.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\ud83d\udccb<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 4: Copy the Blackout<\/div>\r\n                    <p class=\"pg-rtg-desc\">Click the copy button attached to your preferred redaction style. The solid Unicode blocks are saved instantly to your clipboard with no spacing errors.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\ud83d\udcc2<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 5: Paste in Public<\/div>\r\n                    <p class=\"pg-rtg-desc\">Navigate to your forum, social media post, or document and paste the text. The redaction blocks function as standard text and work on every modern platform.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\ud83e\udd2b<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 6: Maintain Secrecy<\/div>\r\n                    <p class=\"pg-rtg-desc\">Hit publish! Your audience will be left wondering what was hidden behind the blackout blocks, creating instant intrigue and mystery around your post.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 -->\r\n    <section class=\"pg-rtg-section pg-rtg-sec3\">\r\n        <div class=\"pg-rtg-wrap\">\r\n            <h2 class=\"pg-rtg-heading\">Best Places to Use <span class=\"pg-rtg-kw\">Redacted Text Generator<\/span> Results?<\/h2>\r\n            <p class=\"pg-rtg-sub\">Redacted text naturally draws the eye by forcing the reader to fill in the blanks. Here are the most effective places to deploy your classified formatting.<\/p>\r\n            <div class=\"pg-rtg-grid\">\r\n                <div class=\"pg-rtg-card pg-rtg-sec3-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(0,0,0,0.12);color:#000000;\"><i class=\"fa-solid fa-file-contract\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">SCP Wiki & Roleplay<\/div>\r\n                    <p class=\"pg-rtg-desc\">Writing an entry for the SCP Foundation or participating in a sci-fi roleplay? Use blackout blocks to censor names, dates, and locations to achieve that authentic \"classified anomaly\" look.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec3-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(88,101,242,0.12);color:#5865f2;\"><i class=\"fa-brands fa-discord\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Hiding Spoilers on Discord<\/div>\r\n                    <p class=\"pg-rtg-desc\">Don't want to rely on standard spoiler tags? Use hard redactions for movie, game, or book spoilers so that nobody can accidentally click and ruin the surprise.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec3-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(211,47,47,0.12);color:#d32f2f;\"><i class=\"fa-solid fa-bullhorn\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">\"Top Secret\" Marketing<\/div>\r\n                    <p class=\"pg-rtg-desc\">Running a teaser campaign for a new product? Post redacted hints on Twitter or Instagram to build massive hype and get your followers guessing what's behind the black boxes.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec3-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(29,161,242,0.12);color:#1da1f2;\"><i class=\"fa-brands fa-twitter\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Edgy & Cryptic Social Bios<\/div>\r\n                    <p class=\"pg-rtg-desc\">Add an air of mystery to your online persona. Redacting parts of your location, age, or relationship status in your bio creates a highly engaging, cryptic aesthetic.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec3-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(67,67,67,0.12);color:#434343;\"><i class=\"fa-solid fa-magnifying-glass\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">True Crime & ARG Content<\/div>\r\n                    <p class=\"pg-rtg-desc\">If you create true crime videos or run an Alternate Reality Game (ARG), use redacted text in your descriptions or on-screen prompts to simulate authentic police or FBI files.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec3-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(230,81,0,0.12);color:#e65100;\"><i class=\"fa-solid fa-face-laugh-squint\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Joke & Meme Censorship<\/div>\r\n                    <p class=\"pg-rtg-desc\">Comedic timing is everything. Use blackout blocks to humorously censor curse words or \"controversial\" punchlines in your memes, adding an extra layer of irony to the post.<\/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            --rtg-primary: #1a1a1a;\r\n            --rtg-grad: linear-gradient(135deg, #000000, #434343, #d32f2f);\r\n            --rtg-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);\r\n            --rtg-ease: cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --rtg-speed: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --rtg-ff: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        }\r\n\r\n        .pg-rtg-section {\r\n            width: 100%;\r\n            padding: clamp(48px, 8vw, 96px) 20px;\r\n            position: relative;\r\n            font-family: var(--rtg-ff);\r\n            color: #0a0a0a;\r\n            line-height: 1.6;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        .pg-rtg-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .pg-rtg-heading {\r\n            font-family: var(--rtg-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-rtg-kw {\r\n            color: #000000;\r\n            position: relative;\r\n        }\r\n\r\n        .pg-rtg-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(--rtg-grad);\r\n            border-radius: 3px;\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--rtg-ease);\r\n        }\r\n\r\n        .pg-rtg-section:hover .pg-rtg-kw::after {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-rtg-sub {\r\n            font-family: var(--rtg-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-rtg-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-rtg-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(--rtg-speed);\r\n            border: 1.5px solid #e0e0e8;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .pg-rtg-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(--rtg-grad);\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--rtg-ease);\r\n            z-index: 4;\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-rtg-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,0,0,0.08) 0%, rgba(211,47,47,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-rtg-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-rtg-card.pg-rtg-down {\r\n            transform: translateY(-1px) scale(0.985) !important;\r\n        }\r\n\r\n        .pg-rtg-card.pg-rtg-down::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-rtg-card.pg-rtg-glow::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 1;\r\n        }\r\n\r\n        .pg-rtg-card.pg-rtg-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-rtg-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(--rtg-speed);\r\n            position: relative;\r\n            z-index: 3;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .pg-rtg-card:hover .pg-rtg-icon {\r\n            transform: scale(1.12) rotate(-4deg);\r\n        }\r\n\r\n        .pg-rtg-card.pg-rtg-down .pg-rtg-icon {\r\n            transform: scale(1.04) rotate(0deg);\r\n        }\r\n\r\n        \/* === EMOJI === *\/\r\n        .pg-rtg-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(--rtg-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-rtg-card:hover .pg-rtg-emoji {\r\n            transform: scale(1.22) rotate(-6deg);\r\n        }\r\n\r\n        .pg-rtg-card.pg-rtg-down .pg-rtg-emoji {\r\n            transform: scale(1.08) rotate(0deg);\r\n        }\r\n\r\n        \/* === TITLE === *\/\r\n        .pg-rtg-title {\r\n            font-family: var(--rtg-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-rtg-desc {\r\n            font-family: var(--rtg-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-rtg-sec1 {\r\n            background: #ffffff;\r\n        }\r\n\r\n        .pg-rtg-sec1 .pg-rtg-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-rtg-sec1 .pg-rtg-card:hover {\r\n            border-color: var(--rtg-primary);\r\n            box-shadow: var(--rtg-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 2 \u2014 requested purple gradient bg \/ white cards\r\n           ============================== *\/\r\n        .pg-rtg-sec2 {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        }\r\n\r\n        .pg-rtg-sec2 .pg-rtg-heading.pg-rtg-sec2-heading {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-rtg-sec2 .pg-rtg-kw.pg-rtg-sec2-kw {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-rtg-sec2 .pg-rtg-kw.pg-rtg-sec2-kw::after {\r\n            background: linear-gradient(90deg, #d32f2f, #1a1a1a, #ffffff);\r\n        }\r\n\r\n        .pg-rtg-sec2 .pg-rtg-sub.pg-rtg-sec2-sub {\r\n            color: rgba(255,255,255,0.9);\r\n        }\r\n\r\n        .pg-rtg-sec2 .pg-rtg-card.pg-rtg-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-rtg-sec2 .pg-rtg-card.pg-rtg-sec2-card::before {\r\n            background: linear-gradient(90deg, #667eea, #764ba2, #1a1a1a);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-rtg-sec2 .pg-rtg-card.pg-rtg-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-rtg-sec2 .pg-rtg-card.pg-rtg-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-rtg-sec2 .pg-rtg-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-rtg-sec3 {\r\n            background: #ffffff;\r\n        }\r\n\r\n        .pg-rtg-sec3 .pg-rtg-card.pg-rtg-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-rtg-sec3 .pg-rtg-card.pg-rtg-sec3-card::before {\r\n            background: var(--rtg-grad);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-rtg-sec3 .pg-rtg-card.pg-rtg-sec3-card:hover {\r\n            border-color: var(--rtg-primary);\r\n            box-shadow: var(--rtg-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-rtg-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 16px;\r\n            }\r\n            .pg-rtg-section {\r\n                padding: clamp(36px, 6vw, 64px) 16px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 540px) {\r\n            .pg-rtg-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 14px;\r\n            }\r\n            .pg-rtg-card {\r\n                padding: 22px;\r\n            }\r\n            .pg-rtg-sub {\r\n                margin-bottom: 28px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .pg-rtg-section {\r\n                padding: 32px 12px;\r\n            }\r\n            .pg-rtg-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-rtg-card');\r\n        cards.forEach(function(card) {\r\n            function glow(el) {\r\n                el.classList.remove('pg-rtg-glow', 'pg-rtg-glow-out');\r\n                void el.offsetWidth;\r\n                el.classList.add('pg-rtg-glow');\r\n                setTimeout(function() {\r\n                    el.classList.add('pg-rtg-glow-out');\r\n                }, 300);\r\n                setTimeout(function() {\r\n                    el.classList.remove('pg-rtg-glow', 'pg-rtg-glow-out');\r\n                }, 700);\r\n            }\r\n            card.addEventListener('mousedown', function() {\r\n                card.classList.add('pg-rtg-down');\r\n            });\r\n            card.addEventListener('mouseup', function() {\r\n                setTimeout(function() {\r\n                    card.classList.remove('pg-rtg-down');\r\n                }, 120);\r\n                glow(card);\r\n            });\r\n            card.addEventListener('mouseleave', function() {\r\n                card.classList.remove('pg-rtg-down', 'pg-rtg-glow', 'pg-rtg-glow-out');\r\n            });\r\n            card.addEventListener('touchstart', function() {\r\n                card.classList.add('pg-rtg-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-rtg-down');\r\n                }, 150);\r\n            });\r\n            card.addEventListener('touchcancel', function() {\r\n                card.classList.remove('pg-rtg-down', 'pg-rtg-glow', 'pg-rtg-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-583","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>\u0645\u0648\u0644\u062f \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0645\u062d\u0630\u0648\u0641\u0629 \u2013 \u0627\u0644\u0631\u0642\u0627\u0628\u0629 \u0627\u0644\u0641\u0648\u0631\u064a\u0629<\/title>\n<meta name=\"description\" content=\"\u0623\u0646\u0634\u0626 \u0646\u0635\u064b\u0627 \u0645\u062d\u062c\u0648\u0628\u064b\u0627 \u0648\u0627\u0642\u0639\u064a\u064b\u0627 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0648\u0644\u062f \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0645\u062d\u062c\u0648\u0628\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a. \u0645\u062b\u0627\u0644\u064a \u0644\u0644\u0635\u0648\u0631 \u0627\u0644\u0645\u0636\u062d\u0643\u0629\u060c \u0648\u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0623\u0648\u0644\u064a\u0629\u060c \u0648\u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0645\u0631\u062d\u0629 - \u0627\u0646\u0633\u062e \u0648\u0627\u0644\u0635\u0642 \u0641\u064a \u062b\u0648\u0627\u0646\u064d.\" \/>\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\/ar\/redacted-text-generator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Redacted Text Generator \u2013 Censor Instantly\" \/>\n<meta property=\"og:description\" content=\"Create realistic redacted text with our free Redacted Text Generator. Perfect for memes, mockups, and fun messages \u2014 copy &amp; paste in seconds.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onlinetexteditor.io\/redacted-text-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Text Editor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-06T09:21:14+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\\\/redacted-text-generator\\\/\",\"url\":\"https:\\\/\\\/onlinetexteditor.io\\\/redacted-text-generator\\\/\",\"name\":\"Redacted Text Generator \u2013 Censor Instantly\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#website\"},\"datePublished\":\"2026-03-18T00:00:50+00:00\",\"dateModified\":\"2026-04-06T09:21:14+00:00\",\"description\":\"Create realistic redacted text with our free Redacted Text Generator. Perfect for memes, mockups, and fun messages \u2014 copy & paste in seconds.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/redacted-text-generator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/onlinetexteditor.io\\\/redacted-text-generator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/redacted-text-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/onlinetexteditor.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Redacted Text Generator \u2013 Censor 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":"\u0645\u0648\u0644\u062f \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0645\u062d\u0630\u0648\u0641\u0629 \u2013 \u0627\u0644\u0631\u0642\u0627\u0628\u0629 \u0627\u0644\u0641\u0648\u0631\u064a\u0629","description":"\u0623\u0646\u0634\u0626 \u0646\u0635\u064b\u0627 \u0645\u062d\u062c\u0648\u0628\u064b\u0627 \u0648\u0627\u0642\u0639\u064a\u064b\u0627 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0648\u0644\u062f \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0645\u062d\u062c\u0648\u0628\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a. \u0645\u062b\u0627\u0644\u064a \u0644\u0644\u0635\u0648\u0631 \u0627\u0644\u0645\u0636\u062d\u0643\u0629\u060c \u0648\u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0623\u0648\u0644\u064a\u0629\u060c \u0648\u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0645\u0631\u062d\u0629 - \u0627\u0646\u0633\u062e \u0648\u0627\u0644\u0635\u0642 \u0641\u064a \u062b\u0648\u0627\u0646\u064d.","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\/ar\/redacted-text-generator\/","og_locale":"en_US","og_type":"article","og_title":"Redacted Text Generator \u2013 Censor Instantly","og_description":"Create realistic redacted text with our free Redacted Text Generator. Perfect for memes, mockups, and fun messages \u2014 copy & paste in seconds.","og_url":"https:\/\/onlinetexteditor.io\/redacted-text-generator\/","og_site_name":"Online Text Editor","article_modified_time":"2026-04-06T09:21:14+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onlinetexteditor.io\/redacted-text-generator\/","url":"https:\/\/onlinetexteditor.io\/redacted-text-generator\/","name":"Redacted Text Generator \u2013 Censor Instantly","isPartOf":{"@id":"https:\/\/onlinetexteditor.io\/#website"},"datePublished":"2026-03-18T00:00:50+00:00","dateModified":"2026-04-06T09:21:14+00:00","description":"Create realistic redacted text with our free Redacted Text Generator. Perfect for memes, mockups, and fun messages \u2014 copy & paste in seconds.","breadcrumb":{"@id":"https:\/\/onlinetexteditor.io\/redacted-text-generator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onlinetexteditor.io\/redacted-text-generator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onlinetexteditor.io\/redacted-text-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/onlinetexteditor.io\/"},{"@type":"ListItem","position":2,"name":"Redacted Text Generator \u2013 Censor 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\/ar\/wp-json\/wp\/v2\/pages\/583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onlinetexteditor.io\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onlinetexteditor.io\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/ar\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/ar\/wp-json\/wp\/v2\/comments?post=583"}],"version-history":[{"count":3,"href":"https:\/\/onlinetexteditor.io\/ar\/wp-json\/wp\/v2\/pages\/583\/revisions"}],"predecessor-version":[{"id":586,"href":"https:\/\/onlinetexteditor.io\/ar\/wp-json\/wp\/v2\/pages\/583\/revisions\/586"}],"wp:attachment":[{"href":"https:\/\/onlinetexteditor.io\/ar\/wp-json\/wp\/v2\/media?parent=583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}