{"id":502,"date":"2026-03-17T00:00:45","date_gmt":"2026-03-17T00:00:45","guid":{"rendered":"https:\/\/onlinetexteditor.io\/?page_id=502"},"modified":"2026-04-06T06:30:26","modified_gmt":"2026-04-06T06:30:26","slug":"reverse-text-generator","status":"publish","type":"page","link":"https:\/\/onlinetexteditor.io\/pt\/reverse-text-generator\/","title":{"rendered":"Reverse Text Generator \u2013 Flip 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 Reverse Text Generator -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .pg-tool-wrapper {\r\n        --primary-font: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n        --body-font: \"Consolas\", \"Monaco\", \"Courier New\", monospace;\r\n        \r\n        --theme-panel: rgba(10, 15, 30, 0.96);\r\n        --theme-border: rgba(0, 240, 255, 0.4); \r\n        \r\n        --rev-red: #ff2d55;\r\n        --rev-cyan: #00e5ff;\r\n        --rev-amber: #ffb800;\r\n        --rev-purple: #a855f7;\r\n        --time-blue: #0a1930;\r\n        --void-dark: #050814;\r\n        --text-bright: #f8fafc;\r\n        --text-muted: #94a3b8;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        --grad-neon: linear-gradient(135deg, #00f0ff 0%, #ff007a 100%);\r\n        --grad-shimmer: linear-gradient(90deg, transparent, rgba(0, 240, 255, 0.4), transparent);\r\n        --grad-dark: linear-gradient(180deg, rgba(5,8,20,0.8) 0%, rgba(10,15,30,0.95) 100%);\r\n        \r\n        --glow-cyan: 0 0 25px rgba(0, 240, 255, 0.4);\r\n        --glow-magenta: 0 0 20px rgba(255, 0, 122, 0.5);\r\n        --shadow-ui: 0 20px 50px rgba(0, 0, 0, 0.9);\r\n        \r\n        --transition-ui: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        --transition-fast: all 0.2s ease;\r\n        \r\n        font-family: var(--primary-font);\r\n        color: var(--text-bright);\r\n        line-height: 1.5;\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        text-align: center; \r\n        background: var(--grad-master);\r\n        background-attachment: fixed;\r\n    }\r\n\r\n    .pg-tool-wrapper * { box-sizing: border-box; }\r\n\r\n    .pg-container {\r\n        max-width: 1200px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        padding: 40px 20px !important;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .pg-hero-content-wrapper {\r\n        z-index: 2;\r\n        padding-top: 20px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pg-main-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 2.8rem;\r\n        font-weight: 900; \r\n        line-height: 1.1;\r\n        margin: 0 auto 15px auto;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        color: #fff;\r\n        text-shadow: \r\n            3px 3px 0px rgba(0,0,0,0.9),\r\n            -2px -2px 12px rgba(0, 240, 255, 0.6),\r\n            2px -2px 0px var(--rev-red);\r\n        max-width: 900px;\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 18px;\r\n    }\r\n\r\n    .pg-title-icon {\r\n        font-size: 0.75em;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 70px;\r\n        height: 70px;\r\n        background: linear-gradient(135deg, rgba(255,45,85,0.25) 0%, rgba(0,229,255,0.25) 100%);\r\n        border: 2px solid rgba(0, 240, 255, 0.5);\r\n        border-radius: 14px;\r\n        flex-shrink: 0;\r\n        color: var(--rev-cyan);\r\n        text-shadow: 0 0 15px rgba(0, 229, 255, 0.8);\r\n        animation: pgTitleIconPulse 3s ease-in-out infinite;\r\n        box-shadow: \r\n            0 0 20px rgba(0, 229, 255, 0.2),\r\n            inset 0 0 15px rgba(0, 0, 0, 0.4);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pg-title-icon::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%; left: -50%;\r\n        width: 200%; height: 200%;\r\n        background: conic-gradient(\r\n            transparent 0deg,\r\n            rgba(0, 229, 255, 0.15) 60deg,\r\n            transparent 120deg,\r\n            rgba(255, 45, 85, 0.15) 240deg,\r\n            transparent 360deg\r\n        );\r\n        animation: pgIconRotate 6s linear infinite;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .pg-title-icon i {\r\n        position: relative;\r\n        z-index: 1;\r\n        filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.6));\r\n    }\r\n    \r\n    .pg-main-title:hover .pg-title-icon {\r\n        transform: rotate(-8deg) scale(1.08);\r\n        border-color: var(--rev-red);\r\n        color: var(--rev-red);\r\n        text-shadow: 0 0 15px rgba(255, 45, 85, 0.8);\r\n        box-shadow: \r\n            0 0 25px rgba(255, 45, 85, 0.3),\r\n            inset 0 0 15px rgba(0, 0, 0, 0.4);\r\n    }\r\n    \r\n    .pg-subtitle {\r\n        font-size: 1.1rem;\r\n        color: rgba(248, 250, 252, 0.85);\r\n        max-width: 750px;\r\n        margin: 0 auto 35px auto;\r\n        padding: 0 10px;\r\n        font-weight: 600;\r\n        letter-spacing: 0.5px;\r\n        text-shadow: 0 3px 6px rgba(0,0,0,0.8);\r\n    }\r\n\r\n    .pg-generator-card {\r\n        background: var(--theme-panel);\r\n        border: 1px solid var(--theme-border); \r\n        border-top-width: 4px;\r\n        border-top-color: var(--rev-red);\r\n        width: 100%;\r\n        box-shadow: var(--shadow-ui), inset 0 0 30px rgba(0,0,0,0.5); \r\n        border-radius: 12px;\r\n        position: relative;\r\n        transform: translateY(0);\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .pg-generator-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 2px;\r\n        background: var(--grad-shimmer);\r\n        opacity: 0.3;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n    \r\n    .pg-generator-card:hover::before { opacity: 1; }\r\n\r\n    .pg-controls-wrapper {\r\n        padding: 35px;\r\n        background: var(--grad-dark);\r\n        border-bottom: 2px solid #111827;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr; \r\n        gap: 30px;\r\n        align-items: stretch;\r\n    }\r\n\r\n    .pg-input-section { grid-column: 1 \/ -1; }\r\n    \r\n    .pg-enhanced-input-wrapper {\r\n        background: rgba(5, 8, 20, 0.8);\r\n        border: 2px solid var(--theme-border);\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: var(--transition-ui);\r\n        box-shadow: inset 0 0 20px rgba(0,0,0,1);\r\n    }\r\n\r\n    .pg-enhanced-input-wrapper:focus-within {\r\n        border-color: var(--rev-red);\r\n        box-shadow: inset 0 0 30px rgba(255, 45, 85, 0.12), 0 0 15px rgba(255, 45, 85, 0.25);\r\n    }\r\n    \r\n    .pg-text-input {\r\n        width: 100% !important;\r\n        height: 100px !important;\r\n        padding: 25px !important;\r\n        background: transparent !important;\r\n        border: none !important;\r\n        color: #fff !important;\r\n        font-family: var(--body-font) !important;\r\n        font-weight: bold !important;\r\n        font-size: 1.8rem !important;\r\n        outline: none !important;\r\n        text-align: center !important;\r\n        text-shadow: 2px 2px 0px #000;\r\n        overflow-wrap: break-word;\r\n        resize: none;\r\n    }\r\n    \r\n    .pg-text-input::placeholder {\r\n        color: rgba(0, 240, 255, 0.3);\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        flex-wrap: wrap;\r\n        gap: 12px;\r\n        background: rgba(10, 15, 30, 0.9);\r\n        padding: 12px 20px;\r\n        border-top: 1px solid rgba(0, 240, 255, 0.2);\r\n    }\r\n\r\n    .pg-toolbar-btn {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        color: var(--text-muted);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        padding: 8px 15px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        border-radius: 6px;\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: 8px;\r\n    }\r\n\r\n    .pg-toolbar-btn i { font-size: 1rem; transition: transform 0.2s ease; }\r\n\r\n    .pg-toolbar-btn:hover {\r\n        background: rgba(0, 240, 255, 0.1);\r\n        color: var(--rev-cyan);\r\n        border-color: rgba(0, 240, 255, 0.4);\r\n        box-shadow: 0 0 10px rgba(0, 240, 255, 0.2);\r\n    }\r\n\r\n    .pg-toolbar-btn:hover i { transform: translateY(-2px); }\r\n    .pg-toolbar-btn:active { transform: scale(0.95); }\r\n    \r\n    .pg-preset-select {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        color: var(--text-muted);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        padding: 8px 15px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        border-radius: 6px;\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    }\r\n    \r\n    .pg-preset-select:hover, .pg-preset-select:focus {\r\n        background: rgba(255, 45, 85, 0.1);\r\n        color: var(--rev-red);\r\n        border-color: rgba(255, 45, 85, 0.4);\r\n        box-shadow: 0 0 10px rgba(255, 45, 85, 0.2);\r\n    }\r\n    \r\n    .pg-preset-select option { background: var(--void-dark); color: #fff; }\r\n\r\n    .pg-panel-label {\r\n        display: flex;\r\n        align-items: center;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 800;\r\n        color: var(--text-bright);\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 15px;\r\n        text-shadow: 2px 2px 4px #000;\r\n    }\r\n    \r\n    .pg-panel-label i { color: var(--rev-cyan); margin-right: 8px; font-size: 1rem; }\r\n\r\n    .pg-grid-options { display: grid; gap: 12px; }\r\n    .pg-grid-2x2 { grid-template-columns: repeat(2, 1fr); }\r\n\r\n    .pg-option-btn {\r\n        background: rgba(20, 25, 40, 0.8);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        padding: 16px 10px;\r\n        color: var(--text-muted);\r\n        font-family: var(--primary-font);\r\n        font-size: 0.8rem;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        border-radius: 8px;\r\n        transition: var(--transition-fast);\r\n        text-transform: uppercase;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 8px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-option-btn i { font-size: 1.4rem; transition: var(--transition-ui); }\r\n\r\n    .pg-option-btn:hover {\r\n        background: rgba(30, 40, 60, 1);\r\n        color: #fff;\r\n        border-color: rgba(0, 240, 255, 0.3);\r\n        transform: translateY(-2px);\r\n    }\r\n    \r\n    .pg-option-btn:hover i { transform: scale(1.15) translateY(-2px); color: var(--rev-cyan); }\r\n\r\n    .pg-option-btn.active { \r\n        background: var(--void-dark);\r\n        color: #fff; \r\n        border-color: var(--rev-red);\r\n        box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 20px rgba(255, 45, 85, 0.3);\r\n    }\r\n    \r\n    .pg-option-btn.active i { color: var(--rev-red); text-shadow: 0 0 15px rgba(255,45,85,0.6); }\r\n\r\n    .pg-option-btn.mode-btn[data-val=\"CharReverse\"].active { border-color: #ff2d55; box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 20px rgba(255,45,85,0.3); }\r\n    .pg-option-btn.mode-btn[data-val=\"CharReverse\"].active i { color: #ff2d55; text-shadow: 0 0 15px rgba(255,45,85,0.6); }\r\n\r\n    .pg-option-btn.mode-btn[data-val=\"WordReverse\"].active { border-color: #00e5ff; box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 20px rgba(0,229,255,0.3); }\r\n    .pg-option-btn.mode-btn[data-val=\"WordReverse\"].active i { color: #00e5ff; text-shadow: 0 0 15px rgba(0,229,255,0.6); }\r\n\r\n    .pg-option-btn.mode-btn[data-val=\"WideExpanded\"].active { border-color: #ffb800; box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 20px rgba(255,184,0,0.3); }\r\n    .pg-option-btn.mode-btn[data-val=\"WideExpanded\"].active i { color: #ffb800; text-shadow: 0 0 15px rgba(255,184,0,0.6); }\r\n\r\n    .pg-option-btn.mode-btn[data-val=\"ShadowExtrude\"].active { border-color: #a855f7; box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 20px rgba(168,85,247,0.3); }\r\n    .pg-option-btn.mode-btn[data-val=\"ShadowExtrude\"].active i { color: #a855f7; text-shadow: 0 0 15px rgba(168,85,247,0.6); }\r\n\r\n    .pg-results-area { padding: 40px 30px; position: relative; }\r\n    \r\n    .pg-result-list {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n        position: relative; \r\n        z-index: 2;\r\n    }\r\n\r\n    .pg-result-card {\r\n        background: #080a14;\r\n        border: 1px solid rgba(0, 240, 255, 0.15);\r\n        padding: 25px 35px;\r\n        transition: var(--transition-ui);\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 10px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        min-height: 120px;\r\n        animation: pgCardIn 0.35s ease both;\r\n    }\r\n    \r\n    .pg-result-card::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.05), transparent);\r\n        transform: skewX(-20deg);\r\n        transition: left 0.6s ease;\r\n        pointer-events: none;\r\n    }\r\n    \r\n    .pg-result-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 4px; height: 100%;\r\n        background: var(--grad-neon);\r\n        transition: width 0.2s ease, opacity 0.2s ease;\r\n        opacity: 0.5;\r\n    }\r\n    \r\n    .pg-result-card > * { position: relative; z-index: 1; }\r\n\r\n    .pg-result-card:hover {\r\n        transform: translateY(-4px) perspective(900px) rotateX(1.5deg) rotateY(-0.8deg);\r\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.9), 0 0 20px rgba(0, 240, 255, 0.15);\r\n        border-color: rgba(0, 240, 255, 0.4);\r\n        background: #0a0e1c;\r\n        z-index: 10;\r\n    }\r\n    \r\n    .pg-result-card:hover::after { left: 200%; }\r\n    .pg-result-card:hover::before { width: 6px; opacity: 1; }\r\n\r\n    .pg-result-card.mode-charreverse {\r\n        background: linear-gradient(135deg, rgba(255,45,85,0.04) 0%, rgba(8,10,20,0.97) 100%);\r\n        border-color: rgba(255,45,85,0.18);\r\n        border-top: 2px solid rgba(255,45,85,0.35);\r\n    }\r\n    .pg-result-card.mode-charreverse::before { background: linear-gradient(180deg, #ff2d55, #cc0033); }\r\n    .pg-result-card.mode-charreverse .pg-card-title i { color: #ff2d55; }\r\n    .pg-result-card.mode-charreverse .pg-card-copy-btn { background: rgba(255,45,85,0.1); border-color: rgba(255,45,85,0.3); color: #ff2d55; }\r\n    .pg-result-card.mode-charreverse .pg-card-copy-btn:hover { background: #ff2d55; color: #fff; box-shadow: 0 0 20px rgba(255,45,85,0.5); }\r\n    .pg-result-card.mode-charreverse .pg-card-header { border-bottom-color: rgba(255,45,85,0.07); }\r\n    .pg-result-card.mode-charreverse:hover { border-color: rgba(255,45,85,0.5); border-top-color: #ff2d55; box-shadow: 0 15px 35px rgba(0,0,0,0.9), 0 0 30px rgba(255,45,85,0.12); background: linear-gradient(135deg, rgba(255,45,85,0.07) 0%, rgba(12,8,16,0.97) 100%); }\r\n    .pg-result-card.mode-charreverse:hover .pg-card-title { text-shadow: 0 0 12px rgba(255,45,85,0.5); }\r\n    .pg-result-card.mode-charreverse:hover .pg-card-preview { text-shadow: 3px 3px 0 rgba(255,45,85,0.5), -2px -2px 0 #000; }\r\n\r\n    .pg-result-card.mode-wordreverse {\r\n        background: linear-gradient(135deg, rgba(0,229,255,0.04) 0%, rgba(5,12,20,0.97) 100%);\r\n        border-color: rgba(0,229,255,0.18);\r\n        border-top: 2px solid rgba(0,229,255,0.35);\r\n    }\r\n    .pg-result-card.mode-wordreverse::before { background: linear-gradient(180deg, #00e5ff, #0097a7); }\r\n    .pg-result-card.mode-wordreverse .pg-card-title i { color: #00e5ff; }\r\n    .pg-result-card.mode-wordreverse .pg-card-copy-btn { background: rgba(0,229,255,0.1); border-color: rgba(0,229,255,0.3); color: #00e5ff; }\r\n    .pg-result-card.mode-wordreverse .pg-card-copy-btn:hover { background: #00e5ff; color: #000; box-shadow: 0 0 20px rgba(0,229,255,0.5); }\r\n    .pg-result-card.mode-wordreverse .pg-card-header { border-bottom-color: rgba(0,229,255,0.07); }\r\n    .pg-result-card.mode-wordreverse:hover { border-color: rgba(0,229,255,0.5); border-top-color: #00e5ff; box-shadow: 0 15px 35px rgba(0,0,0,0.9), 0 0 30px rgba(0,229,255,0.12); background: linear-gradient(135deg, rgba(0,229,255,0.07) 0%, rgba(7,12,22,0.97) 100%); }\r\n    .pg-result-card.mode-wordreverse:hover .pg-card-title { text-shadow: 0 0 12px rgba(0,229,255,0.5); }\r\n    .pg-result-card.mode-wordreverse:hover .pg-card-preview { text-shadow: 3px 3px 0 rgba(0,229,255,0.4), -2px -2px 0 #000; }\r\n\r\n    .pg-result-card.mode-wideexpanded {\r\n        background: linear-gradient(135deg, rgba(255,184,0,0.04) 0%, rgba(14,10,5,0.97) 100%);\r\n        border-color: rgba(255,184,0,0.18);\r\n        border-top: 2px solid rgba(255,184,0,0.35);\r\n    }\r\n    .pg-result-card.mode-wideexpanded::before { background: linear-gradient(180deg, #ffb800, #ff8f00); }\r\n    .pg-result-card.mode-wideexpanded .pg-card-title i { color: #ffb800; }\r\n    .pg-result-card.mode-wideexpanded .pg-card-copy-btn { background: rgba(255,184,0,0.1); border-color: rgba(255,184,0,0.3); color: #ffb800; }\r\n    .pg-result-card.mode-wideexpanded .pg-card-copy-btn:hover { background: #ffb800; color: #000; box-shadow: 0 0 20px rgba(255,184,0,0.5); }\r\n    .pg-result-card.mode-wideexpanded .pg-card-header { border-bottom-color: rgba(255,184,0,0.07); }\r\n    .pg-result-card.mode-wideexpanded:hover { border-color: rgba(255,184,0,0.5); border-top-color: #ffb800; box-shadow: 0 15px 35px rgba(0,0,0,0.9), 0 0 30px rgba(255,184,0,0.12); background: linear-gradient(135deg, rgba(255,184,0,0.07) 0%, rgba(18,14,5,0.97) 100%); }\r\n    .pg-result-card.mode-wideexpanded:hover .pg-card-title { text-shadow: 0 0 12px rgba(255,184,0,0.5); }\r\n    .pg-result-card.mode-wideexpanded:hover .pg-card-preview { text-shadow: 3px 3px 0 rgba(255,184,0,0.4), -2px -2px 0 #000; }\r\n\r\n    .pg-result-card.mode-shadowextrude {\r\n        background: linear-gradient(135deg, rgba(168,85,247,0.04) 0%, rgba(10,5,18,0.97) 100%);\r\n        border-color: rgba(168,85,247,0.18);\r\n        border-top: 2px solid rgba(168,85,247,0.35);\r\n    }\r\n    .pg-result-card.mode-shadowextrude::before { background: linear-gradient(180deg, #a855f7, #7c3aed); }\r\n    .pg-result-card.mode-shadowextrude .pg-card-title i { color: #a855f7; }\r\n    .pg-result-card.mode-shadowextrude .pg-card-copy-btn { background: rgba(168,85,247,0.1); border-color: rgba(168,85,247,0.3); color: #a855f7; }\r\n    .pg-result-card.mode-shadowextrude .pg-card-copy-btn:hover { background: #a855f7; color: #fff; box-shadow: 0 0 20px rgba(168,85,247,0.5); }\r\n    .pg-result-card.mode-shadowextrude .pg-card-header { border-bottom-color: rgba(168,85,247,0.07); }\r\n    .pg-result-card.mode-shadowextrude:hover { border-color: rgba(168,85,247,0.5); border-top-color: #a855f7; box-shadow: 0 15px 35px rgba(0,0,0,0.9), 0 0 30px rgba(168,85,247,0.12); background: linear-gradient(135deg, rgba(168,85,247,0.07) 0%, rgba(14,7,22,0.97) 100%); }\r\n    .pg-result-card.mode-shadowextrude:hover .pg-card-title { text-shadow: 0 0 12px rgba(168,85,247,0.5); }\r\n    .pg-result-card.mode-shadowextrude:hover .pg-card-preview { text-shadow: 3px 3px 0 rgba(168,85,247,0.4), -2px -2px 0 #000; }\r\n\r\n    .pg-result-card .pg-style-dot {\r\n        width: 8px; height: 8px; border-radius: 50%;\r\n        display: inline-block; margin-left: 6px; flex-shrink: 0;\r\n    }\r\n    .pg-result-card.style-normal .pg-style-dot { background: #94a3b8; box-shadow: 0 0 6px rgba(148,163,184,0.5); }\r\n    .pg-result-card.style-wide .pg-style-dot { background: #00e5ff; box-shadow: 0 0 6px rgba(0,229,255,0.5); }\r\n    .pg-result-card.style-bubble .pg-style-dot { background: #ffb800; box-shadow: 0 0 6px rgba(255,184,0,0.5); }\r\n    .pg-result-card.style-box .pg-style-dot { background: #a855f7; box-shadow: 0 0 6px rgba(168,85,247,0.5); }\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: 15px;\r\n        border-bottom: 1px solid rgba(255,255,255,0.05);\r\n        padding-bottom: 15px;\r\n    }\r\n    \r\n    .pg-card-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 800;\r\n        color: var(--text-muted);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        transition: var(--transition-fast);\r\n    }\r\n    \r\n    .pg-card-title i {\r\n        font-size: 1.3rem;\r\n        transition: var(--transition-ui);\r\n    }\r\n\r\n    .pg-result-card:hover .pg-card-title { color: #fff; letter-spacing: 2px; }\r\n\r\n    .pg-result-card:hover .pg-card-title i {\r\n        transform: scale(1.25) translateY(-3px);\r\n        animation: pgIconBounce 0.5s ease;\r\n    }\r\n\r\n    .pg-card-copy-btn {\r\n        background: rgba(0, 240, 255, 0.1);\r\n        border: 1px solid rgba(0, 240, 255, 0.3);\r\n        color: var(--rev-cyan);\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: var(--transition-fast);\r\n        outline: none;\r\n    }\r\n    \r\n    .pg-card-copy-btn i { font-size: 1.2rem; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\r\n    \r\n    .pg-card-copy-btn:hover { background: var(--rev-cyan); color: #000; box-shadow: var(--glow-cyan); transform: scale(1.05); }\r\n    .pg-card-copy-btn:hover i { transform: scale(1.2) translateY(-2px); }\r\n    .pg-card-copy-btn:active { transform: scale(0.95); }\r\n\r\n    .pg-card-preview {\r\n        font-size: 1.6rem;\r\n        color: #fff;\r\n        word-break: break-word;\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: 10px 0; \r\n        text-shadow: 2px 2px 5px #000;\r\n        transition: var(--transition-fast);\r\n        white-space: pre-wrap !important;\r\n        overflow-wrap: break-word !important;\r\n        box-sizing: border-box !important;\r\n        line-height: 1.6;\r\n    }\r\n    \r\n    .pg-result-card:hover .pg-card-preview {\r\n        text-shadow: 2px 2px 8px var(--rev-red), -2px -2px 0 #000;\r\n        color: var(--text-bright);\r\n    }\r\n\r\n    .pg-btn-load {\r\n        background: transparent;\r\n        color: #fff;\r\n        border: 2px solid var(--rev-red);\r\n        padding: 18px 45px;\r\n        font-family: var(--primary-font);\r\n        font-weight: 900;\r\n        font-size: 1rem;\r\n        cursor: pointer;\r\n        margin-top: 40px;\r\n        text-transform: uppercase;\r\n        border-radius: 6px;\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 5px 15px rgba(0,0,0,0.8);\r\n        overflow: visible;\r\n    }\r\n\r\n    .pg-btn-load::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -3px; left: -3px; right: -3px; bottom: -3px;\r\n        border-radius: 8px;\r\n        border: 2px solid var(--rev-red);\r\n        opacity: 0;\r\n        z-index: -1;\r\n        pointer-events: none;\r\n        animation: pgPulseRing 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.1), transparent);\r\n        transform: skewX(-20deg);\r\n        pointer-events: none;\r\n        animation: pgShimmer 4s 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        background: rgba(255, 45, 85, 0.12); \r\n        box-shadow: 0 0 20px rgba(255,45,85,0.5);\r\n        transform: translateY(-3px);\r\n        text-shadow: 0 0 8px var(--rev-red);\r\n    }\r\n    \r\n    .pg-btn-load:hover::before { animation: none; opacity: 0.4; transform: scale(1.05, 1.2); }\r\n    .pg-btn-load:hover i { transform: translateY(4px); }\r\n    .pg-btn-load:active { transform: translateY(0); }\r\n\r\n    .pg-btn-load.btn-wordreverse { border-color: #00e5ff; }\r\n    .pg-btn-load.btn-wordreverse::before { border-color: #00e5ff; }\r\n    .pg-btn-load.btn-wordreverse:hover { background: rgba(0,229,255,0.12); box-shadow: 0 0 20px rgba(0,229,255,0.5); text-shadow: 0 0 8px #00e5ff; }\r\n\r\n    .pg-btn-load.btn-wideexpanded { border-color: #ffb800; }\r\n    .pg-btn-load.btn-wideexpanded::before { border-color: #ffb800; }\r\n    .pg-btn-load.btn-wideexpanded:hover { background: rgba(255,184,0,0.12); box-shadow: 0 0 20px rgba(255,184,0,0.5); text-shadow: 0 0 8px #ffb800; }\r\n\r\n    .pg-btn-load.btn-shadowextrude { border-color: #a855f7; }\r\n    .pg-btn-load.btn-shadowextrude::before { border-color: #a855f7; }\r\n    .pg-btn-load.btn-shadowextrude:hover { background: rgba(168,85,247,0.12); box-shadow: 0 0 20px rgba(168,85,247,0.5); text-shadow: 0 0 8px #a855f7; }\r\n\r\n    .pg-toast {\r\n        visibility: hidden;\r\n        background: #0a0a0a;\r\n        color: #fff;\r\n        padding: 15px 30px;\r\n        position: fixed;\r\n        left: 50%;\r\n        bottom: 40px;\r\n        transform: translateX(-50%) translateY(20px);\r\n        font-family: var(--primary-font);\r\n        font-weight: 800;\r\n        z-index: 10000;\r\n        border-radius: 8px;\r\n        border: 1px solid var(--rev-red);\r\n        border-left: 5px solid var(--rev-red);\r\n        text-transform: uppercase;\r\n        box-shadow: var(--shadow-ui), 0 0 20px rgba(255,45,85,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    }\r\n    \r\n    .pg-toast i { color: var(--rev-red); font-size: 1.2rem; }\r\n    .pg-toast.show { visibility: visible; opacity: 1; transform: translateX(-50%) translateY(0); }\r\n\r\n    .pg-toast.toast-charreverse { border-color: #ff2d55; border-left-color: #ff2d55; box-shadow: var(--shadow-ui), 0 0 20px rgba(255,45,85,0.5); }\r\n    .pg-toast.toast-charreverse i { color: #ff2d55; }\r\n\r\n    .pg-toast.toast-wordreverse { border-color: #00e5ff; border-left-color: #00e5ff; box-shadow: var(--shadow-ui), 0 0 20px rgba(0,229,255,0.5); }\r\n    .pg-toast.toast-wordreverse i { color: #00e5ff; }\r\n\r\n    .pg-toast.toast-wideexpanded { border-color: #ffb800; border-left-color: #ffb800; box-shadow: var(--shadow-ui), 0 0 20px rgba(255,184,0,0.5); }\r\n    .pg-toast.toast-wideexpanded i { color: #ffb800; }\r\n\r\n    .pg-toast.toast-shadowextrude { border-color: #a855f7; border-left-color: #a855f7; box-shadow: var(--shadow-ui), 0 0 20px rgba(168,85,247,0.5); }\r\n    .pg-toast.toast-shadowextrude i { color: #a855f7; }\r\n\r\n    .pg-generator-card.card-mode-charreverse { border-top-color: #ff2d55; }\r\n    .pg-generator-card.card-mode-wordreverse { border-top-color: #00e5ff; }\r\n    .pg-generator-card.card-mode-wideexpanded { border-top-color: #ffb800; }\r\n    .pg-generator-card.card-mode-shadowextrude { border-top-color: #a855f7; }\r\n\r\n    @keyframes pgCardIn {\r\n        from { opacity: 0; transform: translateY(12px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes pgIconBounce {\r\n        0%, 100% { transform: scale(1.25) translateY(-3px); }\r\n        50% { transform: scale(1.45) translateY(-6px); }\r\n    }\r\n\r\n    @keyframes pgPulseRing {\r\n        0% { transform: scale(1); opacity: 0.5; }\r\n        100% { transform: scale(1.06, 1.18); 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    @keyframes pgTitleIconPulse {\r\n        0%, 100% { box-shadow: 0 0 20px rgba(0, 229, 255, 0.2), inset 0 0 15px rgba(0, 0, 0, 0.4); }\r\n        50% { box-shadow: 0 0 30px rgba(0, 229, 255, 0.4), inset 0 0 15px rgba(0, 0, 0, 0.4); }\r\n    }\r\n\r\n    @keyframes pgIconRotate {\r\n        0% { transform: rotate(0deg); }\r\n        100% { transform: rotate(360deg); }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .pg-main-title { font-size: 2.2rem; } \r\n        .pg-controls-wrapper { grid-template-columns: 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: 30px 15px; }\r\n        .pg-controls-wrapper { grid-template-columns: 1fr; padding: 20px; gap: 20px; }\r\n        .pg-text-input { height: 80px !important; font-size: 1.4rem !important; }\r\n        .pg-input-toolbar { flex-wrap: wrap; justify-content: center; }\r\n        .pg-result-list { grid-template-columns: 1fr; gap: 15px; }\r\n        .pg-option-btn { padding: 12px 8px; font-size: 0.7rem; }\r\n        .pg-option-btn i { font-size: 1.1rem; }\r\n        .pg-btn-load { padding: 15px 30px; font-size: 0.9rem; width: 100%; justify-content: center; }\r\n        .pg-main-title { font-size: 1.6rem; flex-wrap: wrap; justify-content: center; }\r\n        .pg-title-icon { width: 52px; height: 52px; border-radius: 10px; }\r\n        .pg-subtitle { font-size: 0.9rem; }\r\n        .pg-result-card { padding: 20px 20px; }\r\n        .pg-card-preview { font-size: 1.3rem; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-tool-wrapper\">\r\n    <div class=\"pg-container pg-hero-content-wrapper\">\r\n        <h1 class=\"pg-main-title\">\r\n            <span class=\"pg-title-icon\"><i class=\"fa-solid fa-arrows-left-right-to-line\"><\/i><\/span>\r\n            Reverse Text Generator - Flip Instantly\r\n        <\/h1>\r\n        <p class=\"pg-subtitle\">Flip your text in multiple ways \u2014 reverse letter by letter, invert word order, stretch it wide with fullwidth forms, or create extruded shadow effects that look 3D when copied.<\/p>\r\n        \r\n        <div class=\"pg-generator-card\" id=\"pgMainCard\">\r\n            <div class=\"pg-controls-wrapper\">\r\n                \r\n                <div class=\"pg-input-section\">\r\n                    <div class=\"pg-panel-label\"><i class=\"fa-solid fa-pen-nib\"><\/i> Target Text<\/div>\r\n                    <div class=\"pg-enhanced-input-wrapper\">\r\n                        <textarea class=\"pg-text-input\" id=\"pgInputText\" placeholder=\"Reverse this sentence...\"><\/textarea>\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 All<\/button>\r\n                            <button class=\"pg-toolbar-btn\" id=\"pgBtnCopy\"><i class=\"fa-solid fa-copy\"><\/i> Copy Source<\/button>\r\n                            \r\n                            <select class=\"pg-preset-select\" id=\"pgPresetSelect\">\r\n                                <option value=\"\" disabled selected>\u2728 Reverse Presets<\/option>\r\n                                <option value=\"The quick brown fox jumps over the lazy dog.\">Quick Brown Fox<\/option>\r\n                                <option value=\"Never gonna give you up, never gonna let you down.\">Never Gonna Give<\/option>\r\n                                <option value=\"To be or not to be, that is the question.\">To Be Or Not<\/option>\r\n                                <option value=\"ABCDEF GHIJKL MNOPQR STUVWX YZ 0123456789\">Full Alphabet Test<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div>\r\n                    <div class=\"pg-panel-label\"><i class=\"fa-solid fa-arrows-left-right\"><\/i> Reverse Mode<\/div>\r\n                    <div class=\"pg-grid-options pg-grid-2x2\">\r\n                        <button class=\"pg-option-btn mode-btn active\" data-val=\"CharReverse\">\r\n                            <i class=\"fa-solid fa-backward-fast\"><\/i> Character Reverse\r\n                        <\/button>\r\n                        <button class=\"pg-option-btn mode-btn\" data-val=\"WordReverse\">\r\n                            <i class=\"fa-solid fa-right-left\"><\/i> Word Order Reverse\r\n                        <\/button>\r\n                        <button class=\"pg-option-btn mode-btn\" data-val=\"WideExpanded\">\r\n                            <i class=\"fa-solid fa-text-width\"><\/i> Wide Expanded\r\n                        <\/button>\r\n                        <button class=\"pg-option-btn mode-btn\" data-val=\"ShadowExtrude\">\r\n                            <i class=\"fa-solid fa-clone\"><\/i> Shadow Extrude\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-wand-magic-sparkles\"><\/i> Spatial Modifiers<\/div>\r\n                    <div class=\"pg-grid-options pg-grid-2x2\">\r\n                        <button class=\"pg-option-btn style-btn active\" data-val=\"Normal\">\r\n                            <i class=\"fa-solid fa-font\"><\/i> Base Text\r\n                        <\/button>\r\n                        <button class=\"pg-option-btn style-btn\" data-val=\"Wide\">\r\n                            <i class=\"fa-solid fa-left-right\"><\/i> Fullwidth\r\n                        <\/button>\r\n                        <button class=\"pg-option-btn style-btn\" data-val=\"Bubble\">\r\n                            <i class=\"fa-solid fa-circle\"><\/i> Bubbled\r\n                        <\/button>\r\n                        <button class=\"pg-option-btn style-btn\" data-val=\"Box\">\r\n                            <i class=\"fa-solid fa-square\"><\/i> Boxed\r\n                        <\/button>\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>Reveal More Timelines<\/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-circle\"><\/i> Reversed Text Copied<\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const inputEl = document.getElementById('pgInputText');\r\n    const resultList = document.getElementById('pgResultList');\r\n    const loadMoreBtn = document.getElementById('pgLoadMoreBtn');\r\n    const toast = document.getElementById('pgToast');\r\n    const btnPaste = document.getElementById('pgBtnPaste');\r\n    const btnSelectAll = document.getElementById('pgBtnSelectAll');\r\n    const btnCopy = document.getElementById('pgBtnCopy');\r\n    const presetSelect = document.getElementById('pgPresetSelect');\r\n    const mainCard = document.getElementById('pgMainCard');\r\n\r\n    let currentMode = 'CharReverse';\r\n    let currentStyle = 'Normal';\r\n    let limit = 6;\r\n    const LOAD_INCREMENT = 6;\r\n\r\n    const baseChars = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ\";\r\n    const decorMaps = {\r\n        Bubble: \"\u24d0\u24d1\u24d2\u24d3\u24d4\u24d5\u24d6\u24d7\u24d8\u24d9\u24da\u24db\u24dc\u24dd\u24de\u24df\u24e0\u24e1\u24e2\u24e3\u24e4\u24e5\u24e6\u24e7\u24e8\u24e9\u24b6\u24b7\u24b8\u24b9\u24ba\u24bb\u24bc\u24bd\u24be\u24bf\u24c0\u24c1\u24c2\u24c3\u24c4\u24c5\u24c6\u24c7\u24c8\u24c9\u24ca\u24cb\u24cc\u24cd\u24ce\u24cf\",\r\n        Box:    \"\ud83c\udd30\ud83c\udd31\ud83c\udd32\ud83c\udd33\ud83c\udd34\ud83c\udd35\ud83c\udd36\ud83c\udd37\ud83c\udd38\ud83c\udd39\ud83c\udd3a\ud83c\udd3b\ud83c\udd3c\ud83c\udd3d\ud83c\udd3e\ud83c\udd3f\ud83c\udd40\ud83c\udd41\ud83c\udd42\ud83c\udd43\ud83c\udd44\ud83c\udd45\ud83c\udd46\ud83c\udd47\ud83c\udd48\ud83c\udd49\ud83c\udd30\ud83c\udd31\ud83c\udd32\ud83c\udd33\ud83c\udd34\ud83c\udd35\ud83c\udd36\ud83c\udd37\ud83c\udd38\ud83c\udd39\ud83c\udd3a\ud83c\udd3b\ud83c\udd3c\ud83c\udd3d\ud83c\udd3e\ud83c\udd3f\ud83c\udd40\ud83c\udd41\ud83c\udd42\ud83c\udd43\ud83c\udd44\ud83c\udd45\ud83c\udd46\ud83c\udd47\ud83c\udd48\ud83c\udd49\",\r\n        Wide:   \"\uff41\uff42\uff43\uff44\uff45\uff46\uff47\uff48\uff49\uff4a\uff4b\uff4c\uff4d\uff4e\uff4f\uff50\uff51\uff52\uff53\uff54\uff55\uff56\uff57\uff58\uff59\uff5a\uff21\uff22\uff23\uff24\uff25\uff26\uff27\uff28\uff29\uff2a\uff2b\uff2c\uff2d\uff2e\uff2f\uff30\uff31\uff32\uff33\uff34\uff35\uff36\uff37\uff38\uff39\uff3a\"\r\n    };\r\n\r\n    const shadowMarks = ['\\u0332', '\\u0330', '\\u0323', '\\u0316', '\\u0317', '\\u0318'];\r\n    const rand = (max) => Math.floor(Math.random() * max);\r\n\r\n    const generateConfigs = () => {\r\n        const templates = [];\r\n        const names = ['Echo Sequence', 'Mirror Dimension', 'Retrograde', 'Time Shift', 'Inverted Matrix', 'Backtrack', 'Rewind Protocol', 'Flip Axis', 'Quantum Reversal', 'Temporal Shift', 'Paradox Loop', 'Phase Invert', 'Null Reverse', 'Echo Chamber', 'Retro Flow', 'Cascade Flip'];\r\n        let idCounter = 0;\r\n        for (let i = 0; i < 120; i++) {\r\n            templates.push({\r\n                id: `rev-${idCounter++}`,\r\n                name: names[i % names.length] + ` Variant-${rand(99)}`,\r\n                icon: ['backward', 'rotate', 'arrow-rotate-left', 'arrows-turn-right', 'clock-rotate-left', 'backward-fast', 'right-left', 'shuffle', 'repeat', 'retweet'][i % 10]\r\n            });\r\n        }\r\n        return templates;\r\n    };\r\n\r\n    const ALL_STYLES = generateConfigs();\r\n\r\n    const applyDeco = (char, decoType) => {\r\n        if (decoType === 'Normal') return char;\r\n        const index = baseChars.indexOf(char);\r\n        if (index === -1) return char;\r\n        const decoStr = decorMaps[decoType];\r\n        if (decoType === 'Box') {\r\n            const arr = Array.from(decoStr);\r\n            return arr[index] || char;\r\n        }\r\n        return decoStr[index] || char;\r\n    };\r\n\r\n    const transformLogic = (text, mode, style, variationIndex) => {\r\n        let chars = Array.from(text);\r\n        let resultStr = '';\r\n\r\n        if (mode === 'CharReverse') {\r\n            let reversed = chars.slice().reverse();\r\n            if (variationIndex % 3 === 0) reversed = reversed.map(c => applyDeco(c, style));\r\n            else if (variationIndex % 3 === 1) reversed = reversed.map(c => c.toUpperCase());\r\n            else reversed = reversed.map(c => c.toLowerCase());\r\n            resultStr = reversed.join('');\r\n            if (variationIndex % 5 === 0) resultStr = '\u27e8 ' + resultStr + ' \u27e9';\r\n            if (variationIndex % 7 === 0) resultStr = '\u300e ' + resultStr + ' \u300f';\r\n\r\n        } else if (mode === 'WordReverse') {\r\n            let words = text.split(' ').reverse();\r\n            if (variationIndex % 3 === 0) words = words.map(w => Array.from(w).map(c => applyDeco(c, style)).join(''));\r\n            else if (variationIndex % 3 === 1) words = words.map(w => w.toUpperCase());\r\n            else words = words.map(w => w.toLowerCase());\r\n            resultStr = words.join(' ');\r\n            if (variationIndex % 4 === 0) resultStr = '\u2014 ' + resultStr + ' \u2014';\r\n            if (variationIndex % 6 === 0) resultStr = '\u25c6 ' + resultStr + ' \u25c6';\r\n\r\n        } else if (mode === 'WideExpanded') {\r\n            let styled = chars.map(c => applyDeco(c, 'Wide'));\r\n            const separators = ['  ', ' \u00b7 ', ' \u2027 ', ' \u2022 ', ' \u25e6 ', ' \u2500 ', ' \u25b8 ', ' \u27a4 ', ' \u27e9 ', ' \u2192 '];\r\n            const sep = separators[variationIndex % separators.length];\r\n            resultStr = styled.join(sep);\r\n            if (variationIndex % 4 === 0) resultStr = '\u27d0 ' + resultStr + ' \u27d0';\r\n            if (variationIndex % 5 === 0) resultStr = styled.join('  ') + '  \u2194';\r\n\r\n        } else if (mode === 'ShadowExtrude') {\r\n            const layers = (variationIndex % 3) + 2;\r\n            const blockSymbols = ['\u2593', '\u2592', '\u2591', '\u2588', '\u2584', '\u2580'];\r\n            let lines = [];\r\n            for (let i = 0; i < layers; i++) {\r\n                let layerChars = chars.map(c => {\r\n                    if (c === ' ') return '  ';\r\n                    let styled = applyDeco(c, style);\r\n                    if (i > 0) {\r\n                        styled = c + blockSymbols[(i + variationIndex) % blockSymbols.length];\r\n                    }\r\n                    return styled;\r\n                }).join('');\r\n                lines.push(layerChars);\r\n            }\r\n            resultStr = lines.join('\\n');\r\n            if (variationIndex % 5 === 0) resultStr = '\u2588 ' + resultStr + ' \u2588';\r\n        }\r\n\r\n        return resultStr;\r\n    };\r\n\r\n    const getModeClass = (mode) => `mode-${mode.toLowerCase()}`;\r\n    const getStyleClass = (style) => `style-${style.toLowerCase()}`;\r\n\r\n    const updateGlobalTheme = () => {\r\n        mainCard.className = 'pg-generator-card';\r\n        mainCard.classList.add(`card-mode-${currentMode.toLowerCase()}`);\r\n\r\n        loadMoreBtn.className = 'pg-btn-load';\r\n        if (currentMode !== 'CharReverse') {\r\n            loadMoreBtn.classList.add(`btn-${currentMode.toLowerCase()}`);\r\n        }\r\n\r\n        toast.className = 'pg-toast';\r\n        toast.classList.add(`toast-${currentMode.toLowerCase()}`);\r\n    };\r\n\r\n    const render = () => {\r\n        updateGlobalTheme();\r\n        resultList.innerHTML = '';\r\n        let raw = inputEl.value || \"Reverse this sentence...\";\r\n        const displayList = ALL_STYLES.slice(0, limit);\r\n        const mClass = getModeClass(currentMode);\r\n        const sClass = getStyleClass(currentStyle);\r\n\r\n        displayList.forEach((s, idx) => {\r\n            const out = transformLogic(raw, currentMode, currentStyle, idx);\r\n            const card = document.createElement('div');\r\n            card.className = `pg-result-card ${mClass} ${sClass}`;\r\n            card.style.animationDelay = `${idx * 0.04}s`;\r\n            card.innerHTML = `\r\n                <div class=\"pg-card-header\">\r\n                    <div class=\"pg-card-title\"><i class=\"fa-solid fa-${s.icon}\"><\/i> ${s.name}<span class=\"pg-style-dot\"><\/span><\/div>\r\n                    <button class=\"pg-card-copy-btn\" title=\"Copy Text\"><i class=\"fa-regular fa-copy\"><\/i><\/button>\r\n                <\/div>\r\n                <div class=\"pg-card-preview\">${out}<\/div>\r\n            `;\r\n\r\n            const copyBtn = card.querySelector('.pg-card-copy-btn');\r\n            copyBtn.addEventListener('click', (e) => {\r\n                e.stopPropagation();\r\n                navigator.clipboard.writeText(out);\r\n                const modeColor = {CharReverse:'#ff2d55', WordReverse:'#00e5ff', WideExpanded:'#ffb800', ShadowExtrude:'#a855f7'}[currentMode];\r\n                copyBtn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i>';\r\n                copyBtn.style.background = modeColor;\r\n                copyBtn.style.borderColor = modeColor;\r\n                copyBtn.style.color = (currentMode === 'CharReverse' || currentMode === 'ShadowExtrude') ? '#fff' : '#000';\r\n                toast.classList.add('show');\r\n                setTimeout(() => {\r\n                    copyBtn.innerHTML = '<i class=\"fa-regular fa-copy\"><\/i>';\r\n                    copyBtn.style.background = '';\r\n                    copyBtn.style.borderColor = '';\r\n                    copyBtn.style.color = '';\r\n                    toast.classList.remove('show');\r\n                }, 2000);\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) loadMoreBtn.querySelector('span').innerText = `Reveal More Timelines (${remaining})`;\r\n    };\r\n\r\n    inputEl.addEventListener('input', render);\r\n\r\n    btnPaste.addEventListener('click', async () => {\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            alert('Unable to paste automatically. Please use Ctrl+V \/ Cmd+V.');\r\n        }\r\n    });\r\n\r\n    btnSelectAll.addEventListener('click' , () => { inputEl.select(); });\r\n\r\n    btnCopy.addEventListener('click', () => {\r\n        if (inputEl.value) {\r\n            navigator.clipboard.writeText(inputEl.value);\r\n            toast.querySelector('i').className = 'fa-solid fa-copy';\r\n            toast.querySelector('i').nextSibling.textContent = ' Source Text Copied';\r\n            toast.classList.add('show');\r\n            setTimeout(() => {\r\n                toast.classList.remove('show');\r\n                setTimeout(() => {\r\n                    toast.querySelector('i').className = 'fa-solid fa-check-circle';\r\n                    toast.querySelector('i').nextSibling.textContent = ' Reversed Text Copied';\r\n                }, 400);\r\n            }, 2500);\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.onclick = () => { limit += LOAD_INCREMENT; render(); };\r\n\r\n    document.querySelectorAll('.mode-btn').forEach(btn => {\r\n        btn.onclick = () => {\r\n            document.querySelectorAll('.mode-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentMode = btn.getAttribute('data-val');\r\n            limit = 6;\r\n            render();\r\n        };\r\n    });\r\n\r\n    document.querySelectorAll('.style-btn').forEach(btn => {\r\n        btn.onclick = () => {\r\n            document.querySelectorAll('.style-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentStyle = btn.getAttribute('data-val');\r\n            limit = 6;\r\n            render();\r\n        };\r\n    });\r\n\r\n    render();\r\n});\r\n<\/script>\r\n<!-- END OF FILE Reverse 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\t\r\n<\/div>\r\n\t<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <section class=\"pg-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\">Reverse Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-rtg-sub\">Most reverse tools just flip characters and call it done. Our reverse text generator goes further \u2014 offering multiple reversal modes, real Unicode output, and a flawless experience that keeps users coming back.<\/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,184,212,0.12);color:#00b8d4;\"><i class=\"fa-solid fa-shuffle\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Four Unique Reverse Modes<\/div>\r\n                    <p class=\"pg-rtg-desc\">Full character reverse, word-by-word reverse, mirrored text, and upside-down reverse \u2014 our reverse text generator gives you four distinct flipping styles that most tools don't even offer.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(234,0,255,0.12);color:#ea00ff;\"><i class=\"fa-solid fa-language\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Real Unicode Character Mapping<\/div>\r\n                    <p class=\"pg-rtg-desc\">Our reverse text generator doesn't fake it \u2014 it uses actual Unicode mappings so mirrored and upside-down characters render correctly on every device and platform, not just yours.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(255,145,0,0.12);color:#ff9100;\"><i class=\"fa-solid fa-gauge-high\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Zero-Lag Instant Reversal<\/div>\r\n                    <p class=\"pg-rtg-desc\">Type a single character and watch it reverse instantly \u2014 our reverse text generator processes everything locally in your browser with zero server round-trips, so results appear in real time.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(76,175,80,0.12);color:#4caf50;\"><i class=\"fa-solid fa-paste\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Single-Click Copy Output<\/div>\r\n                    <p class=\"pg-rtg-desc\">Reversed your text? One tap on the copy button sends pure Unicode text straight to your clipboard \u2014 no hidden formatting, no broken characters, just clean reversed text ready to paste.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(244,67,54,0.12);color:#f44336;\"><i class=\"fa-solid fa-laptop-code\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Works Across Every Browser<\/div>\r\n                    <p class=\"pg-rtg-desc\">Chrome, Safari, Firefox, Edge, Brave \u2014 our reverse text generator functions identically on every modern browser because it relies on standard Unicode, not browser-specific hacks or extensions.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(63,81,181,0.12);color:#3f51b5;\"><i class=\"fa-solid fa-user-shield\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Completely Private by Design<\/div>\r\n                    <p class=\"pg-rtg-desc\">No text is sent to any server \u2014 our reverse text generator runs 100% client-side. Your messages, passwords, or any text you reverse stays on your device at all times, guaranteed.<\/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\">Reverse Text Generator<\/span> Step by Step?<\/h2>\r\n            <p class=\"pg-rtg-sub pg-rtg-sec2-sub\">Reversing text shouldn't require a tutorial \u2014 but here's exactly how our reverse text generator works so you can get the most out of every mode and feature available.<\/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\">\ud83d\udcdd<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 1: Paste or Type Text<\/div>\r\n                    <p class=\"pg-rtg-desc\">Drop any text into the input box \u2014 a single word, a full sentence, a paragraph, or even multiple lines. Our reverse text generator handles any length without breaking or slowing down.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\ud83d\udd00<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 2: Choose a Reverse Mode<\/div>\r\n                    <p class=\"pg-rtg-desc\">Select full reverse for character-level flipping, word reverse for word-order swapping, mirror for true Unicode mirrored text, or upside-down for a completely flipped visual effect.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\ud83d\udc40<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 3: Preview the Result<\/div>\r\n                    <p class=\"pg-rtg-desc\">The reversed output appears instantly below the input \u2014 see exactly how your text looks in the chosen mode before copying. Our reverse text generator updates live as you type or edit.<\/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 with One Click<\/div>\r\n                    <p class=\"pg-rtg-desc\">Click the copy button next to the reversed text \u2014 it's transferred to your clipboard as clean Unicode. No invisible characters, no encoding issues, no extra spaces added.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\ud83c\udf0d<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 5: Paste Anywhere Online<\/div>\r\n                    <p class=\"pg-rtg-desc\">Your reversed text works in Instagram bios, TikTok comments, Discord names, Twitter posts, WhatsApp messages, YouTube descriptions \u2014 anywhere that accepts standard Unicode text input.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\ud83c\udfa8<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 6: Combine Multiple Styles<\/div>\r\n                    <p class=\"pg-rtg-desc\">Get creative \u2014 reverse half a sentence and keep the other half normal, or layer upside-down text with mirrored text. Our reverse text generator lets you mix styles for unique visual effects.<\/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\">Creative Ways to Use <span class=\"pg-rtg-kw\">Reverse Text Generator<\/span> Results<\/h2>\r\n            <p class=\"pg-rtg-sub\">Reversed text isn't just a novelty \u2014 it's a powerful tool for engagement, branding, and creative expression. Here are the most popular and effective ways people use our reverse text generator output.<\/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(225,48,108,0.12);color:#e1306c;\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Instagram Bios That Get Tapped<\/div>\r\n                    <p class=\"pg-rtg-desc\">Reversed text in your Instagram bio creates an instant curiosity gap \u2014 visitors literally stop to decode it, which increases profile dwell time and signals engagement to the algorithm.<\/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(255,0,80,0.10);color:#ff0050;\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">TikTok Comments That Go Viral<\/div>\r\n                    <p class=\"pg-rtg-desc\">A reversed TikTok comment stands out in a sea of normal replies \u2014 viewers pause to read it, and that extra second of attention often turns into a like or reply that pushes your comment to the top.<\/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\">Discord Names and Server Tags<\/div>\r\n                    <p class=\"pg-rtg-desc\">A reversed Discord username is an instant conversation starter in any server \u2014 it's subtle, it's clever, and it always gets a reaction without being obnoxious like special character spam.<\/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-solid fa-envelope-open-text\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Email Subject Lines That Get Opened<\/div>\r\n                    <p class=\"pg-rtg-desc\">A partially reversed email subject line breaks the visual pattern in crowded inboxes \u2014 recipients pause to decode it, and that micro-moment of curiosity dramatically boosts open rates.<\/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(255,61,0,0.12);color:#ff3d00;\"><i class=\"fa-solid fa-puzzle-piece\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Escape Room and Puzzle Clues<\/div>\r\n                    <p class=\"pg-rtg-desc\">Create coded messages for escape rooms, scavenger hunts, or classroom puzzles \u2014 our reverse text generator produces reversed text that works as a simple but satisfying decoding challenge.<\/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(0,200,83,0.12);color:#00c853;\"><i class=\"fa-solid fa-comment-dots\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Group Chat Easter Eggs<\/div>\r\n                    <p class=\"pg-rtg-desc\">Drop a reversed message into WhatsApp, Telegram, or iMessage group chats \u2014 it always sparks a \"wait, what does that say?\" moment that gets the whole group talking and laughing.<\/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-cyan: #00b8d4;\r\n            --rtg-grad: linear-gradient(135deg, #00b8d4, #ea00ff, #ff9100);\r\n            --rtg-shadow: 0 12px 30px rgba(0, 184, 212, 0.16);\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,184,212,0.10) 0%, rgba(234,0,255,0.04) 60%, transparent 100%);\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.55s ease-out, height 0.55s ease-out, opacity 0.55s ease-out;\r\n            opacity: 0;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .pg-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-cyan);\r\n            box-shadow: var(--rtg-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 2 \u2014 gradient bg \/ white cards\r\n           ============================== *\/\r\n        .pg-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, #ffd700, #ff6b6b, #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, #ffd700);\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: linear-gradient(90deg, #00b8d4, #ea00ff, #ff9100);\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-cyan);\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 Reverse Text Generator -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .pg-tool-wrapper {\r\n        --primary-font: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n        --body-font: \"Consolas\", \"Monaco\", \"Courier New\", monospace;\r\n        \r\n        --theme-panel: rgba(10, 15, 30, 0.96);\r\n        --theme-border: rgba(0, 240, 255, 0.4); \r\n        \r\n        --rev-red: #ff2d55;\r\n        --rev-cyan: #00e5ff;\r\n        --rev-amber: #ffb800;\r\n        --rev-purple: #a855f7;\r\n        --time-blue: #0a1930;\r\n        --void-dark: #050814;\r\n        --text-bright: #f8fafc;\r\n        --text-muted: #94a3b8;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        --grad-neon: linear-gradient(135deg, #00f0ff 0%, #ff007a 100%);\r\n        --grad-shimmer: linear-gradient(90deg, transparent, rgba(0, 240, 255, 0.4), transparent);\r\n        --grad-dark: linear-gradient(180deg, rgba(5,8,20,0.8) 0%, rgba(10,15,30,0.95) 100%);\r\n        \r\n        --glow-cyan: 0 0 25px rgba(0, 240, 255, 0.4);\r\n        --glow-magenta: 0 0 20px rgba(255, 0, 122, 0.5);\r\n        --shadow-ui: 0 20px 50px rgba(0, 0, 0, 0.9);\r\n        \r\n        --transition-ui: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        --transition-fast: all 0.2s ease;\r\n        \r\n        font-family: var(--primary-font);\r\n        color: var(--text-bright);\r\n        line-height: 1.5;\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        text-align: center; \r\n        background: var(--grad-master);\r\n        background-attachment: fixed;\r\n    }\r\n\r\n    .pg-tool-wrapper * { box-sizing: border-box; }\r\n\r\n    .pg-container {\r\n        max-width: 1200px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        padding: 40px 20px !important;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .pg-hero-content-wrapper {\r\n        z-index: 2;\r\n        padding-top: 20px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pg-main-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 2.8rem;\r\n        font-weight: 900; \r\n        line-height: 1.1;\r\n        margin: 0 auto 15px auto;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        color: #fff;\r\n        text-shadow: \r\n            3px 3px 0px rgba(0,0,0,0.9),\r\n            -2px -2px 12px rgba(0, 240, 255, 0.6),\r\n            2px -2px 0px var(--rev-red);\r\n        max-width: 900px;\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 18px;\r\n    }\r\n\r\n    .pg-title-icon {\r\n        font-size: 0.75em;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 70px;\r\n        height: 70px;\r\n        background: linear-gradient(135deg, rgba(255,45,85,0.25) 0%, rgba(0,229,255,0.25) 100%);\r\n        border: 2px solid rgba(0, 240, 255, 0.5);\r\n        border-radius: 14px;\r\n        flex-shrink: 0;\r\n        color: var(--rev-cyan);\r\n        text-shadow: 0 0 15px rgba(0, 229, 255, 0.8);\r\n        animation: pgTitleIconPulse 3s ease-in-out infinite;\r\n        box-shadow: \r\n            0 0 20px rgba(0, 229, 255, 0.2),\r\n            inset 0 0 15px rgba(0, 0, 0, 0.4);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pg-title-icon::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%; left: -50%;\r\n        width: 200%; height: 200%;\r\n        background: conic-gradient(\r\n            transparent 0deg,\r\n            rgba(0, 229, 255, 0.15) 60deg,\r\n            transparent 120deg,\r\n            rgba(255, 45, 85, 0.15) 240deg,\r\n            transparent 360deg\r\n        );\r\n        animation: pgIconRotate 6s linear infinite;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .pg-title-icon i {\r\n        position: relative;\r\n        z-index: 1;\r\n        filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.6));\r\n    }\r\n    \r\n    .pg-main-title:hover .pg-title-icon {\r\n        transform: rotate(-8deg) scale(1.08);\r\n        border-color: var(--rev-red);\r\n        color: var(--rev-red);\r\n        text-shadow: 0 0 15px rgba(255, 45, 85, 0.8);\r\n        box-shadow: \r\n            0 0 25px rgba(255, 45, 85, 0.3),\r\n            inset 0 0 15px rgba(0, 0, 0, 0.4);\r\n    }\r\n    \r\n    .pg-subtitle {\r\n        font-size: 1.1rem;\r\n        color: rgba(248, 250, 252, 0.85);\r\n        max-width: 750px;\r\n        margin: 0 auto 35px auto;\r\n        padding: 0 10px;\r\n        font-weight: 600;\r\n        letter-spacing: 0.5px;\r\n        text-shadow: 0 3px 6px rgba(0,0,0,0.8);\r\n    }\r\n\r\n    .pg-generator-card {\r\n        background: var(--theme-panel);\r\n        border: 1px solid var(--theme-border); \r\n        border-top-width: 4px;\r\n        border-top-color: var(--rev-red);\r\n        width: 100%;\r\n        box-shadow: var(--shadow-ui), inset 0 0 30px rgba(0,0,0,0.5); \r\n        border-radius: 12px;\r\n        position: relative;\r\n        transform: translateY(0);\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .pg-generator-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 2px;\r\n        background: var(--grad-shimmer);\r\n        opacity: 0.3;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n    \r\n    .pg-generator-card:hover::before { opacity: 1; }\r\n\r\n    .pg-controls-wrapper {\r\n        padding: 35px;\r\n        background: var(--grad-dark);\r\n        border-bottom: 2px solid #111827;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr; \r\n        gap: 30px;\r\n        align-items: stretch;\r\n    }\r\n\r\n    .pg-input-section { grid-column: 1 \/ -1; }\r\n    \r\n    .pg-enhanced-input-wrapper {\r\n        background: rgba(5, 8, 20, 0.8);\r\n        border: 2px solid var(--theme-border);\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: var(--transition-ui);\r\n        box-shadow: inset 0 0 20px rgba(0,0,0,1);\r\n    }\r\n\r\n    .pg-enhanced-input-wrapper:focus-within {\r\n        border-color: var(--rev-red);\r\n        box-shadow: inset 0 0 30px rgba(255, 45, 85, 0.12), 0 0 15px rgba(255, 45, 85, 0.25);\r\n    }\r\n    \r\n    .pg-text-input {\r\n        width: 100% !important;\r\n        height: 100px !important;\r\n        padding: 25px !important;\r\n        background: transparent !important;\r\n        border: none !important;\r\n        color: #fff !important;\r\n        font-family: var(--body-font) !important;\r\n        font-weight: bold !important;\r\n        font-size: 1.8rem !important;\r\n        outline: none !important;\r\n        text-align: center !important;\r\n        text-shadow: 2px 2px 0px #000;\r\n        overflow-wrap: break-word;\r\n        resize: none;\r\n    }\r\n    \r\n    .pg-text-input::placeholder {\r\n        color: rgba(0, 240, 255, 0.3);\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        flex-wrap: wrap;\r\n        gap: 12px;\r\n        background: rgba(10, 15, 30, 0.9);\r\n        padding: 12px 20px;\r\n        border-top: 1px solid rgba(0, 240, 255, 0.2);\r\n    }\r\n\r\n    .pg-toolbar-btn {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        color: var(--text-muted);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        padding: 8px 15px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        border-radius: 6px;\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: 8px;\r\n    }\r\n\r\n    .pg-toolbar-btn i { font-size: 1rem; transition: transform 0.2s ease; }\r\n\r\n    .pg-toolbar-btn:hover {\r\n        background: rgba(0, 240, 255, 0.1);\r\n        color: var(--rev-cyan);\r\n        border-color: rgba(0, 240, 255, 0.4);\r\n        box-shadow: 0 0 10px rgba(0, 240, 255, 0.2);\r\n    }\r\n\r\n    .pg-toolbar-btn:hover i { transform: translateY(-2px); }\r\n    .pg-toolbar-btn:active { transform: scale(0.95); }\r\n    \r\n    .pg-preset-select {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        color: var(--text-muted);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        padding: 8px 15px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        border-radius: 6px;\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    }\r\n    \r\n    .pg-preset-select:hover, .pg-preset-select:focus {\r\n        background: rgba(255, 45, 85, 0.1);\r\n        color: var(--rev-red);\r\n        border-color: rgba(255, 45, 85, 0.4);\r\n        box-shadow: 0 0 10px rgba(255, 45, 85, 0.2);\r\n    }\r\n    \r\n    .pg-preset-select option { background: var(--void-dark); color: #fff; }\r\n\r\n    .pg-panel-label {\r\n        display: flex;\r\n        align-items: center;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 800;\r\n        color: var(--text-bright);\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 15px;\r\n        text-shadow: 2px 2px 4px #000;\r\n    }\r\n    \r\n    .pg-panel-label i { color: var(--rev-cyan); margin-right: 8px; font-size: 1rem; }\r\n\r\n    .pg-grid-options { display: grid; gap: 12px; }\r\n    .pg-grid-2x2 { grid-template-columns: repeat(2, 1fr); }\r\n\r\n    .pg-option-btn {\r\n        background: rgba(20, 25, 40, 0.8);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        padding: 16px 10px;\r\n        color: var(--text-muted);\r\n        font-family: var(--primary-font);\r\n        font-size: 0.8rem;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        border-radius: 8px;\r\n        transition: var(--transition-fast);\r\n        text-transform: uppercase;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 8px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-option-btn i { font-size: 1.4rem; transition: var(--transition-ui); }\r\n\r\n    .pg-option-btn:hover {\r\n        background: rgba(30, 40, 60, 1);\r\n        color: #fff;\r\n        border-color: rgba(0, 240, 255, 0.3);\r\n        transform: translateY(-2px);\r\n    }\r\n    \r\n    .pg-option-btn:hover i { transform: scale(1.15) translateY(-2px); color: var(--rev-cyan); }\r\n\r\n    .pg-option-btn.active { \r\n        background: var(--void-dark);\r\n        color: #fff; \r\n        border-color: var(--rev-red);\r\n        box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 20px rgba(255, 45, 85, 0.3);\r\n    }\r\n    \r\n    .pg-option-btn.active i { color: var(--rev-red); text-shadow: 0 0 15px rgba(255,45,85,0.6); }\r\n\r\n    .pg-option-btn.mode-btn[data-val=\"CharReverse\"].active { border-color: #ff2d55; box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 20px rgba(255,45,85,0.3); }\r\n    .pg-option-btn.mode-btn[data-val=\"CharReverse\"].active i { color: #ff2d55; text-shadow: 0 0 15px rgba(255,45,85,0.6); }\r\n\r\n    .pg-option-btn.mode-btn[data-val=\"WordReverse\"].active { border-color: #00e5ff; box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 20px rgba(0,229,255,0.3); }\r\n    .pg-option-btn.mode-btn[data-val=\"WordReverse\"].active i { color: #00e5ff; text-shadow: 0 0 15px rgba(0,229,255,0.6); }\r\n\r\n    .pg-option-btn.mode-btn[data-val=\"WideExpanded\"].active { border-color: #ffb800; box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 20px rgba(255,184,0,0.3); }\r\n    .pg-option-btn.mode-btn[data-val=\"WideExpanded\"].active i { color: #ffb800; text-shadow: 0 0 15px rgba(255,184,0,0.6); }\r\n\r\n    .pg-option-btn.mode-btn[data-val=\"ShadowExtrude\"].active { border-color: #a855f7; box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 20px rgba(168,85,247,0.3); }\r\n    .pg-option-btn.mode-btn[data-val=\"ShadowExtrude\"].active i { color: #a855f7; text-shadow: 0 0 15px rgba(168,85,247,0.6); }\r\n\r\n    .pg-results-area { padding: 40px 30px; position: relative; }\r\n    \r\n    .pg-result-list {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n        position: relative; \r\n        z-index: 2;\r\n    }\r\n\r\n    .pg-result-card {\r\n        background: #080a14;\r\n        border: 1px solid rgba(0, 240, 255, 0.15);\r\n        padding: 25px 35px;\r\n        transition: var(--transition-ui);\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 10px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        min-height: 120px;\r\n        animation: pgCardIn 0.35s ease both;\r\n    }\r\n    \r\n    .pg-result-card::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.05), transparent);\r\n        transform: skewX(-20deg);\r\n        transition: left 0.6s ease;\r\n        pointer-events: none;\r\n    }\r\n    \r\n    .pg-result-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 4px; height: 100%;\r\n        background: var(--grad-neon);\r\n        transition: width 0.2s ease, opacity 0.2s ease;\r\n        opacity: 0.5;\r\n    }\r\n    \r\n    .pg-result-card > * { position: relative; z-index: 1; }\r\n\r\n    .pg-result-card:hover {\r\n        transform: translateY(-4px) perspective(900px) rotateX(1.5deg) rotateY(-0.8deg);\r\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.9), 0 0 20px rgba(0, 240, 255, 0.15);\r\n        border-color: rgba(0, 240, 255, 0.4);\r\n        background: #0a0e1c;\r\n        z-index: 10;\r\n    }\r\n    \r\n    .pg-result-card:hover::after { left: 200%; }\r\n    .pg-result-card:hover::before { width: 6px; opacity: 1; }\r\n\r\n    .pg-result-card.mode-charreverse {\r\n        background: linear-gradient(135deg, rgba(255,45,85,0.04) 0%, rgba(8,10,20,0.97) 100%);\r\n        border-color: rgba(255,45,85,0.18);\r\n        border-top: 2px solid rgba(255,45,85,0.35);\r\n    }\r\n    .pg-result-card.mode-charreverse::before { background: linear-gradient(180deg, #ff2d55, #cc0033); }\r\n    .pg-result-card.mode-charreverse .pg-card-title i { color: #ff2d55; }\r\n    .pg-result-card.mode-charreverse .pg-card-copy-btn { background: rgba(255,45,85,0.1); border-color: rgba(255,45,85,0.3); color: #ff2d55; }\r\n    .pg-result-card.mode-charreverse .pg-card-copy-btn:hover { background: #ff2d55; color: #fff; box-shadow: 0 0 20px rgba(255,45,85,0.5); }\r\n    .pg-result-card.mode-charreverse .pg-card-header { border-bottom-color: rgba(255,45,85,0.07); }\r\n    .pg-result-card.mode-charreverse:hover { border-color: rgba(255,45,85,0.5); border-top-color: #ff2d55; box-shadow: 0 15px 35px rgba(0,0,0,0.9), 0 0 30px rgba(255,45,85,0.12); background: linear-gradient(135deg, rgba(255,45,85,0.07) 0%, rgba(12,8,16,0.97) 100%); }\r\n    .pg-result-card.mode-charreverse:hover .pg-card-title { text-shadow: 0 0 12px rgba(255,45,85,0.5); }\r\n    .pg-result-card.mode-charreverse:hover .pg-card-preview { text-shadow: 3px 3px 0 rgba(255,45,85,0.5), -2px -2px 0 #000; }\r\n\r\n    .pg-result-card.mode-wordreverse {\r\n        background: linear-gradient(135deg, rgba(0,229,255,0.04) 0%, rgba(5,12,20,0.97) 100%);\r\n        border-color: rgba(0,229,255,0.18);\r\n        border-top: 2px solid rgba(0,229,255,0.35);\r\n    }\r\n    .pg-result-card.mode-wordreverse::before { background: linear-gradient(180deg, #00e5ff, #0097a7); }\r\n    .pg-result-card.mode-wordreverse .pg-card-title i { color: #00e5ff; }\r\n    .pg-result-card.mode-wordreverse .pg-card-copy-btn { background: rgba(0,229,255,0.1); border-color: rgba(0,229,255,0.3); color: #00e5ff; }\r\n    .pg-result-card.mode-wordreverse .pg-card-copy-btn:hover { background: #00e5ff; color: #000; box-shadow: 0 0 20px rgba(0,229,255,0.5); }\r\n    .pg-result-card.mode-wordreverse .pg-card-header { border-bottom-color: rgba(0,229,255,0.07); }\r\n    .pg-result-card.mode-wordreverse:hover { border-color: rgba(0,229,255,0.5); border-top-color: #00e5ff; box-shadow: 0 15px 35px rgba(0,0,0,0.9), 0 0 30px rgba(0,229,255,0.12); background: linear-gradient(135deg, rgba(0,229,255,0.07) 0%, rgba(7,12,22,0.97) 100%); }\r\n    .pg-result-card.mode-wordreverse:hover .pg-card-title { text-shadow: 0 0 12px rgba(0,229,255,0.5); }\r\n    .pg-result-card.mode-wordreverse:hover .pg-card-preview { text-shadow: 3px 3px 0 rgba(0,229,255,0.4), -2px -2px 0 #000; }\r\n\r\n    .pg-result-card.mode-wideexpanded {\r\n        background: linear-gradient(135deg, rgba(255,184,0,0.04) 0%, rgba(14,10,5,0.97) 100%);\r\n        border-color: rgba(255,184,0,0.18);\r\n        border-top: 2px solid rgba(255,184,0,0.35);\r\n    }\r\n    .pg-result-card.mode-wideexpanded::before { background: linear-gradient(180deg, #ffb800, #ff8f00); }\r\n    .pg-result-card.mode-wideexpanded .pg-card-title i { color: #ffb800; }\r\n    .pg-result-card.mode-wideexpanded .pg-card-copy-btn { background: rgba(255,184,0,0.1); border-color: rgba(255,184,0,0.3); color: #ffb800; }\r\n    .pg-result-card.mode-wideexpanded .pg-card-copy-btn:hover { background: #ffb800; color: #000; box-shadow: 0 0 20px rgba(255,184,0,0.5); }\r\n    .pg-result-card.mode-wideexpanded .pg-card-header { border-bottom-color: rgba(255,184,0,0.07); }\r\n    .pg-result-card.mode-wideexpanded:hover { border-color: rgba(255,184,0,0.5); border-top-color: #ffb800; box-shadow: 0 15px 35px rgba(0,0,0,0.9), 0 0 30px rgba(255,184,0,0.12); background: linear-gradient(135deg, rgba(255,184,0,0.07) 0%, rgba(18,14,5,0.97) 100%); }\r\n    .pg-result-card.mode-wideexpanded:hover .pg-card-title { text-shadow: 0 0 12px rgba(255,184,0,0.5); }\r\n    .pg-result-card.mode-wideexpanded:hover .pg-card-preview { text-shadow: 3px 3px 0 rgba(255,184,0,0.4), -2px -2px 0 #000; }\r\n\r\n    .pg-result-card.mode-shadowextrude {\r\n        background: linear-gradient(135deg, rgba(168,85,247,0.04) 0%, rgba(10,5,18,0.97) 100%);\r\n        border-color: rgba(168,85,247,0.18);\r\n        border-top: 2px solid rgba(168,85,247,0.35);\r\n    }\r\n    .pg-result-card.mode-shadowextrude::before { background: linear-gradient(180deg, #a855f7, #7c3aed); }\r\n    .pg-result-card.mode-shadowextrude .pg-card-title i { color: #a855f7; }\r\n    .pg-result-card.mode-shadowextrude .pg-card-copy-btn { background: rgba(168,85,247,0.1); border-color: rgba(168,85,247,0.3); color: #a855f7; }\r\n    .pg-result-card.mode-shadowextrude .pg-card-copy-btn:hover { background: #a855f7; color: #fff; box-shadow: 0 0 20px rgba(168,85,247,0.5); }\r\n    .pg-result-card.mode-shadowextrude .pg-card-header { border-bottom-color: rgba(168,85,247,0.07); }\r\n    .pg-result-card.mode-shadowextrude:hover { border-color: rgba(168,85,247,0.5); border-top-color: #a855f7; box-shadow: 0 15px 35px rgba(0,0,0,0.9), 0 0 30px rgba(168,85,247,0.12); background: linear-gradient(135deg, rgba(168,85,247,0.07) 0%, rgba(14,7,22,0.97) 100%); }\r\n    .pg-result-card.mode-shadowextrude:hover .pg-card-title { text-shadow: 0 0 12px rgba(168,85,247,0.5); }\r\n    .pg-result-card.mode-shadowextrude:hover .pg-card-preview { text-shadow: 3px 3px 0 rgba(168,85,247,0.4), -2px -2px 0 #000; }\r\n\r\n    .pg-result-card .pg-style-dot {\r\n        width: 8px; height: 8px; border-radius: 50%;\r\n        display: inline-block; margin-left: 6px; flex-shrink: 0;\r\n    }\r\n    .pg-result-card.style-normal .pg-style-dot { background: #94a3b8; box-shadow: 0 0 6px rgba(148,163,184,0.5); }\r\n    .pg-result-card.style-wide .pg-style-dot { background: #00e5ff; box-shadow: 0 0 6px rgba(0,229,255,0.5); }\r\n    .pg-result-card.style-bubble .pg-style-dot { background: #ffb800; box-shadow: 0 0 6px rgba(255,184,0,0.5); }\r\n    .pg-result-card.style-box .pg-style-dot { background: #a855f7; box-shadow: 0 0 6px rgba(168,85,247,0.5); }\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: 15px;\r\n        border-bottom: 1px solid rgba(255,255,255,0.05);\r\n        padding-bottom: 15px;\r\n    }\r\n    \r\n    .pg-card-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 800;\r\n        color: var(--text-muted);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        transition: var(--transition-fast);\r\n    }\r\n    \r\n    .pg-card-title i {\r\n        font-size: 1.3rem;\r\n        transition: var(--transition-ui);\r\n    }\r\n\r\n    .pg-result-card:hover .pg-card-title { color: #fff; letter-spacing: 2px; }\r\n\r\n    .pg-result-card:hover .pg-card-title i {\r\n        transform: scale(1.25) translateY(-3px);\r\n        animation: pgIconBounce 0.5s ease;\r\n    }\r\n\r\n    .pg-card-copy-btn {\r\n        background: rgba(0, 240, 255, 0.1);\r\n        border: 1px solid rgba(0, 240, 255, 0.3);\r\n        color: var(--rev-cyan);\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: var(--transition-fast);\r\n        outline: none;\r\n    }\r\n    \r\n    .pg-card-copy-btn i { font-size: 1.2rem; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\r\n    \r\n    .pg-card-copy-btn:hover { background: var(--rev-cyan); color: #000; box-shadow: var(--glow-cyan); transform: scale(1.05); }\r\n    .pg-card-copy-btn:hover i { transform: scale(1.2) translateY(-2px); }\r\n    .pg-card-copy-btn:active { transform: scale(0.95); }\r\n\r\n    .pg-card-preview {\r\n        font-size: 1.6rem;\r\n        color: #fff;\r\n        word-break: break-word;\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: 10px 0; \r\n        text-shadow: 2px 2px 5px #000;\r\n        transition: var(--transition-fast);\r\n        white-space: pre-wrap !important;\r\n        overflow-wrap: break-word !important;\r\n        box-sizing: border-box !important;\r\n        line-height: 1.6;\r\n    }\r\n    \r\n    .pg-result-card:hover .pg-card-preview {\r\n        text-shadow: 2px 2px 8px var(--rev-red), -2px -2px 0 #000;\r\n        color: var(--text-bright);\r\n    }\r\n\r\n    .pg-btn-load {\r\n        background: transparent;\r\n        color: #fff;\r\n        border: 2px solid var(--rev-red);\r\n        padding: 18px 45px;\r\n        font-family: var(--primary-font);\r\n        font-weight: 900;\r\n        font-size: 1rem;\r\n        cursor: pointer;\r\n        margin-top: 40px;\r\n        text-transform: uppercase;\r\n        border-radius: 6px;\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 5px 15px rgba(0,0,0,0.8);\r\n        overflow: visible;\r\n    }\r\n\r\n    .pg-btn-load::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -3px; left: -3px; right: -3px; bottom: -3px;\r\n        border-radius: 8px;\r\n        border: 2px solid var(--rev-red);\r\n        opacity: 0;\r\n        z-index: -1;\r\n        pointer-events: none;\r\n        animation: pgPulseRing 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.1), transparent);\r\n        transform: skewX(-20deg);\r\n        pointer-events: none;\r\n        animation: pgShimmer 4s 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        background: rgba(255, 45, 85, 0.12); \r\n        box-shadow: 0 0 20px rgba(255,45,85,0.5);\r\n        transform: translateY(-3px);\r\n        text-shadow: 0 0 8px var(--rev-red);\r\n    }\r\n    \r\n    .pg-btn-load:hover::before { animation: none; opacity: 0.4; transform: scale(1.05, 1.2); }\r\n    .pg-btn-load:hover i { transform: translateY(4px); }\r\n    .pg-btn-load:active { transform: translateY(0); }\r\n\r\n    .pg-btn-load.btn-wordreverse { border-color: #00e5ff; }\r\n    .pg-btn-load.btn-wordreverse::before { border-color: #00e5ff; }\r\n    .pg-btn-load.btn-wordreverse:hover { background: rgba(0,229,255,0.12); box-shadow: 0 0 20px rgba(0,229,255,0.5); text-shadow: 0 0 8px #00e5ff; }\r\n\r\n    .pg-btn-load.btn-wideexpanded { border-color: #ffb800; }\r\n    .pg-btn-load.btn-wideexpanded::before { border-color: #ffb800; }\r\n    .pg-btn-load.btn-wideexpanded:hover { background: rgba(255,184,0,0.12); box-shadow: 0 0 20px rgba(255,184,0,0.5); text-shadow: 0 0 8px #ffb800; }\r\n\r\n    .pg-btn-load.btn-shadowextrude { border-color: #a855f7; }\r\n    .pg-btn-load.btn-shadowextrude::before { border-color: #a855f7; }\r\n    .pg-btn-load.btn-shadowextrude:hover { background: rgba(168,85,247,0.12); box-shadow: 0 0 20px rgba(168,85,247,0.5); text-shadow: 0 0 8px #a855f7; }\r\n\r\n    .pg-toast {\r\n        visibility: hidden;\r\n        background: #0a0a0a;\r\n        color: #fff;\r\n        padding: 15px 30px;\r\n        position: fixed;\r\n        left: 50%;\r\n        bottom: 40px;\r\n        transform: translateX(-50%) translateY(20px);\r\n        font-family: var(--primary-font);\r\n        font-weight: 800;\r\n        z-index: 10000;\r\n        border-radius: 8px;\r\n        border: 1px solid var(--rev-red);\r\n        border-left: 5px solid var(--rev-red);\r\n        text-transform: uppercase;\r\n        box-shadow: var(--shadow-ui), 0 0 20px rgba(255,45,85,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    }\r\n    \r\n    .pg-toast i { color: var(--rev-red); font-size: 1.2rem; }\r\n    .pg-toast.show { visibility: visible; opacity: 1; transform: translateX(-50%) translateY(0); }\r\n\r\n    .pg-toast.toast-charreverse { border-color: #ff2d55; border-left-color: #ff2d55; box-shadow: var(--shadow-ui), 0 0 20px rgba(255,45,85,0.5); }\r\n    .pg-toast.toast-charreverse i { color: #ff2d55; }\r\n\r\n    .pg-toast.toast-wordreverse { border-color: #00e5ff; border-left-color: #00e5ff; box-shadow: var(--shadow-ui), 0 0 20px rgba(0,229,255,0.5); }\r\n    .pg-toast.toast-wordreverse i { color: #00e5ff; }\r\n\r\n    .pg-toast.toast-wideexpanded { border-color: #ffb800; border-left-color: #ffb800; box-shadow: var(--shadow-ui), 0 0 20px rgba(255,184,0,0.5); }\r\n    .pg-toast.toast-wideexpanded i { color: #ffb800; }\r\n\r\n    .pg-toast.toast-shadowextrude { border-color: #a855f7; border-left-color: #a855f7; box-shadow: var(--shadow-ui), 0 0 20px rgba(168,85,247,0.5); }\r\n    .pg-toast.toast-shadowextrude i { color: #a855f7; }\r\n\r\n    .pg-generator-card.card-mode-charreverse { border-top-color: #ff2d55; }\r\n    .pg-generator-card.card-mode-wordreverse { border-top-color: #00e5ff; }\r\n    .pg-generator-card.card-mode-wideexpanded { border-top-color: #ffb800; }\r\n    .pg-generator-card.card-mode-shadowextrude { border-top-color: #a855f7; }\r\n\r\n    @keyframes pgCardIn {\r\n        from { opacity: 0; transform: translateY(12px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes pgIconBounce {\r\n        0%, 100% { transform: scale(1.25) translateY(-3px); }\r\n        50% { transform: scale(1.45) translateY(-6px); }\r\n    }\r\n\r\n    @keyframes pgPulseRing {\r\n        0% { transform: scale(1); opacity: 0.5; }\r\n        100% { transform: scale(1.06, 1.18); 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    @keyframes pgTitleIconPulse {\r\n        0%, 100% { box-shadow: 0 0 20px rgba(0, 229, 255, 0.2), inset 0 0 15px rgba(0, 0, 0, 0.4); }\r\n        50% { box-shadow: 0 0 30px rgba(0, 229, 255, 0.4), inset 0 0 15px rgba(0, 0, 0, 0.4); }\r\n    }\r\n\r\n    @keyframes pgIconRotate {\r\n        0% { transform: rotate(0deg); }\r\n        100% { transform: rotate(360deg); }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .pg-main-title { font-size: 2.2rem; } \r\n        .pg-controls-wrapper { grid-template-columns: 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: 30px 15px; }\r\n        .pg-controls-wrapper { grid-template-columns: 1fr; padding: 20px; gap: 20px; }\r\n        .pg-text-input { height: 80px !important; font-size: 1.4rem !important; }\r\n        .pg-input-toolbar { flex-wrap: wrap; justify-content: center; }\r\n        .pg-result-list { grid-template-columns: 1fr; gap: 15px; }\r\n        .pg-option-btn { padding: 12px 8px; font-size: 0.7rem; }\r\n        .pg-option-btn i { font-size: 1.1rem; }\r\n        .pg-btn-load { padding: 15px 30px; font-size: 0.9rem; width: 100%; justify-content: center; }\r\n        .pg-main-title { font-size: 1.6rem; flex-wrap: wrap; justify-content: center; }\r\n        .pg-title-icon { width: 52px; height: 52px; border-radius: 10px; }\r\n        .pg-subtitle { font-size: 0.9rem; }\r\n        .pg-result-card { padding: 20px 20px; }\r\n        .pg-card-preview { font-size: 1.3rem; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-tool-wrapper\">\r\n    <div class=\"pg-container pg-hero-content-wrapper\">\r\n        <h1 class=\"pg-main-title\">\r\n            <span class=\"pg-title-icon\"><i class=\"fa-solid fa-arrows-left-right-to-line\"><\/i><\/span>\r\n            Reverse Text Generator - Flip Instantly\r\n        <\/h1>\r\n        <p class=\"pg-subtitle\">Flip your text in multiple ways \u2014 reverse letter by letter, invert word order, stretch it wide with fullwidth forms, or create extruded shadow effects that look 3D when copied.<\/p>\r\n        \r\n        <div class=\"pg-generator-card\" id=\"pgMainCard\">\r\n            <div class=\"pg-controls-wrapper\">\r\n                \r\n                <div class=\"pg-input-section\">\r\n                    <div class=\"pg-panel-label\"><i class=\"fa-solid fa-pen-nib\"><\/i> Target Text<\/div>\r\n                    <div class=\"pg-enhanced-input-wrapper\">\r\n                        <textarea class=\"pg-text-input\" id=\"pgInputText\" placeholder=\"Reverse this sentence...\"><\/textarea>\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 All<\/button>\r\n                            <button class=\"pg-toolbar-btn\" id=\"pgBtnCopy\"><i class=\"fa-solid fa-copy\"><\/i> Copy Source<\/button>\r\n                            \r\n                            <select class=\"pg-preset-select\" id=\"pgPresetSelect\">\r\n                                <option value=\"\" disabled selected>\u2728 Reverse Presets<\/option>\r\n                                <option value=\"The quick brown fox jumps over the lazy dog.\">Quick Brown Fox<\/option>\r\n                                <option value=\"Never gonna give you up, never gonna let you down.\">Never Gonna Give<\/option>\r\n                                <option value=\"To be or not to be, that is the question.\">To Be Or Not<\/option>\r\n                                <option value=\"ABCDEF GHIJKL MNOPQR STUVWX YZ 0123456789\">Full Alphabet Test<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div>\r\n                    <div class=\"pg-panel-label\"><i class=\"fa-solid fa-arrows-left-right\"><\/i> Reverse Mode<\/div>\r\n                    <div class=\"pg-grid-options pg-grid-2x2\">\r\n                        <button class=\"pg-option-btn mode-btn active\" data-val=\"CharReverse\">\r\n                            <i class=\"fa-solid fa-backward-fast\"><\/i> Character Reverse\r\n                        <\/button>\r\n                        <button class=\"pg-option-btn mode-btn\" data-val=\"WordReverse\">\r\n                            <i class=\"fa-solid fa-right-left\"><\/i> Word Order Reverse\r\n                        <\/button>\r\n                        <button class=\"pg-option-btn mode-btn\" data-val=\"WideExpanded\">\r\n                            <i class=\"fa-solid fa-text-width\"><\/i> Wide Expanded\r\n                        <\/button>\r\n                        <button class=\"pg-option-btn mode-btn\" data-val=\"ShadowExtrude\">\r\n                            <i class=\"fa-solid fa-clone\"><\/i> Shadow Extrude\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-wand-magic-sparkles\"><\/i> Spatial Modifiers<\/div>\r\n                    <div class=\"pg-grid-options pg-grid-2x2\">\r\n                        <button class=\"pg-option-btn style-btn active\" data-val=\"Normal\">\r\n                            <i class=\"fa-solid fa-font\"><\/i> Base Text\r\n                        <\/button>\r\n                        <button class=\"pg-option-btn style-btn\" data-val=\"Wide\">\r\n                            <i class=\"fa-solid fa-left-right\"><\/i> Fullwidth\r\n                        <\/button>\r\n                        <button class=\"pg-option-btn style-btn\" data-val=\"Bubble\">\r\n                            <i class=\"fa-solid fa-circle\"><\/i> Bubbled\r\n                        <\/button>\r\n                        <button class=\"pg-option-btn style-btn\" data-val=\"Box\">\r\n                            <i class=\"fa-solid fa-square\"><\/i> Boxed\r\n                        <\/button>\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>Reveal More Timelines<\/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-circle\"><\/i> Reversed Text Copied<\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const inputEl = document.getElementById('pgInputText');\r\n    const resultList = document.getElementById('pgResultList');\r\n    const loadMoreBtn = document.getElementById('pgLoadMoreBtn');\r\n    const toast = document.getElementById('pgToast');\r\n    const btnPaste = document.getElementById('pgBtnPaste');\r\n    const btnSelectAll = document.getElementById('pgBtnSelectAll');\r\n    const btnCopy = document.getElementById('pgBtnCopy');\r\n    const presetSelect = document.getElementById('pgPresetSelect');\r\n    const mainCard = document.getElementById('pgMainCard');\r\n\r\n    let currentMode = 'CharReverse';\r\n    let currentStyle = 'Normal';\r\n    let limit = 6;\r\n    const LOAD_INCREMENT = 6;\r\n\r\n    const baseChars = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ\";\r\n    const decorMaps = {\r\n        Bubble: \"\u24d0\u24d1\u24d2\u24d3\u24d4\u24d5\u24d6\u24d7\u24d8\u24d9\u24da\u24db\u24dc\u24dd\u24de\u24df\u24e0\u24e1\u24e2\u24e3\u24e4\u24e5\u24e6\u24e7\u24e8\u24e9\u24b6\u24b7\u24b8\u24b9\u24ba\u24bb\u24bc\u24bd\u24be\u24bf\u24c0\u24c1\u24c2\u24c3\u24c4\u24c5\u24c6\u24c7\u24c8\u24c9\u24ca\u24cb\u24cc\u24cd\u24ce\u24cf\",\r\n        Box:    \"\ud83c\udd30\ud83c\udd31\ud83c\udd32\ud83c\udd33\ud83c\udd34\ud83c\udd35\ud83c\udd36\ud83c\udd37\ud83c\udd38\ud83c\udd39\ud83c\udd3a\ud83c\udd3b\ud83c\udd3c\ud83c\udd3d\ud83c\udd3e\ud83c\udd3f\ud83c\udd40\ud83c\udd41\ud83c\udd42\ud83c\udd43\ud83c\udd44\ud83c\udd45\ud83c\udd46\ud83c\udd47\ud83c\udd48\ud83c\udd49\ud83c\udd30\ud83c\udd31\ud83c\udd32\ud83c\udd33\ud83c\udd34\ud83c\udd35\ud83c\udd36\ud83c\udd37\ud83c\udd38\ud83c\udd39\ud83c\udd3a\ud83c\udd3b\ud83c\udd3c\ud83c\udd3d\ud83c\udd3e\ud83c\udd3f\ud83c\udd40\ud83c\udd41\ud83c\udd42\ud83c\udd43\ud83c\udd44\ud83c\udd45\ud83c\udd46\ud83c\udd47\ud83c\udd48\ud83c\udd49\",\r\n        Wide:   \"\uff41\uff42\uff43\uff44\uff45\uff46\uff47\uff48\uff49\uff4a\uff4b\uff4c\uff4d\uff4e\uff4f\uff50\uff51\uff52\uff53\uff54\uff55\uff56\uff57\uff58\uff59\uff5a\uff21\uff22\uff23\uff24\uff25\uff26\uff27\uff28\uff29\uff2a\uff2b\uff2c\uff2d\uff2e\uff2f\uff30\uff31\uff32\uff33\uff34\uff35\uff36\uff37\uff38\uff39\uff3a\"\r\n    };\r\n\r\n    const shadowMarks = ['\\u0332', '\\u0330', '\\u0323', '\\u0316', '\\u0317', '\\u0318'];\r\n    const rand = (max) => Math.floor(Math.random() * max);\r\n\r\n    const generateConfigs = () => {\r\n        const templates = [];\r\n        const names = ['Echo Sequence', 'Mirror Dimension', 'Retrograde', 'Time Shift', 'Inverted Matrix', 'Backtrack', 'Rewind Protocol', 'Flip Axis', 'Quantum Reversal', 'Temporal Shift', 'Paradox Loop', 'Phase Invert', 'Null Reverse', 'Echo Chamber', 'Retro Flow', 'Cascade Flip'];\r\n        let idCounter = 0;\r\n        for (let i = 0; i < 120; i++) {\r\n            templates.push({\r\n                id: `rev-${idCounter++}`,\r\n                name: names[i % names.length] + ` Variant-${rand(99)}`,\r\n                icon: ['backward', 'rotate', 'arrow-rotate-left', 'arrows-turn-right', 'clock-rotate-left', 'backward-fast', 'right-left', 'shuffle', 'repeat', 'retweet'][i % 10]\r\n            });\r\n        }\r\n        return templates;\r\n    };\r\n\r\n    const ALL_STYLES = generateConfigs();\r\n\r\n    const applyDeco = (char, decoType) => {\r\n        if (decoType === 'Normal') return char;\r\n        const index = baseChars.indexOf(char);\r\n        if (index === -1) return char;\r\n        const decoStr = decorMaps[decoType];\r\n        if (decoType === 'Box') {\r\n            const arr = Array.from(decoStr);\r\n            return arr[index] || char;\r\n        }\r\n        return decoStr[index] || char;\r\n    };\r\n\r\n    const transformLogic = (text, mode, style, variationIndex) => {\r\n        let chars = Array.from(text);\r\n        let resultStr = '';\r\n\r\n        if (mode === 'CharReverse') {\r\n            let reversed = chars.slice().reverse();\r\n            if (variationIndex % 3 === 0) reversed = reversed.map(c => applyDeco(c, style));\r\n            else if (variationIndex % 3 === 1) reversed = reversed.map(c => c.toUpperCase());\r\n            else reversed = reversed.map(c => c.toLowerCase());\r\n            resultStr = reversed.join('');\r\n            if (variationIndex % 5 === 0) resultStr = '\u27e8 ' + resultStr + ' \u27e9';\r\n            if (variationIndex % 7 === 0) resultStr = '\u300e ' + resultStr + ' \u300f';\r\n\r\n        } else if (mode === 'WordReverse') {\r\n            let words = text.split(' ').reverse();\r\n            if (variationIndex % 3 === 0) words = words.map(w => Array.from(w).map(c => applyDeco(c, style)).join(''));\r\n            else if (variationIndex % 3 === 1) words = words.map(w => w.toUpperCase());\r\n            else words = words.map(w => w.toLowerCase());\r\n            resultStr = words.join(' ');\r\n            if (variationIndex % 4 === 0) resultStr = '\u2014 ' + resultStr + ' \u2014';\r\n            if (variationIndex % 6 === 0) resultStr = '\u25c6 ' + resultStr + ' \u25c6';\r\n\r\n        } else if (mode === 'WideExpanded') {\r\n            let styled = chars.map(c => applyDeco(c, 'Wide'));\r\n            const separators = ['  ', ' \u00b7 ', ' \u2027 ', ' \u2022 ', ' \u25e6 ', ' \u2500 ', ' \u25b8 ', ' \u27a4 ', ' \u27e9 ', ' \u2192 '];\r\n            const sep = separators[variationIndex % separators.length];\r\n            resultStr = styled.join(sep);\r\n            if (variationIndex % 4 === 0) resultStr = '\u27d0 ' + resultStr + ' \u27d0';\r\n            if (variationIndex % 5 === 0) resultStr = styled.join('  ') + '  \u2194';\r\n\r\n        } else if (mode === 'ShadowExtrude') {\r\n            const layers = (variationIndex % 3) + 2;\r\n            const blockSymbols = ['\u2593', '\u2592', '\u2591', '\u2588', '\u2584', '\u2580'];\r\n            let lines = [];\r\n            for (let i = 0; i < layers; i++) {\r\n                let layerChars = chars.map(c => {\r\n                    if (c === ' ') return '  ';\r\n                    let styled = applyDeco(c, style);\r\n                    if (i > 0) {\r\n                        styled = c + blockSymbols[(i + variationIndex) % blockSymbols.length];\r\n                    }\r\n                    return styled;\r\n                }).join('');\r\n                lines.push(layerChars);\r\n            }\r\n            resultStr = lines.join('\\n');\r\n            if (variationIndex % 5 === 0) resultStr = '\u2588 ' + resultStr + ' \u2588';\r\n        }\r\n\r\n        return resultStr;\r\n    };\r\n\r\n    const getModeClass = (mode) => `mode-${mode.toLowerCase()}`;\r\n    const getStyleClass = (style) => `style-${style.toLowerCase()}`;\r\n\r\n    const updateGlobalTheme = () => {\r\n        mainCard.className = 'pg-generator-card';\r\n        mainCard.classList.add(`card-mode-${currentMode.toLowerCase()}`);\r\n\r\n        loadMoreBtn.className = 'pg-btn-load';\r\n        if (currentMode !== 'CharReverse') {\r\n            loadMoreBtn.classList.add(`btn-${currentMode.toLowerCase()}`);\r\n        }\r\n\r\n        toast.className = 'pg-toast';\r\n        toast.classList.add(`toast-${currentMode.toLowerCase()}`);\r\n    };\r\n\r\n    const render = () => {\r\n        updateGlobalTheme();\r\n        resultList.innerHTML = '';\r\n        let raw = inputEl.value || \"Reverse this sentence...\";\r\n        const displayList = ALL_STYLES.slice(0, limit);\r\n        const mClass = getModeClass(currentMode);\r\n        const sClass = getStyleClass(currentStyle);\r\n\r\n        displayList.forEach((s, idx) => {\r\n            const out = transformLogic(raw, currentMode, currentStyle, idx);\r\n            const card = document.createElement('div');\r\n            card.className = `pg-result-card ${mClass} ${sClass}`;\r\n            card.style.animationDelay = `${idx * 0.04}s`;\r\n            card.innerHTML = `\r\n                <div class=\"pg-card-header\">\r\n                    <div class=\"pg-card-title\"><i class=\"fa-solid fa-${s.icon}\"><\/i> ${s.name}<span class=\"pg-style-dot\"><\/span><\/div>\r\n                    <button class=\"pg-card-copy-btn\" title=\"Copy Text\"><i class=\"fa-regular fa-copy\"><\/i><\/button>\r\n                <\/div>\r\n                <div class=\"pg-card-preview\">${out}<\/div>\r\n            `;\r\n\r\n            const copyBtn = card.querySelector('.pg-card-copy-btn');\r\n            copyBtn.addEventListener('click', (e) => {\r\n                e.stopPropagation();\r\n                navigator.clipboard.writeText(out);\r\n                const modeColor = {CharReverse:'#ff2d55', WordReverse:'#00e5ff', WideExpanded:'#ffb800', ShadowExtrude:'#a855f7'}[currentMode];\r\n                copyBtn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i>';\r\n                copyBtn.style.background = modeColor;\r\n                copyBtn.style.borderColor = modeColor;\r\n                copyBtn.style.color = (currentMode === 'CharReverse' || currentMode === 'ShadowExtrude') ? '#fff' : '#000';\r\n                toast.classList.add('show');\r\n                setTimeout(() => {\r\n                    copyBtn.innerHTML = '<i class=\"fa-regular fa-copy\"><\/i>';\r\n                    copyBtn.style.background = '';\r\n                    copyBtn.style.borderColor = '';\r\n                    copyBtn.style.color = '';\r\n                    toast.classList.remove('show');\r\n                }, 2000);\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) loadMoreBtn.querySelector('span').innerText = `Reveal More Timelines (${remaining})`;\r\n    };\r\n\r\n    inputEl.addEventListener('input', render);\r\n\r\n    btnPaste.addEventListener('click', async () => {\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            alert('Unable to paste automatically. Please use Ctrl+V \/ Cmd+V.');\r\n        }\r\n    });\r\n\r\n    btnSelectAll.addEventListener('click' , () => { inputEl.select(); });\r\n\r\n    btnCopy.addEventListener('click', () => {\r\n        if (inputEl.value) {\r\n            navigator.clipboard.writeText(inputEl.value);\r\n            toast.querySelector('i').className = 'fa-solid fa-copy';\r\n            toast.querySelector('i').nextSibling.textContent = ' Source Text Copied';\r\n            toast.classList.add('show');\r\n            setTimeout(() => {\r\n                toast.classList.remove('show');\r\n                setTimeout(() => {\r\n                    toast.querySelector('i').className = 'fa-solid fa-check-circle';\r\n                    toast.querySelector('i').nextSibling.textContent = ' Reversed Text Copied';\r\n                }, 400);\r\n            }, 2500);\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.onclick = () => { limit += LOAD_INCREMENT; render(); };\r\n\r\n    document.querySelectorAll('.mode-btn').forEach(btn => {\r\n        btn.onclick = () => {\r\n            document.querySelectorAll('.mode-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentMode = btn.getAttribute('data-val');\r\n            limit = 6;\r\n            render();\r\n        };\r\n    });\r\n\r\n    document.querySelectorAll('.style-btn').forEach(btn => {\r\n        btn.onclick = () => {\r\n            document.querySelectorAll('.style-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentStyle = btn.getAttribute('data-val');\r\n            limit = 6;\r\n            render();\r\n        };\r\n    });\r\n\r\n    render();\r\n});\r\n<\/script>\r\n<!-- END OF FILE Reverse 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\t\r\n<\/div>\r\n\t<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <section class=\"pg-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\">Reverse Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-rtg-sub\">Most reverse tools just flip characters and call it done. Our reverse text generator goes further \u2014 offering multiple reversal modes, real Unicode output, and a flawless experience that keeps users coming back.<\/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,184,212,0.12);color:#00b8d4;\"><i class=\"fa-solid fa-shuffle\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Four Unique Reverse Modes<\/div>\r\n                    <p class=\"pg-rtg-desc\">Full character reverse, word-by-word reverse, mirrored text, and upside-down reverse \u2014 our reverse text generator gives you four distinct flipping styles that most tools don't even offer.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(234,0,255,0.12);color:#ea00ff;\"><i class=\"fa-solid fa-language\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Real Unicode Character Mapping<\/div>\r\n                    <p class=\"pg-rtg-desc\">Our reverse text generator doesn't fake it \u2014 it uses actual Unicode mappings so mirrored and upside-down characters render correctly on every device and platform, not just yours.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(255,145,0,0.12);color:#ff9100;\"><i class=\"fa-solid fa-gauge-high\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Zero-Lag Instant Reversal<\/div>\r\n                    <p class=\"pg-rtg-desc\">Type a single character and watch it reverse instantly \u2014 our reverse text generator processes everything locally in your browser with zero server round-trips, so results appear in real time.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(76,175,80,0.12);color:#4caf50;\"><i class=\"fa-solid fa-paste\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Single-Click Copy Output<\/div>\r\n                    <p class=\"pg-rtg-desc\">Reversed your text? One tap on the copy button sends pure Unicode text straight to your clipboard \u2014 no hidden formatting, no broken characters, just clean reversed text ready to paste.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(244,67,54,0.12);color:#f44336;\"><i class=\"fa-solid fa-laptop-code\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Works Across Every Browser<\/div>\r\n                    <p class=\"pg-rtg-desc\">Chrome, Safari, Firefox, Edge, Brave \u2014 our reverse text generator functions identically on every modern browser because it relies on standard Unicode, not browser-specific hacks or extensions.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card\">\r\n                    <div class=\"pg-rtg-icon\" style=\"background:rgba(63,81,181,0.12);color:#3f51b5;\"><i class=\"fa-solid fa-user-shield\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Completely Private by Design<\/div>\r\n                    <p class=\"pg-rtg-desc\">No text is sent to any server \u2014 our reverse text generator runs 100% client-side. Your messages, passwords, or any text you reverse stays on your device at all times, guaranteed.<\/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\">Reverse Text Generator<\/span> Step by Step?<\/h2>\r\n            <p class=\"pg-rtg-sub pg-rtg-sec2-sub\">Reversing text shouldn't require a tutorial \u2014 but here's exactly how our reverse text generator works so you can get the most out of every mode and feature available.<\/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\">\ud83d\udcdd<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 1: Paste or Type Text<\/div>\r\n                    <p class=\"pg-rtg-desc\">Drop any text into the input box \u2014 a single word, a full sentence, a paragraph, or even multiple lines. Our reverse text generator handles any length without breaking or slowing down.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\ud83d\udd00<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 2: Choose a Reverse Mode<\/div>\r\n                    <p class=\"pg-rtg-desc\">Select full reverse for character-level flipping, word reverse for word-order swapping, mirror for true Unicode mirrored text, or upside-down for a completely flipped visual effect.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\ud83d\udc40<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 3: Preview the Result<\/div>\r\n                    <p class=\"pg-rtg-desc\">The reversed output appears instantly below the input \u2014 see exactly how your text looks in the chosen mode before copying. Our reverse text generator updates live as you type or edit.<\/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 with One Click<\/div>\r\n                    <p class=\"pg-rtg-desc\">Click the copy button next to the reversed text \u2014 it's transferred to your clipboard as clean Unicode. No invisible characters, no encoding issues, no extra spaces added.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\ud83c\udf0d<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 5: Paste Anywhere Online<\/div>\r\n                    <p class=\"pg-rtg-desc\">Your reversed text works in Instagram bios, TikTok comments, Discord names, Twitter posts, WhatsApp messages, YouTube descriptions \u2014 anywhere that accepts standard Unicode text input.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-rtg-card pg-rtg-sec2-card\">\r\n                    <span class=\"pg-rtg-emoji\">\ud83c\udfa8<\/span>\r\n                    <div class=\"pg-rtg-title\">Step 6: Combine Multiple Styles<\/div>\r\n                    <p class=\"pg-rtg-desc\">Get creative \u2014 reverse half a sentence and keep the other half normal, or layer upside-down text with mirrored text. Our reverse text generator lets you mix styles for unique visual effects.<\/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\">Creative Ways to Use <span class=\"pg-rtg-kw\">Reverse Text Generator<\/span> Results<\/h2>\r\n            <p class=\"pg-rtg-sub\">Reversed text isn't just a novelty \u2014 it's a powerful tool for engagement, branding, and creative expression. Here are the most popular and effective ways people use our reverse text generator output.<\/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(225,48,108,0.12);color:#e1306c;\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Instagram Bios That Get Tapped<\/div>\r\n                    <p class=\"pg-rtg-desc\">Reversed text in your Instagram bio creates an instant curiosity gap \u2014 visitors literally stop to decode it, which increases profile dwell time and signals engagement to the algorithm.<\/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(255,0,80,0.10);color:#ff0050;\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">TikTok Comments That Go Viral<\/div>\r\n                    <p class=\"pg-rtg-desc\">A reversed TikTok comment stands out in a sea of normal replies \u2014 viewers pause to read it, and that extra second of attention often turns into a like or reply that pushes your comment to the top.<\/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\">Discord Names and Server Tags<\/div>\r\n                    <p class=\"pg-rtg-desc\">A reversed Discord username is an instant conversation starter in any server \u2014 it's subtle, it's clever, and it always gets a reaction without being obnoxious like special character spam.<\/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-solid fa-envelope-open-text\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Email Subject Lines That Get Opened<\/div>\r\n                    <p class=\"pg-rtg-desc\">A partially reversed email subject line breaks the visual pattern in crowded inboxes \u2014 recipients pause to decode it, and that micro-moment of curiosity dramatically boosts open rates.<\/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(255,61,0,0.12);color:#ff3d00;\"><i class=\"fa-solid fa-puzzle-piece\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Escape Room and Puzzle Clues<\/div>\r\n                    <p class=\"pg-rtg-desc\">Create coded messages for escape rooms, scavenger hunts, or classroom puzzles \u2014 our reverse text generator produces reversed text that works as a simple but satisfying decoding challenge.<\/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(0,200,83,0.12);color:#00c853;\"><i class=\"fa-solid fa-comment-dots\"><\/i><\/div>\r\n                    <div class=\"pg-rtg-title\">Group Chat Easter Eggs<\/div>\r\n                    <p class=\"pg-rtg-desc\">Drop a reversed message into WhatsApp, Telegram, or iMessage group chats \u2014 it always sparks a \"wait, what does that say?\" moment that gets the whole group talking and laughing.<\/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-cyan: #00b8d4;\r\n            --rtg-grad: linear-gradient(135deg, #00b8d4, #ea00ff, #ff9100);\r\n            --rtg-shadow: 0 12px 30px rgba(0, 184, 212, 0.16);\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,184,212,0.10) 0%, rgba(234,0,255,0.04) 60%, transparent 100%);\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.55s ease-out, height 0.55s ease-out, opacity 0.55s ease-out;\r\n            opacity: 0;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .pg-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-cyan);\r\n            box-shadow: var(--rtg-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 2 \u2014 gradient bg \/ white cards\r\n           ============================== *\/\r\n        .pg-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, #ffd700, #ff6b6b, #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, #ffd700);\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: linear-gradient(90deg, #00b8d4, #ea00ff, #ff9100);\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-cyan);\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-502","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Gerador de texto invertido \u2013 Inverta instantaneamente<\/title>\n<meta name=\"description\" content=\"Inverta qualquer texto instantaneamente com nosso Gerador de Texto Reverso gratuito. Perfeito para mensagens divertidas, biografias e legendas \u2014 copie e cole em segundos.\" \/>\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\/pt\/reverse-text-generator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Reverse Text Generator \u2013 Flip Instantly\" \/>\n<meta property=\"og:description\" content=\"Reverse any text instantly with our free Reverse Text Generator. Perfect for fun messages, bios, and captions \u2014 copy &amp; paste in seconds.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onlinetexteditor.io\/reverse-text-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Text Editor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-06T06:30:26+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\\\/reverse-text-generator\\\/\",\"url\":\"https:\\\/\\\/onlinetexteditor.io\\\/reverse-text-generator\\\/\",\"name\":\"Reverse Text Generator \u2013 Flip Instantly\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#website\"},\"datePublished\":\"2026-03-17T00:00:45+00:00\",\"dateModified\":\"2026-04-06T06:30:26+00:00\",\"description\":\"Reverse any text instantly with our free Reverse Text Generator. Perfect for fun messages, bios, and captions \u2014 copy & paste in seconds.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/reverse-text-generator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/onlinetexteditor.io\\\/reverse-text-generator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/reverse-text-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/onlinetexteditor.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Reverse Text Generator \u2013 Flip 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":"Gerador de texto invertido \u2013 Inverta instantaneamente","description":"Inverta qualquer texto instantaneamente com nosso Gerador de Texto Reverso gratuito. Perfeito para mensagens divertidas, biografias e legendas \u2014 copie e cole em segundos.","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\/pt\/reverse-text-generator\/","og_locale":"en_US","og_type":"article","og_title":"Reverse Text Generator \u2013 Flip Instantly","og_description":"Reverse any text instantly with our free Reverse Text Generator. Perfect for fun messages, bios, and captions \u2014 copy & paste in seconds.","og_url":"https:\/\/onlinetexteditor.io\/reverse-text-generator\/","og_site_name":"Online Text Editor","article_modified_time":"2026-04-06T06:30:26+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onlinetexteditor.io\/reverse-text-generator\/","url":"https:\/\/onlinetexteditor.io\/reverse-text-generator\/","name":"Reverse Text Generator \u2013 Flip Instantly","isPartOf":{"@id":"https:\/\/onlinetexteditor.io\/#website"},"datePublished":"2026-03-17T00:00:45+00:00","dateModified":"2026-04-06T06:30:26+00:00","description":"Reverse any text instantly with our free Reverse Text Generator. Perfect for fun messages, bios, and captions \u2014 copy & paste in seconds.","breadcrumb":{"@id":"https:\/\/onlinetexteditor.io\/reverse-text-generator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onlinetexteditor.io\/reverse-text-generator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onlinetexteditor.io\/reverse-text-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/onlinetexteditor.io\/"},{"@type":"ListItem","position":2,"name":"Reverse Text Generator \u2013 Flip 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\/pt\/wp-json\/wp\/v2\/pages\/502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onlinetexteditor.io\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onlinetexteditor.io\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/pt\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/pt\/wp-json\/wp\/v2\/comments?post=502"}],"version-history":[{"count":3,"href":"https:\/\/onlinetexteditor.io\/pt\/wp-json\/wp\/v2\/pages\/502\/revisions"}],"predecessor-version":[{"id":506,"href":"https:\/\/onlinetexteditor.io\/pt\/wp-json\/wp\/v2\/pages\/502\/revisions\/506"}],"wp:attachment":[{"href":"https:\/\/onlinetexteditor.io\/pt\/wp-json\/wp\/v2\/media?parent=502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}