{"id":588,"date":"2026-03-19T00:00:21","date_gmt":"2026-03-19T00:00:21","guid":{"rendered":"https:\/\/onlinetexteditor.io\/?page_id=588"},"modified":"2026-04-06T09:23:15","modified_gmt":"2026-04-06T09:23:15","slug":"dummy-text-generator","status":"publish","type":"page","link":"https:\/\/onlinetexteditor.io\/pt\/dummy-text-generator\/","title":{"rendered":"Dummy Text Generator \u2013 Generate 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 Dummy 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-dummy-wrapper {\r\n        --primary-font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        --mono-font: 'SF Mono', 'Consolas', 'Monaco', monospace;\r\n        \r\n        --theme-panel: rgba(22, 15, 45, 0.96);\r\n        --theme-panel-hover: rgba(30, 22, 58, 0.98);\r\n        --theme-bg-alt: rgba(12, 8, 28, 0.92);\r\n        --theme-border: rgba(120, 119, 198, 0.25);\r\n        \r\n        --accent-blue: #667eea;\r\n        --accent-indigo: #7c5cfc;\r\n        --accent-teal: #34d399;\r\n        --accent-sky: #38bdf8;\r\n        --accent-rose: #f43f5e;\r\n        --text-bright: #e2e8f0;\r\n        --text-muted: #94a3b8;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #361656 100%);\r\n        --grad-doc: linear-gradient(135deg, #667eea, #7c5cfc, #38bdf8);\r\n        --grad-shimmer: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.3), transparent);\r\n        \r\n        --glow-blue: 0 0 25px rgba(102, 126, 234, 0.45);\r\n        --glow-teal: 0 0 20px rgba(52, 211, 153, 0.35);\r\n        --shadow-ui: 0 18px 45px rgba(0, 0, 0, 0.7);\r\n        --shadow-card: 0 6px 18px rgba(12, 8, 28, 0.5);\r\n        \r\n        --transition-ui: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n        --transition-fast: all 0.2s ease;\r\n        \r\n        font-family: var(--primary-font);\r\n        color: var(--text-bright);\r\n        line-height: 1.5;\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        text-align: center;\r\n        background: var(--grad-master);\r\n        background-attachment: fixed;\r\n    }\r\n\r\n    .pg-dummy-wrapper * { box-sizing: border-box; }\r\n\r\n    .pg-dummy-container {\r\n        max-width: 1150px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        padding: 40px 20px !important;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .pg-dummy-hero {\r\n        z-index: 2;\r\n        padding-top: 10px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pg-dummy-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 3rem;\r\n        font-weight: 800;\r\n        line-height: 1.15;\r\n        margin: 0 auto 12px auto;\r\n        letter-spacing: -0.5px;\r\n        color: #fff;\r\n        text-shadow: 0 4px 12px rgba(0,0,0,0.5);\r\n        max-width: 950px;\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: 16px;\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .pg-dummy-title i {\r\n        color: var(--accent-sky);\r\n        text-shadow: var(--glow-blue);\r\n        background: rgba(12, 8, 28, 0.5);\r\n        border: 1px solid rgba(120, 119, 198, 0.3);\r\n        border-radius: 14px;\r\n        padding: 13px;\r\n        font-size: 2.2rem;\r\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n    \r\n    .pg-dummy-title:hover i {\r\n        transform: rotateY(180deg) scale(1.1);\r\n    }\r\n\r\n    .pg-dummy-title::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -14px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: block;\r\n        width: 70px;\r\n        height: 4px;\r\n        background: var(--grad-doc);\r\n        border-radius: 4px;\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .pg-dummy-title:hover::after {\r\n        width: 240px;\r\n        box-shadow: var(--glow-blue);\r\n    }\r\n    \r\n    .pg-dummy-subtitle {\r\n        font-family: var(--primary-font);\r\n        font-size: 1.15rem;\r\n        color: rgba(226, 232, 240, 0.85);\r\n        max-width: 820px;\r\n        margin: 25px auto 35px auto;\r\n        padding: 0 10px;\r\n        font-weight: 500;\r\n        text-shadow: 0 2px 8px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .pg-dummy-main-card {\r\n        background: var(--theme-panel);\r\n        backdrop-filter: blur(16px);\r\n        -webkit-backdrop-filter: blur(16px);\r\n        border: 1px solid var(--theme-border);\r\n        width: 100%;\r\n        box-shadow: var(--shadow-ui);\r\n        border-radius: 18px;\r\n        position: relative;\r\n        overflow: visible; \/* FIXED: Allows scrollbars in child elements *\/\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n    \r\n    .pg-dummy-main-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 4px; height: 0%;\r\n        background: var(--grad-doc);\r\n        transition: height 0.5s ease;\r\n        z-index: 5;\r\n    }\r\n    \r\n    .pg-dummy-main-card:hover::before { height: 100%; }\r\n\r\n    .pg-dummy-header {\r\n        padding: 18px 26px;\r\n        border-bottom: 1px solid var(--theme-border);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 18px;\r\n        background: rgba(102, 126, 234, 0.08);\r\n    }\r\n\r\n    .pg-dummy-avatar {\r\n        width: 50px;\r\n        height: 50px;\r\n        border-radius: 12px;\r\n        background: var(--grad-doc);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.5rem;\r\n        color: #fff;\r\n        box-shadow: var(--glow-blue);\r\n        transition: transform 0.3s ease;\r\n    }\r\n    \r\n    .pg-dummy-header:hover .pg-dummy-avatar { transform: scale(1.08) rotate(5deg); }\r\n\r\n    .pg-dummy-header-text {\r\n        font-weight: 700;\r\n        font-size: 1.2rem;\r\n        color: var(--text-bright);\r\n        letter-spacing: 0.3px;\r\n    }\r\n\r\n    .pg-dummy-input-area {\r\n        padding: 26px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 18px;\r\n        background: var(--theme-bg-alt);\r\n    }\r\n\r\n    .pg-dummy-textarea {\r\n        width: 100% !important;\r\n        min-height: 130px !important;\r\n        padding: 20px 22px !important;\r\n        background: rgba(0, 0, 0, 0.35) !important;\r\n        border: 1px solid var(--theme-border) !important;\r\n        border-left: 3px solid var(--accent-indigo) !important;\r\n        color: var(--accent-sky) !important;\r\n        font-family: var(--primary-font) !important;\r\n        font-weight: 500 !important;\r\n        font-size: 1.5rem !important;\r\n        outline: none !important;\r\n        text-align: left !important;\r\n        white-space: pre-wrap !important;\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        resize: vertical;\r\n        border-radius: 12px;\r\n        transition: var(--transition-fast);\r\n    }\r\n    \r\n    .pg-dummy-textarea:focus {\r\n        border-color: var(--accent-blue) !important;\r\n        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.25) !important;\r\n        background: rgba(0, 0, 0, 0.45) !important;\r\n    }\r\n    \r\n    .pg-dummy-textarea::placeholder { color: var(--text-muted); opacity: 0.5; }\r\n\r\n    .pg-dummy-toolbar {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 14px;\r\n        padding: 14px 18px;\r\n        border: 1px solid var(--theme-border);\r\n        border-radius: 10px;\r\n        background: rgba(102, 126, 234, 0.08);\r\n    }\r\n\r\n    .pg-dummy-tool-group {\r\n        display: flex;\r\n        gap: 10px;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .pg-dummy-btn {\r\n        background: transparent;\r\n        color: var(--text-muted);\r\n        border: 1px solid var(--theme-border);\r\n        padding: 10px 14px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        transition: var(--transition-fast);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 7px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pg-dummy-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%;\r\n        width: 100%; height: 100%;\r\n        background: var(--grad-shimmer);\r\n        transition: left 0.4s ease;\r\n    }\r\n    \r\n    .pg-dummy-btn:hover {\r\n        background: rgba(102, 126, 234, 0.15);\r\n        color: var(--accent-blue);\r\n        border-color: var(--accent-blue);\r\n        box-shadow: var(--glow-blue);\r\n    }\r\n    \r\n    .pg-dummy-btn:hover::before { left: 100%; }\r\n\r\n    .pg-dummy-btn.primary-btn {\r\n        color: var(--accent-teal);\r\n        background: rgba(52, 211, 153, 0.15);\r\n        border-color: var(--accent-teal);\r\n    }\r\n    \r\n    .pg-dummy-btn.primary-btn:hover {\r\n        background: rgba(52, 211, 153, 0.3);\r\n        box-shadow: var(--glow-teal);\r\n    }\r\n\r\n    .pg-dummy-btn:active { transform: scale(0.96); }\r\n\r\n    .pg-dummy-preset {\r\n        background: rgba(0,0,0,0.35);\r\n        color: var(--text-muted);\r\n        border: 1px solid var(--theme-border);\r\n        padding: 10px 14px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        outline: none;\r\n        transition: var(--transition-fast);\r\n        min-width: 190px;\r\n    }\r\n    \r\n    .pg-dummy-preset:hover, .pg-dummy-preset:focus {\r\n        background: rgba(102, 126, 234, 0.2);\r\n        color: var(--accent-sky);\r\n        border-color: var(--accent-blue);\r\n    }\r\n    \r\n    .pg-dummy-preset option {\r\n        background: var(--theme-panel);\r\n        color: var(--text-bright);\r\n    }\r\n\r\n    .pg-dummy-settings {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 24px;\r\n        padding: 28px 24px;\r\n        background: var(--theme-panel);\r\n        border-top: 1px solid var(--theme-border);\r\n    }\r\n\r\n    .pg-dummy-label {\r\n        display: flex;\r\n        align-items: center;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.95rem;\r\n        font-weight: 700;\r\n        color: var(--text-bright);\r\n        margin-bottom: 14px;\r\n        gap: 8px;\r\n    }\r\n    \r\n    .pg-dummy-label i {\r\n        color: var(--accent-teal);\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .pg-dummy-options {\r\n        display: grid;\r\n        gap: 10px;\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .pg-dummy-opt-btn {\r\n        background: rgba(255, 255, 255, 0.04);\r\n        border: 1px solid transparent;\r\n        padding: 14px 12px;\r\n        color: var(--text-bright);\r\n        font-family: var(--primary-font);\r\n        font-size: 0.82rem;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        border-radius: 10px;\r\n        transition: var(--transition-fast);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 7px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-dummy-opt-btn i {\r\n        font-size: 1.2rem;\r\n        color: var(--text-muted);\r\n        transition: var(--transition-fast);\r\n    }\r\n    \r\n    .pg-dummy-opt-btn::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0; left: 0; width: 0%; height: 3px;\r\n        background: var(--accent-blue);\r\n        transition: width 0.3s ease;\r\n    }\r\n    \r\n    .pg-dummy-opt-btn:hover::after { width: 100%; }\r\n    \r\n    .pg-dummy-opt-btn:hover {\r\n        background: rgba(102, 126, 234, 0.12);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .pg-dummy-opt-btn:hover i {\r\n        color: var(--accent-sky);\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .pg-dummy-opt-btn.active {\r\n        background: rgba(102, 126, 234, 0.3);\r\n        color: #fff;\r\n        border-color: var(--accent-blue);\r\n        box-shadow: 0 0 18px rgba(102, 126, 234, 0.4);\r\n    }\r\n    \r\n    .pg-dummy-opt-btn.active::after { width: 100%; background: var(--accent-teal); }\r\n    \r\n    .pg-dummy-opt-btn.active i { color: var(--accent-teal); }\r\n\r\n    .pg-dummy-results {\r\n        padding: 40px 0;\r\n        width: 100%;\r\n        position: relative;\r\n    }\r\n    \r\n    \/* 3 CARDS PER LINE *\/\r\n    .pg-dummy-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 18px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* FIXED CARD TEXT HANDLING *\/\r\n    .pg-dummy-card {\r\n        background: var(--theme-panel);\r\n        border: 1px solid var(--theme-border);\r\n        padding: 0;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        overflow: visible; \/* FIXED: Allows content and scrollbars to show *\/\r\n        border-radius: 12px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        box-shadow: var(--shadow-card);\r\n        min-height: 160px;\r\n    }\r\n    \r\n    .pg-dummy-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 3px;\r\n        background: linear-gradient(90deg, transparent, var(--accent-indigo), transparent);\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .pg-dummy-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.65);\r\n        border-color: rgba(120, 119, 198, 0.4);\r\n    }\r\n    \r\n    .pg-dummy-card:hover::before { opacity: 1; }\r\n\r\n    .pg-dummy-card-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        width: 100%;\r\n        padding: 14px 16px 10px 16px;\r\n        background: rgba(102, 126, 234, 0.06);\r\n        border-bottom: 1px solid rgba(120, 119, 198, 0.15);\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    .pg-dummy-card-profile {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 11px;\r\n        flex: 1;\r\n        min-width: 0;\r\n    }\r\n\r\n    .pg-dummy-card-avatar {\r\n        width: 36px;\r\n        height: 36px;\r\n        border-radius: 8px;\r\n        background: var(--grad-doc);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #fff;\r\n        font-size: 0.95rem;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .pg-dummy-card-meta {\r\n        display: flex;\r\n        flex-direction: column;\r\n        text-align: left;\r\n        min-width: 0;\r\n    }\r\n\r\n    .pg-dummy-card-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 0.8rem;\r\n        font-weight: 700;\r\n        color: var(--text-bright);\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    .pg-dummy-card-time {\r\n        font-size: 0.7rem;\r\n        color: var(--text-muted);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n    }\r\n\r\n    .pg-dummy-copy-btn {\r\n        background: transparent;\r\n        border: 1px solid var(--theme-border);\r\n        color: var(--text-muted);\r\n        width: 34px;\r\n        height: 34px;\r\n        min-width: 34px;\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: all 0.25s ease;\r\n        outline: none;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    .pg-dummy-copy-btn i { font-size: 0.95rem; transition: all 0.25s ease; }\r\n    \r\n    .pg-dummy-copy-btn:hover {\r\n        background: var(--accent-blue);\r\n        color: #fff;\r\n        border-color: var(--accent-blue);\r\n        box-shadow: var(--glow-blue);\r\n        transform: scale(1.08);\r\n    }\r\n    \r\n    .pg-dummy-copy-btn:hover i { transform: rotate(15deg) scale(1.15); }\r\n    .pg-dummy-copy-btn:active { transform: scale(0.9); }\r\n    \r\n    .pg-dummy-copy-btn.copied {\r\n        background: var(--accent-teal) !important;\r\n        color: #000 !important;\r\n        border-color: var(--accent-teal) !important;\r\n        box-shadow: var(--glow-teal) !important;\r\n    }\r\n\r\n    \/* FIXED TEXT PREVIEW AREA *\/\r\n    .pg-dummy-card-preview {\r\n        font-size: 0.88rem;\r\n        color: var(--text-muted);\r\n        width: 100%;\r\n        text-align: left;\r\n        font-family: var(--primary-font);\r\n        font-weight: 400;\r\n        position: relative;\r\n        z-index: 1;\r\n        padding: 14px 16px;\r\n        transition: color 0.3s ease;\r\n        white-space: normal !important; \/* FIXED: Natural wrapping *\/\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        box-sizing: border-box !important;\r\n        line-height: 1.5 !important;\r\n        flex-grow: 1;\r\n        overflow-y: auto;\r\n        overflow-x: hidden;\r\n        scrollbar-width: thin;\r\n        scrollbar-color: var(--accent-indigo) transparent;\r\n    }\r\n    \r\n    .pg-dummy-card-preview::-webkit-scrollbar { width: 5px; }\r\n    .pg-dummy-card-preview::-webkit-scrollbar-track { background: transparent; }\r\n    .pg-dummy-card-preview::-webkit-scrollbar-thumb { background: var(--accent-indigo); border-radius: 3px; }\r\n    \r\n    .pg-dummy-card:hover .pg-dummy-card-preview { color: var(--text-bright); }\r\n\r\n    .pg-dummy-card-footer {\r\n        border-top: 1px solid rgba(120, 119, 198, 0.2);\r\n        padding: 10px 16px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        color: var(--text-muted);\r\n        font-size: 0.7rem;\r\n        font-weight: 600;\r\n        flex-wrap: nowrap;\r\n        gap: 8px;\r\n        position: relative;\r\n        z-index: 1;\r\n        background: rgba(0, 0, 0, 0.15);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .pg-dummy-card-action {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n        cursor: pointer;\r\n        transition: color 0.2s ease;\r\n        white-space: nowrap;\r\n    }\r\n    .pg-dummy-card-action:hover { color: var(--accent-blue); }\r\n    .pg-dummy-card-action:hover i { transform: scale(1.1); }\r\n    .pg-dummy-card-action i { transition: transform 0.2s ease; font-size: 0.8rem; }\r\n\r\n    .pg-dummy-load-btn {\r\n        background: var(--theme-panel);\r\n        color: var(--accent-blue);\r\n        border: 2px solid var(--accent-blue);\r\n        padding: 14px 40px;\r\n        font-family: var(--primary-font);\r\n        font-weight: 700;\r\n        font-size: 1rem;\r\n        cursor: pointer;\r\n        margin-top: 30px;\r\n        border-radius: 10px;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        box-shadow: var(--shadow-card);\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-dummy-load-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%; width: 100%; height: 100%;\r\n        background: var(--grad-doc);\r\n        transition: left 0.45s ease;\r\n        z-index: 0;\r\n    }\r\n    \r\n    .pg-dummy-load-btn span, .pg-dummy-load-btn i { position: relative; z-index: 1; }\r\n    \r\n    .pg-dummy-load-btn:hover {\r\n        color: #fff;\r\n        border-color: transparent;\r\n        transform: translateY(-3px);\r\n        box-shadow: var(--glow-blue);\r\n    }\r\n    \r\n    .pg-dummy-load-btn:hover::before { left: 0; }\r\n    .pg-dummy-load-btn:hover i { transform: translateY(5px) rotate(180deg); }\r\n    .pg-dummy-load-btn:active { transform: translateY(0); }\r\n\r\n    .pg-dummy-toast {\r\n        visibility: hidden;\r\n        background: rgba(12, 8, 28, 0.98);\r\n        color: var(--accent-teal);\r\n        padding: 16px 26px;\r\n        position: fixed;\r\n        left: 50%;\r\n        bottom: 42px;\r\n        transform: translateX(-50%) translateY(25px);\r\n        font-family: var(--primary-font);\r\n        font-weight: 600;\r\n        z-index: 10000;\r\n        border-radius: 10px;\r\n        box-shadow: 0 12px 35px rgba(0,0,0,0.8);\r\n        opacity: 0;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        border: 1px solid var(--accent-teal);\r\n    }\r\n    \r\n    .pg-dummy-toast i {\r\n        color: #000;\r\n        background: var(--accent-teal);\r\n        border-radius: 50%;\r\n        padding: 5px;\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .pg-dummy-toast.show {\r\n        visibility: visible;\r\n        opacity: 1;\r\n        transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .pg-dummy-grid { grid-template-columns: repeat(2, 1fr); }\r\n        .pg-dummy-title { font-size: 2.4rem; }\r\n        .pg-dummy-settings { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .pg-dummy-grid { grid-template-columns: 1fr; }\r\n        .pg-dummy-container { padding: 30px 15px !important; }\r\n        .pg-dummy-results { padding: 25px 0; }\r\n        .pg-dummy-settings { padding: 20px; gap: 18px; }\r\n        .pg-dummy-input-area { padding: 20px; }\r\n        .pg-dummy-textarea { min-height: 120px !important; font-size: 1.3rem !important; padding: 18px 20px !important; }\r\n        \r\n        .pg-dummy-toolbar { flex-direction: column; align-items: stretch; padding: 14px; }\r\n        .pg-dummy-tool-group { justify-content: center; }\r\n        .pg-dummy-preset { width: 100%; text-align: center; min-width: auto; }\r\n        \r\n        .pg-dummy-card { padding: 0; min-height: auto; }\r\n        .pg-dummy-card-preview { font-size: 0.85rem; max-height: 120px; padding: 12px 14px; }\r\n        .pg-dummy-card-header { padding: 12px 14px 8px; }\r\n        .pg-dummy-card-footer { padding: 8px 14px; flex-wrap: wrap; justify-content: center; }\r\n        \r\n        .pg-dummy-opt-btn { padding: 12px 8px; font-size: 0.78rem; }\r\n        .pg-dummy-load-btn { padding: 13px 28px; font-size: 0.9rem; width: 100%; justify-content: center; }\r\n        .pg-dummy-title { font-size: 1.85rem; }\r\n        .pg-dummy-subtitle { font-size: 0.92rem; }\r\n        .pg-dummy-header { padding: 16px; }\r\n        .pg-dummy-avatar { width: 42px; height: 42px; font-size: 1.2rem; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-dummy-wrapper\" id=\"pg-dummy-tool\">\r\n    <div class=\"pg-dummy-container pg-dummy-hero\">\r\n        <h1 class=\"pg-dummy-title\"><i class=\"fa-solid fa-file-lines\"><\/i> Dummy Text Generator \u2013 Generate Instantly<\/h1>\r\n        <p class=\"pg-dummy-subtitle\">Generate placeholder text for your designs with Lorem Ipsum, readable mock content, or elegant Gothic displays. Perfect for wireframes, mockups, and layout testing.<\/p>\r\n        \r\n        <div class=\"pg-dummy-main-card\">\r\n            <div class=\"pg-dummy-header\">\r\n                <div class=\"pg-dummy-avatar\"><i class=\"fa-solid fa-paragraph\"><\/i><\/div>\r\n                <div class=\"pg-dummy-header-text\">Generate Placeholder Text<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"pg-dummy-input-area\">\r\n                <textarea class=\"pg-dummy-textarea\" id=\"pgDummyInput\" placeholder=\"Enter custom seed text or leave blank to generate...\"><\/textarea>\r\n                \r\n                <div class=\"pg-dummy-toolbar\">\r\n                    <div class=\"pg-dummy-tool-group\">\r\n                        <button class=\"pg-dummy-btn\" id=\"pgDummyPaste\" title=\"Paste\"><i class=\"fa-solid fa-clipboard\"><\/i> Paste<\/button>\r\n                        <button class=\"pg-dummy-btn\" id=\"pgDummySelect\" title=\"Select\"><i class=\"fa-solid fa-object-group\"><\/i> Select<\/button>\r\n                        <button class=\"pg-dummy-btn primary-btn\" id=\"pgDummyCopyBase\" title=\"Copy Base\"><i class=\"fa-regular fa-copy\"><\/i> Copy<\/button>\r\n                    <\/div>\r\n                    \r\n                    <select class=\"pg-dummy-preset\" id=\"pgDummyPreset\">\r\n                        <option value=\"\" disabled selected>\ud83d\udcc4 Text Presets<\/option>\r\n                        <option value=\"Lorem ipsum dolor sit amet\">\ud83d\udcdd Classic Lorem<\/option>\r\n                        <option value=\"Design mockup with placeholder\">\ud83c\udfa8 UI Mockup<\/option>\r\n                        <option value=\"Sample content for testing\">\ud83e\uddea Test Content<\/option>\r\n                        <option value=\"Brief summary of your project\">\ud83d\udccb Brief Summary<\/option>\r\n                        <option value=\"Welcome to our new platform\">\ud83d\ude80 Welcome Text<\/option>\r\n                        <option value=\"About us section goes here\">\u2139\ufe0f About Section<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"pg-dummy-settings\">\r\n                <div>\r\n                    <div class=\"pg-dummy-label\"><i class=\"fa-solid fa-layer-group\"><\/i> Text Style<\/div>\r\n                    <div class=\"pg-dummy-options\">\r\n                        <button class=\"pg-dummy-opt-btn style-btn active\" data-mode=\"Lorem\">\r\n                            <i class=\"fa-solid fa-book-open\"><\/i> Lorem Ipsum\r\n                        <\/button>\r\n                        <button class=\"pg-dummy-opt-btn style-btn\" data-mode=\"Readable\">\r\n                            <i class=\"fa-solid fa-align-left\"><\/i> Readable\r\n                        <\/button>\r\n                        <button class=\"pg-dummy-opt-btn style-btn\" data-mode=\"Gothic\">\r\n                            <i class=\"fa-solid fa-chess-rook\"><\/i> Gothic\r\n                        <\/button>\r\n                        <button class=\"pg-dummy-opt-btn style-btn\" data-mode=\"Corporate\">\r\n                            <i class=\"fa-solid fa-briefcase\"><\/i> Corporate\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <div class=\"pg-dummy-label\"><i class=\"fa-solid fa-sliders\"><\/i> Format Options<\/div>\r\n                    <div class=\"pg-dummy-options\">\r\n                        <button class=\"pg-dummy-opt-btn deco-btn active\" data-deco=\"Paragraph\">\r\n                            <i class=\"fa-solid fa-align-justify\"><\/i> Paragraph\r\n                        <\/button>\r\n                        <button class=\"pg-dummy-opt-btn deco-btn\" data-deco=\"Sentences\">\r\n                            <i class=\"fa-solid fa-list-ol\"><\/i> Sentences\r\n                        <\/button>\r\n                        <button class=\"pg-dummy-opt-btn deco-btn\" data-deco=\"Words\">\r\n                            <i class=\"fa-solid fa-spell-check\"><\/i> Words\r\n                        <\/button>\r\n                        <button class=\"pg-dummy-opt-btn deco-btn\" data-deco=\"Headings\">\r\n                            <i class=\"fa-solid fa-heading\"><\/i> Headings\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pg-dummy-results\">\r\n            <div class=\"pg-dummy-grid\" id=\"pgDummyGrid\"><\/div>\r\n            <button class=\"pg-dummy-load-btn\" id=\"pgDummyLoadBtn\"><span>Load More Text<\/span> <i class=\"fa-solid fa-chevron-down\"><\/i><\/button>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"pgDummyToast\" class=\"pg-dummy-toast\"><i class=\"fa-solid fa-check\"><\/i> <span>Copied!<\/span><\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const wrapper = document.getElementById('pg-dummy-tool');\r\n    const input = wrapper.querySelector('#pgDummyInput');\r\n    const grid = wrapper.querySelector('#pgDummyGrid');\r\n    const loadBtn = wrapper.querySelector('#pgDummyLoadBtn');\r\n    const toast = wrapper.querySelector('#pgDummyToast');\r\n    const pasteBtn = wrapper.querySelector('#pgDummyPaste');\r\n    const selectBtn = wrapper.querySelector('#pgDummySelect');\r\n    const copyBase = wrapper.querySelector('#pgDummyCopyBase');\r\n    const presetSel = wrapper.querySelector('#pgDummyPreset');\r\n\r\n    let currentMode = 'Lorem';\r\n    let currentDeco = 'Paragraph';\r\n    let limit = 9;\r\n    const INCREMENT = 9;\r\n    const TOTAL = 108;\r\n\r\n    const loremWords = ['lorem','ipsum','dolor','sit','amet','consectetur','adipiscing','elit','sed','do','eiusmod','tempor','incididunt','ut','labore','et','dolore','magna','aliqua','enim','ad','minim','veniam','quis','nostrud','exercitation','ullamco','laboris','nisi','aliquip','ex','ea','commodo','consequat','duis','aute','irure','in','reprehenderit','voluptate','velit','esse','cillum','fugiat','nulla','pariatur','excepteur','sint','occaecat','cupidatat','non','proident','sunt','culpa','qui','officia','deserunt','mollit','anim','id','est','laborum'];\r\n    const readableWords = ['the','quick','brown','fox','jumps','over','lazy','dog','design','modern','clean','simple','user','interface','experience','layout','content','text','placeholder','sample','mockup','wireframe','prototype','creative','digital','visual','element','component','section','header','footer','sidebar','navigation','menu','button','card','page','screen','flow','interaction','animation','responsive','mobile','desktop','tablet','typography','color','contrast','accessibility','functionality','structure','grid','flexible','dynamic','static','fluid','adaptive'];\r\n    const gothicWords = ['shadow','midnight','raven','crystal','ancient','castle','mist','moonlight','phantom','dark','eclipse','velvet','obsidian','whisper','abyss','ember','frost','silence','void','twilight','mystic','arcane','eternal','phantasm','nocturne','specter','dusky','hollow','crypt','shroud','thunder','storm','iron','stone','silver','golden','pale','grim','solemn','hallowed','sacred','ruin','decay','forgotten','forged','steel','blade','shield','crown','throne'];\r\n    const corporateWords = ['business','strategy','growth','innovation','solutions','partnership','market','analysis','performance','revenue','client','service','delivery','management','operations','process','efficiency','quality','excellence','leadership','team','collaboration','vision','mission','values','culture','engagement','results','success','achievement','milestone','target','objective','initiative','framework','methodology','implementation','optimization','transformation','digital','technology','integration','platform','enterprise','global','scalable','agile','lean','strategic','core'];\r\n\r\n    const wordMap = {\r\n        'Lorem': loremWords,\r\n        'Readable': readableWords,\r\n        'Gothic': gothicWords,\r\n        'Corporate': corporateWords\r\n    };\r\n\r\n    const generateText = (mode, format, seedIdx) => {\r\n        const words = wordMap[mode] || loremWords;\r\n        const seedText = input.value ? input.value.trim() : '';\r\n        let text = '';\r\n        \r\n        \/\/ Helper to get random word\r\n        const rw = (i) => words[(seedIdx + i) % words.length];\r\n\r\n        if(format === 'Words') {\r\n            const count = 15 + (seedIdx % 15);\r\n            const arr = [];\r\n            for(let i=0; i<count; i++) arr.push(rw(i));\r\n            text = arr.join(' ');\r\n        } else if(format === 'Sentences') {\r\n            const sCount = 2 + (seedIdx % 3);\r\n            const parts = [];\r\n            for(let s=0; s<sCount; s++) {\r\n                const wCount = 8 + ((seedIdx + s) % 6);\r\n                const sent = [];\r\n                for(let w=0; w<wCount; w++) sent.push(rw(s*10 + w));\r\n                sent[0] = sent[0].charAt(0).toUpperCase() + sent[0].slice(1);\r\n                parts.push(sent.join(' ') + '.');\r\n            }\r\n            text = parts.join(' ');\r\n        } else if(format === 'Headings') {\r\n            const titles = [\r\n                'Executive Summary',\r\n                'Project Overview',\r\n                'Key Findings',\r\n                'Strategic Goals',\r\n                'Implementation Plan',\r\n                'Timeline & Milestones',\r\n                'Budget Analysis',\r\n                'Risk Assessment',\r\n                'Conclusion & Next Steps'\r\n            ];\r\n            text = titles[seedIdx % titles.length];\r\n        } else {\r\n            \/\/ Paragraph\r\n            const wCount = 35 + (seedIdx % 25);\r\n            const arr = [];\r\n            for(let i=0; i<wCount; i++) arr.push(rw(i));\r\n            arr[0] = arr[0].charAt(0).toUpperCase() + arr[0].slice(1);\r\n            \/\/ Add a period somewhere\r\n            const cut = 15 + (seedIdx % 10);\r\n            arr[cut] = arr[cut] + '.';\r\n            if(arr.length > cut+1) arr[cut+1] = arr[cut+1].charAt(0).toUpperCase() + arr[cut+1].slice(1);\r\n            text = arr.join(' ') + '.';\r\n        }\r\n\r\n        return seedText ? `${seedText}. ${text}` : text;\r\n    };\r\n\r\n    const copyText = (txt, btn) => {\r\n        if (navigator.clipboard && navigator.clipboard.writeText) {\r\n            navigator.clipboard.writeText(txt).then(() => showToast(btn));\r\n        } else {\r\n            const ta = document.createElement(\"textarea\");\r\n            ta.value = txt;\r\n            ta.style.cssText = \"position:fixed;top:0;left:0;opacity:0;pointer-events:none;\";\r\n            document.body.appendChild(ta);\r\n            ta.select();\r\n            try { document.execCommand('copy'); showToast(btn); } catch(e) { console.error(e); }\r\n            document.body.removeChild(ta);\r\n        }\r\n    };\r\n\r\n    const showToast = (btn) => {\r\n        if(btn) {\r\n            btn.classList.add('copied');\r\n            btn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i>';\r\n            setTimeout(() => {\r\n                btn.classList.remove('copied');\r\n                btn.innerHTML = '<i class=\"fa-regular fa-copy\"><\/i>';\r\n            }, 1400);\r\n        }\r\n        toast.classList.add('show');\r\n        setTimeout(() => toast.classList.remove('show'), 1400);\r\n    };\r\n\r\n    const genMeta = () => {\r\n        const names = [\r\n            'Lorem Classic', 'Readable Mock', 'Gothic Dark', 'Corporate Pro',\r\n            'Lorem Ipsum', 'Simple Text', 'Shadow Gothic', 'Business Brief',\r\n            'Dolor Sit', 'Quick Brown', 'Midnight Gothic', 'Strategy Doc',\r\n            'Amet Consect', 'Clean Layout', 'Eclipse Gothic', 'Growth Plan',\r\n            'Adipiscing', 'Modern UI', 'Raven Gothic', 'Innovation Hub',\r\n            'Tempor Incid', 'Digital Flow', 'Crystal Mystic', 'Market Vision',\r\n            'Ut Labore', 'Visual Grid', 'Velvet Shadow', 'Team Culture',\r\n            'Et Dolore', 'Flex Design', 'Phantom Void', 'Results Driven'\r\n        ];\r\n        const icons = ['fa-file-lines', 'fa-align-left', 'fa-book-open', 'fa-briefcase', 'fa-paragraph', 'fa-spell-check', 'fa-list-ol', 'fa-heading', 'fa-pen-fancy', 'fa-newspaper', 'fa-scroll', 'fa-file-alt', 'fa-edit', 'fa-book', 'fa-quote-left', 'fa-quote-right', 'fa-text-width', 'fa-text-height', 'fa-font', 'fa-i-cursor', 'fa-file-word', 'fa-file-powerpoint', 'fa-file-excel', 'fa-file-pdf'];\r\n        \r\n        const list = [];\r\n        for(let i=0; i<TOTAL; i++) {\r\n            const times = ['Just now', '2m ago', '5m ago', '10m ago', '15m ago', '30m ago', '1h ago', '2h ago', '3h ago', 'Yesterday'];\r\n            list.push({\r\n                id: `dummy-${i}`,\r\n                name: `${names[i % names.length]} #${Math.floor(i\/names.length)+1}`,\r\n                time: times[i % times.length],\r\n                icon: icons[i % icons.length]\r\n            });\r\n        }\r\n        return list;\r\n    };\r\n\r\n    const allMeta = genMeta();\r\n\r\n    const render = () => {\r\n        grid.innerHTML = '';\r\n        const show = allMeta.slice(0, limit);\r\n        \r\n        show.forEach((meta, idx) => {\r\n            const out = generateText(currentMode, currentDeco, idx);\r\n            \r\n            const card = document.createElement('div');\r\n            card.className = 'pg-dummy-card';\r\n            card.innerHTML = `\r\n                <div class=\"pg-dummy-card-header\">\r\n                    <div class=\"pg-dummy-card-profile\">\r\n                        <div class=\"pg-dummy-card-avatar\"><i class=\"fa-solid ${meta.icon}\"><\/i><\/div>\r\n                        <div class=\"pg-dummy-card-meta\">\r\n                            <div class=\"pg-dummy-card-title\">${meta.name}<\/div>\r\n                            <div class=\"pg-dummy-card-time\"><i class=\"fa-regular fa-clock\"><\/i> ${meta.time}<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <button class=\"pg-dummy-copy-btn\" title=\"Copy\"><i class=\"fa-regular fa-copy\"><\/i><\/button>\r\n                <\/div>\r\n                <div class=\"pg-dummy-card-preview\">${out}<\/div>\r\n                <div class=\"pg-dummy-card-footer\">\r\n                    <div class=\"pg-dummy-card-action\"><i class=\"fa-regular fa-heart\"><\/i> Like<\/div>\r\n                    <div class=\"pg-dummy-card-action\"><i class=\"fa-regular fa-bookmark\"><\/i> Save<\/div>\r\n                    <div class=\"pg-dummy-card-action\"><i class=\"fa-solid fa-share-nodes\"><\/i> Share<\/div>\r\n                <\/div>\r\n            `;\r\n            \r\n            const copyBtn = card.querySelector('.pg-dummy-copy-btn');\r\n            copyBtn.addEventListener('click', (e) => {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                copyText(out, copyBtn);\r\n            });\r\n            \r\n            grid.appendChild(card);\r\n        });\r\n        \r\n        const remaining = Math.max(0, TOTAL - limit);\r\n        if(remaining > 0) {\r\n            loadBtn.style.display = 'inline-flex';\r\n            loadBtn.querySelector('span').textContent = `Load More Text (${remaining})`;\r\n        } else {\r\n            loadBtn.style.display = 'none';\r\n        }\r\n    };\r\n\r\n    input.addEventListener('input', render);\r\n    \r\n    pasteBtn.addEventListener('click', async (e) => {\r\n        e.preventDefault();\r\n        try {\r\n            const t = await navigator.clipboard.readText();\r\n            input.value = t;\r\n            render();\r\n        } catch {\r\n            input.focus();\r\n        }\r\n    });\r\n\r\n    selectBtn.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        input.select();\r\n    });\r\n\r\n    copyBase.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        if(input.value) copyText(input.value, null);\r\n    });\r\n\r\n    presetSel.addEventListener('change', (e) => {\r\n        if(e.target.value) {\r\n            input.value = e.target.value;\r\n            render();\r\n            e.target.selectedIndex = 0;\r\n        }\r\n    });\r\n\r\n    loadBtn.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        limit += INCREMENT;\r\n        render();\r\n    });\r\n\r\n    wrapper.querySelectorAll('.style-btn').forEach(btn => {\r\n        btn.addEventListener('click', (e) => {\r\n            e.preventDefault();\r\n            wrapper.querySelectorAll('.style-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentMode = btn.dataset.mode;\r\n            limit = 9;\r\n            render();\r\n        });\r\n    });\r\n\r\n    wrapper.querySelectorAll('.deco-btn').forEach(btn => {\r\n        btn.addEventListener('click', (e) => {\r\n            e.preventDefault();\r\n            wrapper.querySelectorAll('.deco-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentDeco = btn.dataset.deco;\r\n            limit = 9;\r\n            render();\r\n        });\r\n    });\r\n\r\n    render();\r\n});\r\n<\/script>\r\n<!-- END OF FILE Dummy 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.5.1\/css\/all.min.css\">\r\n\r\n    <!-- SECTION 1 -->\r\n\r\n\r\n\r\n\r\n\r\n <section class=\"pg-dtg-section pg-dtg-sec1\">\r\n        <div class=\"pg-dtg-wrap\">\r\n\r\n\t <\/div>\r\n\t<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <section class=\"pg-dtg-section pg-dtg-sec1\">\r\n        <div class=\"pg-dtg-wrap\">\r\n            <h2 class=\"pg-dtg-heading\">What Makes This <span class=\"pg-dtg-kw\">Dummy Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-dtg-sub\">Most placeholder tools spit out the same generic Lorem Ipsum. Our dummy text generator offers multiple languages, realistic sentence structures, and precise length controls that designers and developers actually need.<\/p>\r\n            <div class=\"pg-dtg-grid\">\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(41,121,255,0.12);color:#2979ff;\"><i class=\"fa-solid fa-language\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Multiple Language Support<\/div>\r\n                    <p class=\"pg-dtg-desc\">Our dummy text generator goes beyond Latin \u2014 generate placeholder text in Spanish, French, German, Russian, and more to accurately test how your design handles different character sets and line breaks.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(0,191,165,0.12);color:#00bfa5;\"><i class=\"fa-solid fa-align-left\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Realistic Sentence Structures<\/div>\r\n                    <p class=\"pg-dtg-desc\">Instead of random word soup, our dummy text generator creates grammatically plausible sentences with proper punctuation \u2014 giving you a true preview of how real content will look in your layout.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(255,109,0,0.12);color:#ff6d00;\"><i class=\"fa-solid fa-ruler-horizontal\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Precise Word and Character Count<\/div>\r\n                    <p class=\"pg-dtg-desc\">Need exactly 250 words or 1500 characters? Our dummy text generator lets you set exact output lengths so you can perfectly fill your wireframes without manual trimming or padding.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(233,30,99,0.12);color:#e91e63;\"><i class=\"fa-solid fa-sliders\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Paragraph and Sentence Controls<\/div>\r\n                    <p class=\"pg-dtg-desc\">Control exactly how many paragraphs and sentences are generated \u2014 our dummy text generator gives you granular control over the structure, not just the total word count.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(124,179,66,0.12);color:#7cb342;\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Instant Generation, Zero Lag<\/div>\r\n                    <p class=\"pg-dtg-desc\">Click generate and your dummy text appears instantly \u2014 our dummy text generator runs entirely in your browser with zero server calls, making it faster than any online placeholder tool.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(156,39,176,0.12);color:#9c27b0;\"><i class=\"fa-solid fa-broom\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Clean Text, No Junk Code<\/div>\r\n                    <p class=\"pg-dtg-desc\">Our dummy text generator outputs pure, clean text \u2014 no hidden HTML tags, no weird encoding artifacts, no invisible characters that break your code editor or CMS when you paste it in.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 -->\r\n    <section class=\"pg-dtg-section pg-dtg-sec2\">\r\n        <div class=\"pg-dtg-wrap\">\r\n            <h2 class=\"pg-dtg-heading pg-dtg-sec2-heading\">How to Use Our <span class=\"pg-dtg-kw pg-dtg-sec2-kw\">Dummy Text Generator<\/span> Step by Step?<\/h2>\r\n            <p class=\"pg-dtg-sub pg-dtg-sec2-sub\">Generating high-quality placeholder text takes exactly seconds. No sign-ups or downloads needed \u2014 just follow these steps and fill your designs with realistic dummy content.<\/p>\r\n            <div class=\"pg-dtg-grid\">\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(63,81,181,0.12);color:#3f51b5;\"><i class=\"fa-solid fa-list\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Step 1: Choose a Text Type<\/div>\r\n                    <p class=\"pg-dtg-desc\">Select from classic Lorem Ipsum, modern realistic text, or specific foreign language dummy text \u2014 our dummy text generator offers different base dictionaries to match your project's vibe.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(255,82,82,0.12);color:#ff5252;\"><i class=\"fa-solid fa-keyboard\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Step 2: Set Your Parameters<\/div>\r\n                    <p class=\"pg-dtg-desc\">Input the exact number of words, characters, sentences, or paragraphs you need \u2014 our dummy text generator gives you precise control over the output volume and structure.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(0,188,212,0.12);color:#00bcd4;\"><i class=\"fa-solid fa-gear\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Step 3: Adjust Advanced Options<\/div>\r\n                    <p class=\"pg-dtg-desc\">Toggle options like starting with \"Lorem ipsum dolor sit amet...\", adding HTML tags like `<p>` or `<li>`, or allowing special characters \u2014 customize the output to fit your workflow.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(0,200,83,0.12);color:#00c853;\"><i class=\"fa-solid fa-play\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Step 4: Generate the Dummy Text<\/div>\r\n                    <p class=\"pg-dtg-desc\">Hit the generate button and watch your placeholder text appear instantly \u2014 our dummy text generator processes your rules locally in milliseconds without any loading screens.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(255,160,0,0.12);color:#ffa000;\"><i class=\"fa-solid fa-eye\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Step 5: Preview the Output<\/div>\r\n                    <p class=\"pg-dtg-desc\">Review the generated text directly in the preview pane \u2014 our dummy text generator shows exactly how the text flows, wraps, and spaces out before you commit to copying it.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(244,67,54,0.12);color:#f44336;\"><i class=\"fa-solid fa-clipboard\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Step 6: Copy to Your Project<\/div>\r\n                    <p class=\"pg-dtg-desc\">Click the copy button and paste it straight into Figma, WordPress, HTML files, or Word docs \u2014 our dummy text generator gives you clean output that integrates seamlessly anywhere.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 -->\r\n    <section class=\"pg-dtg-section pg-dtg-sec3\">\r\n        <div class=\"pg-dtg-wrap\">\r\n            <h2 class=\"pg-dtg-heading\">Best Places to Use <span class=\"pg-dtg-kw\">Dummy Text Generator<\/span> Results?<\/h2>\r\n            <p class=\"pg-dtg-sub\">Dummy text isn't just for filling space \u2014 it's a critical part of the design and development process. Here are the professional use cases where our dummy text generator is absolutely essential.<\/p>\r\n            <div class=\"pg-dtg-grid\">\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(233,30,99,0.12);color:#e91e63;\"><i class=\"fa-solid fa-object-group\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">UI\/UX Wireframing<\/div>\r\n                    <p class=\"pg-dtg-desc\">Use our dummy text generator to populate wireframes with realistic content lengths \u2014 it helps stakeholders visualize the final product better than generic \"Text goes here\" boxes ever could.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(63,81,181,0.12);color:#3f51b5;\"><i class=\"fa-solid fa-pen-ruler\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Graphic Design Mockups<\/div>\r\n                    <p class=\"pg-dtg-desc\">Whether you're designing a magazine layout, a poster, or a social media template, our dummy text generator provides the perfect placeholder copy that mimics real-world content density.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(0,191,165,0.12);color:#00bfa5;\"><i class=\"fa-solid fa-code\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Web Development Testing<\/div>\r\n                    <p class=\"pg-dtg-desc\">Developers use our dummy text generator to test CSS line-height, text-wrap, overflow handling, and responsive typography breakpoints before the actual copy from the client is ready.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(255,109,0,0.12);color:#ff6d00;\"><i class=\"fa-solid fa-font\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Typography and Font Pairing<\/div>\r\n                    <p class=\"pg-dtg-desc\">Testing how a heading font pairs with body text requires realistic paragraph lengths \u2014 our dummy text generator gives you the exact volume of text needed to evaluate typographic hierarchy.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(124,77,255,0.12);color:#7c4dff;\"><i class=\"fa-solid fa-display\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Presentation and Pitch Decks<\/div>\r\n                    <p class=\"pg-dtg-desc\">Fill presentation templates with dummy text to show clients the layout structure without distracting them with unfinished copy \u2014 our dummy text generator makes mockup decks look polished and professional.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(139,195,74,0.12);color:#8bc34a;\"><i class=\"fa-solid fa-mobile-screen-button\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Mobile App Prototyping<\/div>\r\n                    <p class=\"pg-dtg-desc\">Mobile screens have strict space constraints. Our dummy text generator helps you test text truncation, \"read more\" triggers, and small-screen readability before writing a single line of real content.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        *, *::before, *::after {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --dtg-blue: #2979ff;\r\n            --dtg-grad: linear-gradient(135deg, #2979ff, #00bfa5, #ff6d00);\r\n            --dtg-shadow: 0 12px 30px rgba(41, 121, 255, 0.16);\r\n            --dtg-ease: cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --dtg-speed: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --dtg-ff: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        }\r\n\r\n        .pg-dtg-section {\r\n            width: 100%;\r\n            padding: clamp(48px, 8vw, 96px) 20px;\r\n            position: relative;\r\n            font-family: var(--dtg-ff);\r\n            color: #0a0a0a;\r\n            line-height: 1.6;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        .pg-dtg-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .pg-dtg-heading {\r\n            font-family: var(--dtg-ff);\r\n            font-size: clamp(1.5rem, 4vw, 2.25rem);\r\n            font-weight: 800;\r\n            text-align: center;\r\n            color: #000000;\r\n            margin-bottom: clamp(8px, 1.5vw, 14px);\r\n            line-height: 1.2;\r\n            letter-spacing: -0.03em;\r\n        }\r\n\r\n        .pg-dtg-kw {\r\n            color: #000000;\r\n            position: relative;\r\n        }\r\n\r\n        .pg-dtg-kw::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -2px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: var(--dtg-grad);\r\n            border-radius: 3px;\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--dtg-ease);\r\n        }\r\n\r\n        .pg-dtg-section:hover .pg-dtg-kw::after {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-dtg-sub {\r\n            font-family: var(--dtg-ff);\r\n            font-size: clamp(0.88rem, 1.8vw, 1.02rem);\r\n            font-weight: 400;\r\n            text-align: center;\r\n            color: #1a1a1a;\r\n            max-width: 660px;\r\n            margin: 0 auto clamp(32px, 5vw, 56px);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .pg-dtg-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: clamp(16px, 2.5vw, 26px);\r\n            align-items: stretch;\r\n        }\r\n\r\n        \/* === CARD BASE === *\/\r\n        .pg-dtg-card {\r\n            border-radius: 16px;\r\n            padding: clamp(22px, 3vw, 32px);\r\n            position: relative;\r\n            cursor: pointer;\r\n            -webkit-tap-highlight-color: transparent;\r\n            user-select: none;\r\n            transition: var(--dtg-speed);\r\n            border: 1.5px solid #e0e0e8;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .pg-dtg-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -1px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: var(--dtg-grad);\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--dtg-ease);\r\n            z-index: 4;\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-dtg-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 0;\r\n            border-radius: 50%;\r\n            background: radial-gradient(circle, rgba(41,121,255,0.10) 0%, rgba(0,191,165,0.04) 60%, transparent 100%);\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.55s ease-out, height 0.55s ease-out, opacity 0.55s ease-out;\r\n            opacity: 0;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .pg-dtg-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-down {\r\n            transform: translateY(-1px) scale(0.985) !important;\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-down::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-glow::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 1;\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-glow-out::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 0;\r\n        }\r\n\r\n        \/* === ICON === *\/\r\n        .pg-dtg-icon {\r\n            width: clamp(46px, 5vw, 58px);\r\n            height: clamp(46px, 5vw, 58px);\r\n            min-width: 46px;\r\n            min-height: 46px;\r\n            border-radius: 14px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: clamp(18px, 2.5vw, 24px);\r\n            margin-bottom: clamp(14px, 2vw, 20px);\r\n            transition: var(--dtg-speed);\r\n            position: relative;\r\n            z-index: 3;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .pg-dtg-card:hover .pg-dtg-icon {\r\n            transform: scale(1.12) rotate(-4deg);\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-down .pg-dtg-icon {\r\n            transform: scale(1.04) rotate(0deg);\r\n        }\r\n\r\n        \/* === TITLE === *\/\r\n        .pg-dtg-title {\r\n            font-family: var(--dtg-ff);\r\n            font-size: clamp(0.95rem, 2vw, 1.1rem);\r\n            font-weight: 700;\r\n            color: #000000;\r\n            margin-bottom: clamp(6px, 1vw, 10px);\r\n            line-height: 1.35;\r\n            position: relative;\r\n            z-index: 3;\r\n        }\r\n\r\n        \/* === DESC === *\/\r\n        .pg-dtg-desc {\r\n            font-family: var(--dtg-ff);\r\n            font-size: clamp(0.8rem, 1.5vw, 0.9rem);\r\n            font-weight: 400;\r\n            color: #1a1a1a;\r\n            line-height: 1.65;\r\n            position: relative;\r\n            z-index: 3;\r\n            margin-top: auto;\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 1 \u2014 #fff bg \/ #fff cards\r\n           ============================== *\/\r\n        .pg-dtg-sec1 {\r\n            background: #ffffff;\r\n        }\r\n\r\n        .pg-dtg-sec1 .pg-dtg-card {\r\n            background: #ffffff;\r\n            border-color: #dcdce5;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n        }\r\n\r\n        .pg-dtg-sec1 .pg-dtg-card:hover {\r\n            border-color: var(--dtg-blue);\r\n            box-shadow: var(--dtg-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 2 \u2014 purple gradient \/ white cards\r\n           ============================== *\/\r\n        .pg-dtg-sec2 {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-heading.pg-dtg-sec2-heading {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-kw.pg-dtg-sec2-kw {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-kw.pg-dtg-sec2-kw::after {\r\n            background: linear-gradient(90deg, #2979ff, #ff6d00, #ffffff);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-sub.pg-dtg-sec2-sub {\r\n            color: rgba(255,255,255,0.9);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-card.pg-dtg-sec2-card {\r\n            background: #ffffff;\r\n            border-color: rgba(255,255,255,0.25);\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.12);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-card.pg-dtg-sec2-card::before {\r\n            background: linear-gradient(90deg, #2979ff, #764ba2, #ff6d00);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-card.pg-dtg-sec2-card::after {\r\n            background: radial-gradient(circle, rgba(41,121,255,0.08) 0%, rgba(118,75,162,0.04) 60%, transparent 100%);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-card.pg-dtg-sec2-card:hover {\r\n            border-color: rgba(41,121,255,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        \/* ==============================\r\n           SECTION 3 \u2014 soft blueprint gray bg \/ white cards\r\n           ============================== *\/\r\n        .pg-dtg-sec3 {\r\n            background: #f0f4f8;\r\n        }\r\n\r\n        .pg-dtg-sec3 .pg-dtg-card.pg-dtg-sec3-card {\r\n            background: #ffffff;\r\n            border-color: #d6e4f0;\r\n            box-shadow: 0 2px 8px rgba(41,121,255,0.04);\r\n        }\r\n\r\n        .pg-dtg-sec3 .pg-dtg-card.pg-dtg-sec3-card::before {\r\n            background: linear-gradient(90deg, #2979ff, #00bfa5, #ff6d00);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-dtg-sec3 .pg-dtg-card.pg-dtg-sec3-card:hover {\r\n            border-color: var(--dtg-blue);\r\n            box-shadow: var(--dtg-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ==============================\r\n           RESPONSIVE\r\n           ============================== *\/\r\n        @media (max-width: 820px) {\r\n            .pg-dtg-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 16px;\r\n            }\r\n            .pg-dtg-section {\r\n                padding: clamp(36px, 6vw, 64px) 16px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 540px) {\r\n            .pg-dtg-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 14px;\r\n            }\r\n            .pg-dtg-card {\r\n                padding: 22px;\r\n            }\r\n            .pg-dtg-sub {\r\n                margin-bottom: 28px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .pg-dtg-section {\r\n                padding: 32px 12px;\r\n            }\r\n            .pg-dtg-card {\r\n                padding: 18px;\r\n                border-radius: 12px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n    (function() {\r\n        var cards = document.querySelectorAll('.pg-dtg-card');\r\n        cards.forEach(function(card) {\r\n            function glow(el) {\r\n                el.classList.remove('pg-dtg-glow', 'pg-dtg-glow-out');\r\n                void el.offsetWidth;\r\n                el.classList.add('pg-dtg-glow');\r\n                setTimeout(function() {\r\n                    el.classList.add('pg-dtg-glow-out');\r\n                }, 300);\r\n                setTimeout(function() {\r\n                    el.classList.remove('pg-dtg-glow', 'pg-dtg-glow-out');\r\n                }, 700);\r\n            }\r\n            card.addEventListener('mousedown', function() {\r\n                card.classList.add('pg-dtg-down');\r\n            });\r\n            card.addEventListener('mouseup', function() {\r\n                setTimeout(function() {\r\n                    card.classList.remove('pg-dtg-down');\r\n                }, 120);\r\n                glow(card);\r\n            });\r\n            card.addEventListener('mouseleave', function() {\r\n                card.classList.remove('pg-dtg-down', 'pg-dtg-glow', 'pg-dtg-glow-out');\r\n            });\r\n            card.addEventListener('touchstart', function() {\r\n                card.classList.add('pg-dtg-down');\r\n                glow(card);\r\n            }, { passive: true });\r\n            card.addEventListener('touchend', function() {\r\n                setTimeout(function() {\r\n                    card.classList.remove('pg-dtg-down');\r\n                }, 150);\r\n            });\r\n            card.addEventListener('touchcancel', function() {\r\n                card.classList.remove('pg-dtg-down', 'pg-dtg-glow', 'pg-dtg-glow-out');\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/div>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<!-- START OF FILE Dummy 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-dummy-wrapper {\r\n        --primary-font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        --mono-font: 'SF Mono', 'Consolas', 'Monaco', monospace;\r\n        \r\n        --theme-panel: rgba(22, 15, 45, 0.96);\r\n        --theme-panel-hover: rgba(30, 22, 58, 0.98);\r\n        --theme-bg-alt: rgba(12, 8, 28, 0.92);\r\n        --theme-border: rgba(120, 119, 198, 0.25);\r\n        \r\n        --accent-blue: #667eea;\r\n        --accent-indigo: #7c5cfc;\r\n        --accent-teal: #34d399;\r\n        --accent-sky: #38bdf8;\r\n        --accent-rose: #f43f5e;\r\n        --text-bright: #e2e8f0;\r\n        --text-muted: #94a3b8;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #361656 100%);\r\n        --grad-doc: linear-gradient(135deg, #667eea, #7c5cfc, #38bdf8);\r\n        --grad-shimmer: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.3), transparent);\r\n        \r\n        --glow-blue: 0 0 25px rgba(102, 126, 234, 0.45);\r\n        --glow-teal: 0 0 20px rgba(52, 211, 153, 0.35);\r\n        --shadow-ui: 0 18px 45px rgba(0, 0, 0, 0.7);\r\n        --shadow-card: 0 6px 18px rgba(12, 8, 28, 0.5);\r\n        \r\n        --transition-ui: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n        --transition-fast: all 0.2s ease;\r\n        \r\n        font-family: var(--primary-font);\r\n        color: var(--text-bright);\r\n        line-height: 1.5;\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        text-align: center;\r\n        background: var(--grad-master);\r\n        background-attachment: fixed;\r\n    }\r\n\r\n    .pg-dummy-wrapper * { box-sizing: border-box; }\r\n\r\n    .pg-dummy-container {\r\n        max-width: 1150px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        padding: 40px 20px !important;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .pg-dummy-hero {\r\n        z-index: 2;\r\n        padding-top: 10px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pg-dummy-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 3rem;\r\n        font-weight: 800;\r\n        line-height: 1.15;\r\n        margin: 0 auto 12px auto;\r\n        letter-spacing: -0.5px;\r\n        color: #fff;\r\n        text-shadow: 0 4px 12px rgba(0,0,0,0.5);\r\n        max-width: 950px;\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: 16px;\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .pg-dummy-title i {\r\n        color: var(--accent-sky);\r\n        text-shadow: var(--glow-blue);\r\n        background: rgba(12, 8, 28, 0.5);\r\n        border: 1px solid rgba(120, 119, 198, 0.3);\r\n        border-radius: 14px;\r\n        padding: 13px;\r\n        font-size: 2.2rem;\r\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n    \r\n    .pg-dummy-title:hover i {\r\n        transform: rotateY(180deg) scale(1.1);\r\n    }\r\n\r\n    .pg-dummy-title::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -14px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: block;\r\n        width: 70px;\r\n        height: 4px;\r\n        background: var(--grad-doc);\r\n        border-radius: 4px;\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .pg-dummy-title:hover::after {\r\n        width: 240px;\r\n        box-shadow: var(--glow-blue);\r\n    }\r\n    \r\n    .pg-dummy-subtitle {\r\n        font-family: var(--primary-font);\r\n        font-size: 1.15rem;\r\n        color: rgba(226, 232, 240, 0.85);\r\n        max-width: 820px;\r\n        margin: 25px auto 35px auto;\r\n        padding: 0 10px;\r\n        font-weight: 500;\r\n        text-shadow: 0 2px 8px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .pg-dummy-main-card {\r\n        background: var(--theme-panel);\r\n        backdrop-filter: blur(16px);\r\n        -webkit-backdrop-filter: blur(16px);\r\n        border: 1px solid var(--theme-border);\r\n        width: 100%;\r\n        box-shadow: var(--shadow-ui);\r\n        border-radius: 18px;\r\n        position: relative;\r\n        overflow: visible; \/* FIXED: Allows scrollbars in child elements *\/\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n    \r\n    .pg-dummy-main-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 4px; height: 0%;\r\n        background: var(--grad-doc);\r\n        transition: height 0.5s ease;\r\n        z-index: 5;\r\n    }\r\n    \r\n    .pg-dummy-main-card:hover::before { height: 100%; }\r\n\r\n    .pg-dummy-header {\r\n        padding: 18px 26px;\r\n        border-bottom: 1px solid var(--theme-border);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 18px;\r\n        background: rgba(102, 126, 234, 0.08);\r\n    }\r\n\r\n    .pg-dummy-avatar {\r\n        width: 50px;\r\n        height: 50px;\r\n        border-radius: 12px;\r\n        background: var(--grad-doc);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.5rem;\r\n        color: #fff;\r\n        box-shadow: var(--glow-blue);\r\n        transition: transform 0.3s ease;\r\n    }\r\n    \r\n    .pg-dummy-header:hover .pg-dummy-avatar { transform: scale(1.08) rotate(5deg); }\r\n\r\n    .pg-dummy-header-text {\r\n        font-weight: 700;\r\n        font-size: 1.2rem;\r\n        color: var(--text-bright);\r\n        letter-spacing: 0.3px;\r\n    }\r\n\r\n    .pg-dummy-input-area {\r\n        padding: 26px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 18px;\r\n        background: var(--theme-bg-alt);\r\n    }\r\n\r\n    .pg-dummy-textarea {\r\n        width: 100% !important;\r\n        min-height: 130px !important;\r\n        padding: 20px 22px !important;\r\n        background: rgba(0, 0, 0, 0.35) !important;\r\n        border: 1px solid var(--theme-border) !important;\r\n        border-left: 3px solid var(--accent-indigo) !important;\r\n        color: var(--accent-sky) !important;\r\n        font-family: var(--primary-font) !important;\r\n        font-weight: 500 !important;\r\n        font-size: 1.5rem !important;\r\n        outline: none !important;\r\n        text-align: left !important;\r\n        white-space: pre-wrap !important;\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        resize: vertical;\r\n        border-radius: 12px;\r\n        transition: var(--transition-fast);\r\n    }\r\n    \r\n    .pg-dummy-textarea:focus {\r\n        border-color: var(--accent-blue) !important;\r\n        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.25) !important;\r\n        background: rgba(0, 0, 0, 0.45) !important;\r\n    }\r\n    \r\n    .pg-dummy-textarea::placeholder { color: var(--text-muted); opacity: 0.5; }\r\n\r\n    .pg-dummy-toolbar {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 14px;\r\n        padding: 14px 18px;\r\n        border: 1px solid var(--theme-border);\r\n        border-radius: 10px;\r\n        background: rgba(102, 126, 234, 0.08);\r\n    }\r\n\r\n    .pg-dummy-tool-group {\r\n        display: flex;\r\n        gap: 10px;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .pg-dummy-btn {\r\n        background: transparent;\r\n        color: var(--text-muted);\r\n        border: 1px solid var(--theme-border);\r\n        padding: 10px 14px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        transition: var(--transition-fast);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 7px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pg-dummy-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%;\r\n        width: 100%; height: 100%;\r\n        background: var(--grad-shimmer);\r\n        transition: left 0.4s ease;\r\n    }\r\n    \r\n    .pg-dummy-btn:hover {\r\n        background: rgba(102, 126, 234, 0.15);\r\n        color: var(--accent-blue);\r\n        border-color: var(--accent-blue);\r\n        box-shadow: var(--glow-blue);\r\n    }\r\n    \r\n    .pg-dummy-btn:hover::before { left: 100%; }\r\n\r\n    .pg-dummy-btn.primary-btn {\r\n        color: var(--accent-teal);\r\n        background: rgba(52, 211, 153, 0.15);\r\n        border-color: var(--accent-teal);\r\n    }\r\n    \r\n    .pg-dummy-btn.primary-btn:hover {\r\n        background: rgba(52, 211, 153, 0.3);\r\n        box-shadow: var(--glow-teal);\r\n    }\r\n\r\n    .pg-dummy-btn:active { transform: scale(0.96); }\r\n\r\n    .pg-dummy-preset {\r\n        background: rgba(0,0,0,0.35);\r\n        color: var(--text-muted);\r\n        border: 1px solid var(--theme-border);\r\n        padding: 10px 14px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        outline: none;\r\n        transition: var(--transition-fast);\r\n        min-width: 190px;\r\n    }\r\n    \r\n    .pg-dummy-preset:hover, .pg-dummy-preset:focus {\r\n        background: rgba(102, 126, 234, 0.2);\r\n        color: var(--accent-sky);\r\n        border-color: var(--accent-blue);\r\n    }\r\n    \r\n    .pg-dummy-preset option {\r\n        background: var(--theme-panel);\r\n        color: var(--text-bright);\r\n    }\r\n\r\n    .pg-dummy-settings {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 24px;\r\n        padding: 28px 24px;\r\n        background: var(--theme-panel);\r\n        border-top: 1px solid var(--theme-border);\r\n    }\r\n\r\n    .pg-dummy-label {\r\n        display: flex;\r\n        align-items: center;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.95rem;\r\n        font-weight: 700;\r\n        color: var(--text-bright);\r\n        margin-bottom: 14px;\r\n        gap: 8px;\r\n    }\r\n    \r\n    .pg-dummy-label i {\r\n        color: var(--accent-teal);\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .pg-dummy-options {\r\n        display: grid;\r\n        gap: 10px;\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .pg-dummy-opt-btn {\r\n        background: rgba(255, 255, 255, 0.04);\r\n        border: 1px solid transparent;\r\n        padding: 14px 12px;\r\n        color: var(--text-bright);\r\n        font-family: var(--primary-font);\r\n        font-size: 0.82rem;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        border-radius: 10px;\r\n        transition: var(--transition-fast);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 7px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-dummy-opt-btn i {\r\n        font-size: 1.2rem;\r\n        color: var(--text-muted);\r\n        transition: var(--transition-fast);\r\n    }\r\n    \r\n    .pg-dummy-opt-btn::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0; left: 0; width: 0%; height: 3px;\r\n        background: var(--accent-blue);\r\n        transition: width 0.3s ease;\r\n    }\r\n    \r\n    .pg-dummy-opt-btn:hover::after { width: 100%; }\r\n    \r\n    .pg-dummy-opt-btn:hover {\r\n        background: rgba(102, 126, 234, 0.12);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .pg-dummy-opt-btn:hover i {\r\n        color: var(--accent-sky);\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .pg-dummy-opt-btn.active {\r\n        background: rgba(102, 126, 234, 0.3);\r\n        color: #fff;\r\n        border-color: var(--accent-blue);\r\n        box-shadow: 0 0 18px rgba(102, 126, 234, 0.4);\r\n    }\r\n    \r\n    .pg-dummy-opt-btn.active::after { width: 100%; background: var(--accent-teal); }\r\n    \r\n    .pg-dummy-opt-btn.active i { color: var(--accent-teal); }\r\n\r\n    .pg-dummy-results {\r\n        padding: 40px 0;\r\n        width: 100%;\r\n        position: relative;\r\n    }\r\n    \r\n    \/* 3 CARDS PER LINE *\/\r\n    .pg-dummy-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 18px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* FIXED CARD TEXT HANDLING *\/\r\n    .pg-dummy-card {\r\n        background: var(--theme-panel);\r\n        border: 1px solid var(--theme-border);\r\n        padding: 0;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        overflow: visible; \/* FIXED: Allows content and scrollbars to show *\/\r\n        border-radius: 12px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        box-shadow: var(--shadow-card);\r\n        min-height: 160px;\r\n    }\r\n    \r\n    .pg-dummy-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 3px;\r\n        background: linear-gradient(90deg, transparent, var(--accent-indigo), transparent);\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .pg-dummy-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.65);\r\n        border-color: rgba(120, 119, 198, 0.4);\r\n    }\r\n    \r\n    .pg-dummy-card:hover::before { opacity: 1; }\r\n\r\n    .pg-dummy-card-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        width: 100%;\r\n        padding: 14px 16px 10px 16px;\r\n        background: rgba(102, 126, 234, 0.06);\r\n        border-bottom: 1px solid rgba(120, 119, 198, 0.15);\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    .pg-dummy-card-profile {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 11px;\r\n        flex: 1;\r\n        min-width: 0;\r\n    }\r\n\r\n    .pg-dummy-card-avatar {\r\n        width: 36px;\r\n        height: 36px;\r\n        border-radius: 8px;\r\n        background: var(--grad-doc);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #fff;\r\n        font-size: 0.95rem;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .pg-dummy-card-meta {\r\n        display: flex;\r\n        flex-direction: column;\r\n        text-align: left;\r\n        min-width: 0;\r\n    }\r\n\r\n    .pg-dummy-card-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 0.8rem;\r\n        font-weight: 700;\r\n        color: var(--text-bright);\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    .pg-dummy-card-time {\r\n        font-size: 0.7rem;\r\n        color: var(--text-muted);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n    }\r\n\r\n    .pg-dummy-copy-btn {\r\n        background: transparent;\r\n        border: 1px solid var(--theme-border);\r\n        color: var(--text-muted);\r\n        width: 34px;\r\n        height: 34px;\r\n        min-width: 34px;\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: all 0.25s ease;\r\n        outline: none;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    .pg-dummy-copy-btn i { font-size: 0.95rem; transition: all 0.25s ease; }\r\n    \r\n    .pg-dummy-copy-btn:hover {\r\n        background: var(--accent-blue);\r\n        color: #fff;\r\n        border-color: var(--accent-blue);\r\n        box-shadow: var(--glow-blue);\r\n        transform: scale(1.08);\r\n    }\r\n    \r\n    .pg-dummy-copy-btn:hover i { transform: rotate(15deg) scale(1.15); }\r\n    .pg-dummy-copy-btn:active { transform: scale(0.9); }\r\n    \r\n    .pg-dummy-copy-btn.copied {\r\n        background: var(--accent-teal) !important;\r\n        color: #000 !important;\r\n        border-color: var(--accent-teal) !important;\r\n        box-shadow: var(--glow-teal) !important;\r\n    }\r\n\r\n    \/* FIXED TEXT PREVIEW AREA *\/\r\n    .pg-dummy-card-preview {\r\n        font-size: 0.88rem;\r\n        color: var(--text-muted);\r\n        width: 100%;\r\n        text-align: left;\r\n        font-family: var(--primary-font);\r\n        font-weight: 400;\r\n        position: relative;\r\n        z-index: 1;\r\n        padding: 14px 16px;\r\n        transition: color 0.3s ease;\r\n        white-space: normal !important; \/* FIXED: Natural wrapping *\/\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        box-sizing: border-box !important;\r\n        line-height: 1.5 !important;\r\n        flex-grow: 1;\r\n        overflow-y: auto;\r\n        overflow-x: hidden;\r\n        scrollbar-width: thin;\r\n        scrollbar-color: var(--accent-indigo) transparent;\r\n    }\r\n    \r\n    .pg-dummy-card-preview::-webkit-scrollbar { width: 5px; }\r\n    .pg-dummy-card-preview::-webkit-scrollbar-track { background: transparent; }\r\n    .pg-dummy-card-preview::-webkit-scrollbar-thumb { background: var(--accent-indigo); border-radius: 3px; }\r\n    \r\n    .pg-dummy-card:hover .pg-dummy-card-preview { color: var(--text-bright); }\r\n\r\n    .pg-dummy-card-footer {\r\n        border-top: 1px solid rgba(120, 119, 198, 0.2);\r\n        padding: 10px 16px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        color: var(--text-muted);\r\n        font-size: 0.7rem;\r\n        font-weight: 600;\r\n        flex-wrap: nowrap;\r\n        gap: 8px;\r\n        position: relative;\r\n        z-index: 1;\r\n        background: rgba(0, 0, 0, 0.15);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .pg-dummy-card-action {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n        cursor: pointer;\r\n        transition: color 0.2s ease;\r\n        white-space: nowrap;\r\n    }\r\n    .pg-dummy-card-action:hover { color: var(--accent-blue); }\r\n    .pg-dummy-card-action:hover i { transform: scale(1.1); }\r\n    .pg-dummy-card-action i { transition: transform 0.2s ease; font-size: 0.8rem; }\r\n\r\n    .pg-dummy-load-btn {\r\n        background: var(--theme-panel);\r\n        color: var(--accent-blue);\r\n        border: 2px solid var(--accent-blue);\r\n        padding: 14px 40px;\r\n        font-family: var(--primary-font);\r\n        font-weight: 700;\r\n        font-size: 1rem;\r\n        cursor: pointer;\r\n        margin-top: 30px;\r\n        border-radius: 10px;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        box-shadow: var(--shadow-card);\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-dummy-load-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%; width: 100%; height: 100%;\r\n        background: var(--grad-doc);\r\n        transition: left 0.45s ease;\r\n        z-index: 0;\r\n    }\r\n    \r\n    .pg-dummy-load-btn span, .pg-dummy-load-btn i { position: relative; z-index: 1; }\r\n    \r\n    .pg-dummy-load-btn:hover {\r\n        color: #fff;\r\n        border-color: transparent;\r\n        transform: translateY(-3px);\r\n        box-shadow: var(--glow-blue);\r\n    }\r\n    \r\n    .pg-dummy-load-btn:hover::before { left: 0; }\r\n    .pg-dummy-load-btn:hover i { transform: translateY(5px) rotate(180deg); }\r\n    .pg-dummy-load-btn:active { transform: translateY(0); }\r\n\r\n    .pg-dummy-toast {\r\n        visibility: hidden;\r\n        background: rgba(12, 8, 28, 0.98);\r\n        color: var(--accent-teal);\r\n        padding: 16px 26px;\r\n        position: fixed;\r\n        left: 50%;\r\n        bottom: 42px;\r\n        transform: translateX(-50%) translateY(25px);\r\n        font-family: var(--primary-font);\r\n        font-weight: 600;\r\n        z-index: 10000;\r\n        border-radius: 10px;\r\n        box-shadow: 0 12px 35px rgba(0,0,0,0.8);\r\n        opacity: 0;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        border: 1px solid var(--accent-teal);\r\n    }\r\n    \r\n    .pg-dummy-toast i {\r\n        color: #000;\r\n        background: var(--accent-teal);\r\n        border-radius: 50%;\r\n        padding: 5px;\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .pg-dummy-toast.show {\r\n        visibility: visible;\r\n        opacity: 1;\r\n        transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .pg-dummy-grid { grid-template-columns: repeat(2, 1fr); }\r\n        .pg-dummy-title { font-size: 2.4rem; }\r\n        .pg-dummy-settings { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .pg-dummy-grid { grid-template-columns: 1fr; }\r\n        .pg-dummy-container { padding: 30px 15px !important; }\r\n        .pg-dummy-results { padding: 25px 0; }\r\n        .pg-dummy-settings { padding: 20px; gap: 18px; }\r\n        .pg-dummy-input-area { padding: 20px; }\r\n        .pg-dummy-textarea { min-height: 120px !important; font-size: 1.3rem !important; padding: 18px 20px !important; }\r\n        \r\n        .pg-dummy-toolbar { flex-direction: column; align-items: stretch; padding: 14px; }\r\n        .pg-dummy-tool-group { justify-content: center; }\r\n        .pg-dummy-preset { width: 100%; text-align: center; min-width: auto; }\r\n        \r\n        .pg-dummy-card { padding: 0; min-height: auto; }\r\n        .pg-dummy-card-preview { font-size: 0.85rem; max-height: 120px; padding: 12px 14px; }\r\n        .pg-dummy-card-header { padding: 12px 14px 8px; }\r\n        .pg-dummy-card-footer { padding: 8px 14px; flex-wrap: wrap; justify-content: center; }\r\n        \r\n        .pg-dummy-opt-btn { padding: 12px 8px; font-size: 0.78rem; }\r\n        .pg-dummy-load-btn { padding: 13px 28px; font-size: 0.9rem; width: 100%; justify-content: center; }\r\n        .pg-dummy-title { font-size: 1.85rem; }\r\n        .pg-dummy-subtitle { font-size: 0.92rem; }\r\n        .pg-dummy-header { padding: 16px; }\r\n        .pg-dummy-avatar { width: 42px; height: 42px; font-size: 1.2rem; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-dummy-wrapper\" id=\"pg-dummy-tool\">\r\n    <div class=\"pg-dummy-container pg-dummy-hero\">\r\n        <h1 class=\"pg-dummy-title\"><i class=\"fa-solid fa-file-lines\"><\/i> Dummy Text Generator \u2013 Generate Instantly<\/h1>\r\n        <p class=\"pg-dummy-subtitle\">Generate placeholder text for your designs with Lorem Ipsum, readable mock content, or elegant Gothic displays. Perfect for wireframes, mockups, and layout testing.<\/p>\r\n        \r\n        <div class=\"pg-dummy-main-card\">\r\n            <div class=\"pg-dummy-header\">\r\n                <div class=\"pg-dummy-avatar\"><i class=\"fa-solid fa-paragraph\"><\/i><\/div>\r\n                <div class=\"pg-dummy-header-text\">Generate Placeholder Text<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"pg-dummy-input-area\">\r\n                <textarea class=\"pg-dummy-textarea\" id=\"pgDummyInput\" placeholder=\"Enter custom seed text or leave blank to generate...\"><\/textarea>\r\n                \r\n                <div class=\"pg-dummy-toolbar\">\r\n                    <div class=\"pg-dummy-tool-group\">\r\n                        <button class=\"pg-dummy-btn\" id=\"pgDummyPaste\" title=\"Paste\"><i class=\"fa-solid fa-clipboard\"><\/i> Paste<\/button>\r\n                        <button class=\"pg-dummy-btn\" id=\"pgDummySelect\" title=\"Select\"><i class=\"fa-solid fa-object-group\"><\/i> Select<\/button>\r\n                        <button class=\"pg-dummy-btn primary-btn\" id=\"pgDummyCopyBase\" title=\"Copy Base\"><i class=\"fa-regular fa-copy\"><\/i> Copy<\/button>\r\n                    <\/div>\r\n                    \r\n                    <select class=\"pg-dummy-preset\" id=\"pgDummyPreset\">\r\n                        <option value=\"\" disabled selected>\ud83d\udcc4 Text Presets<\/option>\r\n                        <option value=\"Lorem ipsum dolor sit amet\">\ud83d\udcdd Classic Lorem<\/option>\r\n                        <option value=\"Design mockup with placeholder\">\ud83c\udfa8 UI Mockup<\/option>\r\n                        <option value=\"Sample content for testing\">\ud83e\uddea Test Content<\/option>\r\n                        <option value=\"Brief summary of your project\">\ud83d\udccb Brief Summary<\/option>\r\n                        <option value=\"Welcome to our new platform\">\ud83d\ude80 Welcome Text<\/option>\r\n                        <option value=\"About us section goes here\">\u2139\ufe0f About Section<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"pg-dummy-settings\">\r\n                <div>\r\n                    <div class=\"pg-dummy-label\"><i class=\"fa-solid fa-layer-group\"><\/i> Text Style<\/div>\r\n                    <div class=\"pg-dummy-options\">\r\n                        <button class=\"pg-dummy-opt-btn style-btn active\" data-mode=\"Lorem\">\r\n                            <i class=\"fa-solid fa-book-open\"><\/i> Lorem Ipsum\r\n                        <\/button>\r\n                        <button class=\"pg-dummy-opt-btn style-btn\" data-mode=\"Readable\">\r\n                            <i class=\"fa-solid fa-align-left\"><\/i> Readable\r\n                        <\/button>\r\n                        <button class=\"pg-dummy-opt-btn style-btn\" data-mode=\"Gothic\">\r\n                            <i class=\"fa-solid fa-chess-rook\"><\/i> Gothic\r\n                        <\/button>\r\n                        <button class=\"pg-dummy-opt-btn style-btn\" data-mode=\"Corporate\">\r\n                            <i class=\"fa-solid fa-briefcase\"><\/i> Corporate\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <div class=\"pg-dummy-label\"><i class=\"fa-solid fa-sliders\"><\/i> Format Options<\/div>\r\n                    <div class=\"pg-dummy-options\">\r\n                        <button class=\"pg-dummy-opt-btn deco-btn active\" data-deco=\"Paragraph\">\r\n                            <i class=\"fa-solid fa-align-justify\"><\/i> Paragraph\r\n                        <\/button>\r\n                        <button class=\"pg-dummy-opt-btn deco-btn\" data-deco=\"Sentences\">\r\n                            <i class=\"fa-solid fa-list-ol\"><\/i> Sentences\r\n                        <\/button>\r\n                        <button class=\"pg-dummy-opt-btn deco-btn\" data-deco=\"Words\">\r\n                            <i class=\"fa-solid fa-spell-check\"><\/i> Words\r\n                        <\/button>\r\n                        <button class=\"pg-dummy-opt-btn deco-btn\" data-deco=\"Headings\">\r\n                            <i class=\"fa-solid fa-heading\"><\/i> Headings\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pg-dummy-results\">\r\n            <div class=\"pg-dummy-grid\" id=\"pgDummyGrid\"><\/div>\r\n            <button class=\"pg-dummy-load-btn\" id=\"pgDummyLoadBtn\"><span>Load More Text<\/span> <i class=\"fa-solid fa-chevron-down\"><\/i><\/button>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"pgDummyToast\" class=\"pg-dummy-toast\"><i class=\"fa-solid fa-check\"><\/i> <span>Copied!<\/span><\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const wrapper = document.getElementById('pg-dummy-tool');\r\n    const input = wrapper.querySelector('#pgDummyInput');\r\n    const grid = wrapper.querySelector('#pgDummyGrid');\r\n    const loadBtn = wrapper.querySelector('#pgDummyLoadBtn');\r\n    const toast = wrapper.querySelector('#pgDummyToast');\r\n    const pasteBtn = wrapper.querySelector('#pgDummyPaste');\r\n    const selectBtn = wrapper.querySelector('#pgDummySelect');\r\n    const copyBase = wrapper.querySelector('#pgDummyCopyBase');\r\n    const presetSel = wrapper.querySelector('#pgDummyPreset');\r\n\r\n    let currentMode = 'Lorem';\r\n    let currentDeco = 'Paragraph';\r\n    let limit = 9;\r\n    const INCREMENT = 9;\r\n    const TOTAL = 108;\r\n\r\n    const loremWords = ['lorem','ipsum','dolor','sit','amet','consectetur','adipiscing','elit','sed','do','eiusmod','tempor','incididunt','ut','labore','et','dolore','magna','aliqua','enim','ad','minim','veniam','quis','nostrud','exercitation','ullamco','laboris','nisi','aliquip','ex','ea','commodo','consequat','duis','aute','irure','in','reprehenderit','voluptate','velit','esse','cillum','fugiat','nulla','pariatur','excepteur','sint','occaecat','cupidatat','non','proident','sunt','culpa','qui','officia','deserunt','mollit','anim','id','est','laborum'];\r\n    const readableWords = ['the','quick','brown','fox','jumps','over','lazy','dog','design','modern','clean','simple','user','interface','experience','layout','content','text','placeholder','sample','mockup','wireframe','prototype','creative','digital','visual','element','component','section','header','footer','sidebar','navigation','menu','button','card','page','screen','flow','interaction','animation','responsive','mobile','desktop','tablet','typography','color','contrast','accessibility','functionality','structure','grid','flexible','dynamic','static','fluid','adaptive'];\r\n    const gothicWords = ['shadow','midnight','raven','crystal','ancient','castle','mist','moonlight','phantom','dark','eclipse','velvet','obsidian','whisper','abyss','ember','frost','silence','void','twilight','mystic','arcane','eternal','phantasm','nocturne','specter','dusky','hollow','crypt','shroud','thunder','storm','iron','stone','silver','golden','pale','grim','solemn','hallowed','sacred','ruin','decay','forgotten','forged','steel','blade','shield','crown','throne'];\r\n    const corporateWords = ['business','strategy','growth','innovation','solutions','partnership','market','analysis','performance','revenue','client','service','delivery','management','operations','process','efficiency','quality','excellence','leadership','team','collaboration','vision','mission','values','culture','engagement','results','success','achievement','milestone','target','objective','initiative','framework','methodology','implementation','optimization','transformation','digital','technology','integration','platform','enterprise','global','scalable','agile','lean','strategic','core'];\r\n\r\n    const wordMap = {\r\n        'Lorem': loremWords,\r\n        'Readable': readableWords,\r\n        'Gothic': gothicWords,\r\n        'Corporate': corporateWords\r\n    };\r\n\r\n    const generateText = (mode, format, seedIdx) => {\r\n        const words = wordMap[mode] || loremWords;\r\n        const seedText = input.value ? input.value.trim() : '';\r\n        let text = '';\r\n        \r\n        \/\/ Helper to get random word\r\n        const rw = (i) => words[(seedIdx + i) % words.length];\r\n\r\n        if(format === 'Words') {\r\n            const count = 15 + (seedIdx % 15);\r\n            const arr = [];\r\n            for(let i=0; i<count; i++) arr.push(rw(i));\r\n            text = arr.join(' ');\r\n        } else if(format === 'Sentences') {\r\n            const sCount = 2 + (seedIdx % 3);\r\n            const parts = [];\r\n            for(let s=0; s<sCount; s++) {\r\n                const wCount = 8 + ((seedIdx + s) % 6);\r\n                const sent = [];\r\n                for(let w=0; w<wCount; w++) sent.push(rw(s*10 + w));\r\n                sent[0] = sent[0].charAt(0).toUpperCase() + sent[0].slice(1);\r\n                parts.push(sent.join(' ') + '.');\r\n            }\r\n            text = parts.join(' ');\r\n        } else if(format === 'Headings') {\r\n            const titles = [\r\n                'Executive Summary',\r\n                'Project Overview',\r\n                'Key Findings',\r\n                'Strategic Goals',\r\n                'Implementation Plan',\r\n                'Timeline & Milestones',\r\n                'Budget Analysis',\r\n                'Risk Assessment',\r\n                'Conclusion & Next Steps'\r\n            ];\r\n            text = titles[seedIdx % titles.length];\r\n        } else {\r\n            \/\/ Paragraph\r\n            const wCount = 35 + (seedIdx % 25);\r\n            const arr = [];\r\n            for(let i=0; i<wCount; i++) arr.push(rw(i));\r\n            arr[0] = arr[0].charAt(0).toUpperCase() + arr[0].slice(1);\r\n            \/\/ Add a period somewhere\r\n            const cut = 15 + (seedIdx % 10);\r\n            arr[cut] = arr[cut] + '.';\r\n            if(arr.length > cut+1) arr[cut+1] = arr[cut+1].charAt(0).toUpperCase() + arr[cut+1].slice(1);\r\n            text = arr.join(' ') + '.';\r\n        }\r\n\r\n        return seedText ? `${seedText}. ${text}` : text;\r\n    };\r\n\r\n    const copyText = (txt, btn) => {\r\n        if (navigator.clipboard && navigator.clipboard.writeText) {\r\n            navigator.clipboard.writeText(txt).then(() => showToast(btn));\r\n        } else {\r\n            const ta = document.createElement(\"textarea\");\r\n            ta.value = txt;\r\n            ta.style.cssText = \"position:fixed;top:0;left:0;opacity:0;pointer-events:none;\";\r\n            document.body.appendChild(ta);\r\n            ta.select();\r\n            try { document.execCommand('copy'); showToast(btn); } catch(e) { console.error(e); }\r\n            document.body.removeChild(ta);\r\n        }\r\n    };\r\n\r\n    const showToast = (btn) => {\r\n        if(btn) {\r\n            btn.classList.add('copied');\r\n            btn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i>';\r\n            setTimeout(() => {\r\n                btn.classList.remove('copied');\r\n                btn.innerHTML = '<i class=\"fa-regular fa-copy\"><\/i>';\r\n            }, 1400);\r\n        }\r\n        toast.classList.add('show');\r\n        setTimeout(() => toast.classList.remove('show'), 1400);\r\n    };\r\n\r\n    const genMeta = () => {\r\n        const names = [\r\n            'Lorem Classic', 'Readable Mock', 'Gothic Dark', 'Corporate Pro',\r\n            'Lorem Ipsum', 'Simple Text', 'Shadow Gothic', 'Business Brief',\r\n            'Dolor Sit', 'Quick Brown', 'Midnight Gothic', 'Strategy Doc',\r\n            'Amet Consect', 'Clean Layout', 'Eclipse Gothic', 'Growth Plan',\r\n            'Adipiscing', 'Modern UI', 'Raven Gothic', 'Innovation Hub',\r\n            'Tempor Incid', 'Digital Flow', 'Crystal Mystic', 'Market Vision',\r\n            'Ut Labore', 'Visual Grid', 'Velvet Shadow', 'Team Culture',\r\n            'Et Dolore', 'Flex Design', 'Phantom Void', 'Results Driven'\r\n        ];\r\n        const icons = ['fa-file-lines', 'fa-align-left', 'fa-book-open', 'fa-briefcase', 'fa-paragraph', 'fa-spell-check', 'fa-list-ol', 'fa-heading', 'fa-pen-fancy', 'fa-newspaper', 'fa-scroll', 'fa-file-alt', 'fa-edit', 'fa-book', 'fa-quote-left', 'fa-quote-right', 'fa-text-width', 'fa-text-height', 'fa-font', 'fa-i-cursor', 'fa-file-word', 'fa-file-powerpoint', 'fa-file-excel', 'fa-file-pdf'];\r\n        \r\n        const list = [];\r\n        for(let i=0; i<TOTAL; i++) {\r\n            const times = ['Just now', '2m ago', '5m ago', '10m ago', '15m ago', '30m ago', '1h ago', '2h ago', '3h ago', 'Yesterday'];\r\n            list.push({\r\n                id: `dummy-${i}`,\r\n                name: `${names[i % names.length]} #${Math.floor(i\/names.length)+1}`,\r\n                time: times[i % times.length],\r\n                icon: icons[i % icons.length]\r\n            });\r\n        }\r\n        return list;\r\n    };\r\n\r\n    const allMeta = genMeta();\r\n\r\n    const render = () => {\r\n        grid.innerHTML = '';\r\n        const show = allMeta.slice(0, limit);\r\n        \r\n        show.forEach((meta, idx) => {\r\n            const out = generateText(currentMode, currentDeco, idx);\r\n            \r\n            const card = document.createElement('div');\r\n            card.className = 'pg-dummy-card';\r\n            card.innerHTML = `\r\n                <div class=\"pg-dummy-card-header\">\r\n                    <div class=\"pg-dummy-card-profile\">\r\n                        <div class=\"pg-dummy-card-avatar\"><i class=\"fa-solid ${meta.icon}\"><\/i><\/div>\r\n                        <div class=\"pg-dummy-card-meta\">\r\n                            <div class=\"pg-dummy-card-title\">${meta.name}<\/div>\r\n                            <div class=\"pg-dummy-card-time\"><i class=\"fa-regular fa-clock\"><\/i> ${meta.time}<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <button class=\"pg-dummy-copy-btn\" title=\"Copy\"><i class=\"fa-regular fa-copy\"><\/i><\/button>\r\n                <\/div>\r\n                <div class=\"pg-dummy-card-preview\">${out}<\/div>\r\n                <div class=\"pg-dummy-card-footer\">\r\n                    <div class=\"pg-dummy-card-action\"><i class=\"fa-regular fa-heart\"><\/i> Like<\/div>\r\n                    <div class=\"pg-dummy-card-action\"><i class=\"fa-regular fa-bookmark\"><\/i> Save<\/div>\r\n                    <div class=\"pg-dummy-card-action\"><i class=\"fa-solid fa-share-nodes\"><\/i> Share<\/div>\r\n                <\/div>\r\n            `;\r\n            \r\n            const copyBtn = card.querySelector('.pg-dummy-copy-btn');\r\n            copyBtn.addEventListener('click', (e) => {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                copyText(out, copyBtn);\r\n            });\r\n            \r\n            grid.appendChild(card);\r\n        });\r\n        \r\n        const remaining = Math.max(0, TOTAL - limit);\r\n        if(remaining > 0) {\r\n            loadBtn.style.display = 'inline-flex';\r\n            loadBtn.querySelector('span').textContent = `Load More Text (${remaining})`;\r\n        } else {\r\n            loadBtn.style.display = 'none';\r\n        }\r\n    };\r\n\r\n    input.addEventListener('input', render);\r\n    \r\n    pasteBtn.addEventListener('click', async (e) => {\r\n        e.preventDefault();\r\n        try {\r\n            const t = await navigator.clipboard.readText();\r\n            input.value = t;\r\n            render();\r\n        } catch {\r\n            input.focus();\r\n        }\r\n    });\r\n\r\n    selectBtn.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        input.select();\r\n    });\r\n\r\n    copyBase.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        if(input.value) copyText(input.value, null);\r\n    });\r\n\r\n    presetSel.addEventListener('change', (e) => {\r\n        if(e.target.value) {\r\n            input.value = e.target.value;\r\n            render();\r\n            e.target.selectedIndex = 0;\r\n        }\r\n    });\r\n\r\n    loadBtn.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        limit += INCREMENT;\r\n        render();\r\n    });\r\n\r\n    wrapper.querySelectorAll('.style-btn').forEach(btn => {\r\n        btn.addEventListener('click', (e) => {\r\n            e.preventDefault();\r\n            wrapper.querySelectorAll('.style-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentMode = btn.dataset.mode;\r\n            limit = 9;\r\n            render();\r\n        });\r\n    });\r\n\r\n    wrapper.querySelectorAll('.deco-btn').forEach(btn => {\r\n        btn.addEventListener('click', (e) => {\r\n            e.preventDefault();\r\n            wrapper.querySelectorAll('.deco-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentDeco = btn.dataset.deco;\r\n            limit = 9;\r\n            render();\r\n        });\r\n    });\r\n\r\n    render();\r\n});\r\n<\/script>\r\n<!-- END OF FILE Dummy 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.5.1\/css\/all.min.css\">\r\n\r\n    <!-- SECTION 1 -->\r\n\r\n\r\n\r\n\r\n\r\n <section class=\"pg-dtg-section pg-dtg-sec1\">\r\n        <div class=\"pg-dtg-wrap\">\r\n\r\n\t <\/div>\r\n\t<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <section class=\"pg-dtg-section pg-dtg-sec1\">\r\n        <div class=\"pg-dtg-wrap\">\r\n            <h2 class=\"pg-dtg-heading\">What Makes This <span class=\"pg-dtg-kw\">Dummy Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-dtg-sub\">Most placeholder tools spit out the same generic Lorem Ipsum. Our dummy text generator offers multiple languages, realistic sentence structures, and precise length controls that designers and developers actually need.<\/p>\r\n            <div class=\"pg-dtg-grid\">\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(41,121,255,0.12);color:#2979ff;\"><i class=\"fa-solid fa-language\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Multiple Language Support<\/div>\r\n                    <p class=\"pg-dtg-desc\">Our dummy text generator goes beyond Latin \u2014 generate placeholder text in Spanish, French, German, Russian, and more to accurately test how your design handles different character sets and line breaks.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(0,191,165,0.12);color:#00bfa5;\"><i class=\"fa-solid fa-align-left\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Realistic Sentence Structures<\/div>\r\n                    <p class=\"pg-dtg-desc\">Instead of random word soup, our dummy text generator creates grammatically plausible sentences with proper punctuation \u2014 giving you a true preview of how real content will look in your layout.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(255,109,0,0.12);color:#ff6d00;\"><i class=\"fa-solid fa-ruler-horizontal\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Precise Word and Character Count<\/div>\r\n                    <p class=\"pg-dtg-desc\">Need exactly 250 words or 1500 characters? Our dummy text generator lets you set exact output lengths so you can perfectly fill your wireframes without manual trimming or padding.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(233,30,99,0.12);color:#e91e63;\"><i class=\"fa-solid fa-sliders\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Paragraph and Sentence Controls<\/div>\r\n                    <p class=\"pg-dtg-desc\">Control exactly how many paragraphs and sentences are generated \u2014 our dummy text generator gives you granular control over the structure, not just the total word count.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(124,179,66,0.12);color:#7cb342;\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Instant Generation, Zero Lag<\/div>\r\n                    <p class=\"pg-dtg-desc\">Click generate and your dummy text appears instantly \u2014 our dummy text generator runs entirely in your browser with zero server calls, making it faster than any online placeholder tool.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(156,39,176,0.12);color:#9c27b0;\"><i class=\"fa-solid fa-broom\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Clean Text, No Junk Code<\/div>\r\n                    <p class=\"pg-dtg-desc\">Our dummy text generator outputs pure, clean text \u2014 no hidden HTML tags, no weird encoding artifacts, no invisible characters that break your code editor or CMS when you paste it in.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 -->\r\n    <section class=\"pg-dtg-section pg-dtg-sec2\">\r\n        <div class=\"pg-dtg-wrap\">\r\n            <h2 class=\"pg-dtg-heading pg-dtg-sec2-heading\">How to Use Our <span class=\"pg-dtg-kw pg-dtg-sec2-kw\">Dummy Text Generator<\/span> Step by Step?<\/h2>\r\n            <p class=\"pg-dtg-sub pg-dtg-sec2-sub\">Generating high-quality placeholder text takes exactly seconds. No sign-ups or downloads needed \u2014 just follow these steps and fill your designs with realistic dummy content.<\/p>\r\n            <div class=\"pg-dtg-grid\">\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(63,81,181,0.12);color:#3f51b5;\"><i class=\"fa-solid fa-list\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Step 1: Choose a Text Type<\/div>\r\n                    <p class=\"pg-dtg-desc\">Select from classic Lorem Ipsum, modern realistic text, or specific foreign language dummy text \u2014 our dummy text generator offers different base dictionaries to match your project's vibe.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(255,82,82,0.12);color:#ff5252;\"><i class=\"fa-solid fa-keyboard\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Step 2: Set Your Parameters<\/div>\r\n                    <p class=\"pg-dtg-desc\">Input the exact number of words, characters, sentences, or paragraphs you need \u2014 our dummy text generator gives you precise control over the output volume and structure.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(0,188,212,0.12);color:#00bcd4;\"><i class=\"fa-solid fa-gear\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Step 3: Adjust Advanced Options<\/div>\r\n                    <p class=\"pg-dtg-desc\">Toggle options like starting with \"Lorem ipsum dolor sit amet...\", adding HTML tags like `<p>` or `<li>`, or allowing special characters \u2014 customize the output to fit your workflow.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(0,200,83,0.12);color:#00c853;\"><i class=\"fa-solid fa-play\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Step 4: Generate the Dummy Text<\/div>\r\n                    <p class=\"pg-dtg-desc\">Hit the generate button and watch your placeholder text appear instantly \u2014 our dummy text generator processes your rules locally in milliseconds without any loading screens.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(255,160,0,0.12);color:#ffa000;\"><i class=\"fa-solid fa-eye\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Step 5: Preview the Output<\/div>\r\n                    <p class=\"pg-dtg-desc\">Review the generated text directly in the preview pane \u2014 our dummy text generator shows exactly how the text flows, wraps, and spaces out before you commit to copying it.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec2-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(244,67,54,0.12);color:#f44336;\"><i class=\"fa-solid fa-clipboard\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Step 6: Copy to Your Project<\/div>\r\n                    <p class=\"pg-dtg-desc\">Click the copy button and paste it straight into Figma, WordPress, HTML files, or Word docs \u2014 our dummy text generator gives you clean output that integrates seamlessly anywhere.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 -->\r\n    <section class=\"pg-dtg-section pg-dtg-sec3\">\r\n        <div class=\"pg-dtg-wrap\">\r\n            <h2 class=\"pg-dtg-heading\">Best Places to Use <span class=\"pg-dtg-kw\">Dummy Text Generator<\/span> Results?<\/h2>\r\n            <p class=\"pg-dtg-sub\">Dummy text isn't just for filling space \u2014 it's a critical part of the design and development process. Here are the professional use cases where our dummy text generator is absolutely essential.<\/p>\r\n            <div class=\"pg-dtg-grid\">\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(233,30,99,0.12);color:#e91e63;\"><i class=\"fa-solid fa-object-group\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">UI\/UX Wireframing<\/div>\r\n                    <p class=\"pg-dtg-desc\">Use our dummy text generator to populate wireframes with realistic content lengths \u2014 it helps stakeholders visualize the final product better than generic \"Text goes here\" boxes ever could.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(63,81,181,0.12);color:#3f51b5;\"><i class=\"fa-solid fa-pen-ruler\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Graphic Design Mockups<\/div>\r\n                    <p class=\"pg-dtg-desc\">Whether you're designing a magazine layout, a poster, or a social media template, our dummy text generator provides the perfect placeholder copy that mimics real-world content density.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(0,191,165,0.12);color:#00bfa5;\"><i class=\"fa-solid fa-code\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Web Development Testing<\/div>\r\n                    <p class=\"pg-dtg-desc\">Developers use our dummy text generator to test CSS line-height, text-wrap, overflow handling, and responsive typography breakpoints before the actual copy from the client is ready.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(255,109,0,0.12);color:#ff6d00;\"><i class=\"fa-solid fa-font\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Typography and Font Pairing<\/div>\r\n                    <p class=\"pg-dtg-desc\">Testing how a heading font pairs with body text requires realistic paragraph lengths \u2014 our dummy text generator gives you the exact volume of text needed to evaluate typographic hierarchy.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(124,77,255,0.12);color:#7c4dff;\"><i class=\"fa-solid fa-display\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Presentation and Pitch Decks<\/div>\r\n                    <p class=\"pg-dtg-desc\">Fill presentation templates with dummy text to show clients the layout structure without distracting them with unfinished copy \u2014 our dummy text generator makes mockup decks look polished and professional.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-dtg-card pg-dtg-sec3-card\">\r\n                    <div class=\"pg-dtg-icon\" style=\"background:rgba(139,195,74,0.12);color:#8bc34a;\"><i class=\"fa-solid fa-mobile-screen-button\"><\/i><\/div>\r\n                    <div class=\"pg-dtg-title\">Mobile App Prototyping<\/div>\r\n                    <p class=\"pg-dtg-desc\">Mobile screens have strict space constraints. Our dummy text generator helps you test text truncation, \"read more\" triggers, and small-screen readability before writing a single line of real content.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        *, *::before, *::after {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --dtg-blue: #2979ff;\r\n            --dtg-grad: linear-gradient(135deg, #2979ff, #00bfa5, #ff6d00);\r\n            --dtg-shadow: 0 12px 30px rgba(41, 121, 255, 0.16);\r\n            --dtg-ease: cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --dtg-speed: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --dtg-ff: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        }\r\n\r\n        .pg-dtg-section {\r\n            width: 100%;\r\n            padding: clamp(48px, 8vw, 96px) 20px;\r\n            position: relative;\r\n            font-family: var(--dtg-ff);\r\n            color: #0a0a0a;\r\n            line-height: 1.6;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        .pg-dtg-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .pg-dtg-heading {\r\n            font-family: var(--dtg-ff);\r\n            font-size: clamp(1.5rem, 4vw, 2.25rem);\r\n            font-weight: 800;\r\n            text-align: center;\r\n            color: #000000;\r\n            margin-bottom: clamp(8px, 1.5vw, 14px);\r\n            line-height: 1.2;\r\n            letter-spacing: -0.03em;\r\n        }\r\n\r\n        .pg-dtg-kw {\r\n            color: #000000;\r\n            position: relative;\r\n        }\r\n\r\n        .pg-dtg-kw::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -2px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: var(--dtg-grad);\r\n            border-radius: 3px;\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--dtg-ease);\r\n        }\r\n\r\n        .pg-dtg-section:hover .pg-dtg-kw::after {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-dtg-sub {\r\n            font-family: var(--dtg-ff);\r\n            font-size: clamp(0.88rem, 1.8vw, 1.02rem);\r\n            font-weight: 400;\r\n            text-align: center;\r\n            color: #1a1a1a;\r\n            max-width: 660px;\r\n            margin: 0 auto clamp(32px, 5vw, 56px);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .pg-dtg-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: clamp(16px, 2.5vw, 26px);\r\n            align-items: stretch;\r\n        }\r\n\r\n        \/* === CARD BASE === *\/\r\n        .pg-dtg-card {\r\n            border-radius: 16px;\r\n            padding: clamp(22px, 3vw, 32px);\r\n            position: relative;\r\n            cursor: pointer;\r\n            -webkit-tap-highlight-color: transparent;\r\n            user-select: none;\r\n            transition: var(--dtg-speed);\r\n            border: 1.5px solid #e0e0e8;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .pg-dtg-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -1px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 3px;\r\n            background: var(--dtg-grad);\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--dtg-ease);\r\n            z-index: 4;\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-dtg-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 0;\r\n            border-radius: 50%;\r\n            background: radial-gradient(circle, rgba(41,121,255,0.10) 0%, rgba(0,191,165,0.04) 60%, transparent 100%);\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.55s ease-out, height 0.55s ease-out, opacity 0.55s ease-out;\r\n            opacity: 0;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .pg-dtg-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-down {\r\n            transform: translateY(-1px) scale(0.985) !important;\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-down::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-glow::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 1;\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-glow-out::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 0;\r\n        }\r\n\r\n        \/* === ICON === *\/\r\n        .pg-dtg-icon {\r\n            width: clamp(46px, 5vw, 58px);\r\n            height: clamp(46px, 5vw, 58px);\r\n            min-width: 46px;\r\n            min-height: 46px;\r\n            border-radius: 14px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: clamp(18px, 2.5vw, 24px);\r\n            margin-bottom: clamp(14px, 2vw, 20px);\r\n            transition: var(--dtg-speed);\r\n            position: relative;\r\n            z-index: 3;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .pg-dtg-card:hover .pg-dtg-icon {\r\n            transform: scale(1.12) rotate(-4deg);\r\n        }\r\n\r\n        .pg-dtg-card.pg-dtg-down .pg-dtg-icon {\r\n            transform: scale(1.04) rotate(0deg);\r\n        }\r\n\r\n        \/* === TITLE === *\/\r\n        .pg-dtg-title {\r\n            font-family: var(--dtg-ff);\r\n            font-size: clamp(0.95rem, 2vw, 1.1rem);\r\n            font-weight: 700;\r\n            color: #000000;\r\n            margin-bottom: clamp(6px, 1vw, 10px);\r\n            line-height: 1.35;\r\n            position: relative;\r\n            z-index: 3;\r\n        }\r\n\r\n        \/* === DESC === *\/\r\n        .pg-dtg-desc {\r\n            font-family: var(--dtg-ff);\r\n            font-size: clamp(0.8rem, 1.5vw, 0.9rem);\r\n            font-weight: 400;\r\n            color: #1a1a1a;\r\n            line-height: 1.65;\r\n            position: relative;\r\n            z-index: 3;\r\n            margin-top: auto;\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 1 \u2014 #fff bg \/ #fff cards\r\n           ============================== *\/\r\n        .pg-dtg-sec1 {\r\n            background: #ffffff;\r\n        }\r\n\r\n        .pg-dtg-sec1 .pg-dtg-card {\r\n            background: #ffffff;\r\n            border-color: #dcdce5;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n        }\r\n\r\n        .pg-dtg-sec1 .pg-dtg-card:hover {\r\n            border-color: var(--dtg-blue);\r\n            box-shadow: var(--dtg-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 2 \u2014 purple gradient \/ white cards\r\n           ============================== *\/\r\n        .pg-dtg-sec2 {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-heading.pg-dtg-sec2-heading {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-kw.pg-dtg-sec2-kw {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-kw.pg-dtg-sec2-kw::after {\r\n            background: linear-gradient(90deg, #2979ff, #ff6d00, #ffffff);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-sub.pg-dtg-sec2-sub {\r\n            color: rgba(255,255,255,0.9);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-card.pg-dtg-sec2-card {\r\n            background: #ffffff;\r\n            border-color: rgba(255,255,255,0.25);\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.12);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-card.pg-dtg-sec2-card::before {\r\n            background: linear-gradient(90deg, #2979ff, #764ba2, #ff6d00);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-card.pg-dtg-sec2-card::after {\r\n            background: radial-gradient(circle, rgba(41,121,255,0.08) 0%, rgba(118,75,162,0.04) 60%, transparent 100%);\r\n        }\r\n\r\n        .pg-dtg-sec2 .pg-dtg-card.pg-dtg-sec2-card:hover {\r\n            border-color: rgba(41,121,255,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        \/* ==============================\r\n           SECTION 3 \u2014 soft blueprint gray bg \/ white cards\r\n           ============================== *\/\r\n        .pg-dtg-sec3 {\r\n            background: #f0f4f8;\r\n        }\r\n\r\n        .pg-dtg-sec3 .pg-dtg-card.pg-dtg-sec3-card {\r\n            background: #ffffff;\r\n            border-color: #d6e4f0;\r\n            box-shadow: 0 2px 8px rgba(41,121,255,0.04);\r\n        }\r\n\r\n        .pg-dtg-sec3 .pg-dtg-card.pg-dtg-sec3-card::before {\r\n            background: linear-gradient(90deg, #2979ff, #00bfa5, #ff6d00);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-dtg-sec3 .pg-dtg-card.pg-dtg-sec3-card:hover {\r\n            border-color: var(--dtg-blue);\r\n            box-shadow: var(--dtg-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ==============================\r\n           RESPONSIVE\r\n           ============================== *\/\r\n        @media (max-width: 820px) {\r\n            .pg-dtg-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 16px;\r\n            }\r\n            .pg-dtg-section {\r\n                padding: clamp(36px, 6vw, 64px) 16px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 540px) {\r\n            .pg-dtg-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 14px;\r\n            }\r\n            .pg-dtg-card {\r\n                padding: 22px;\r\n            }\r\n            .pg-dtg-sub {\r\n                margin-bottom: 28px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .pg-dtg-section {\r\n                padding: 32px 12px;\r\n            }\r\n            .pg-dtg-card {\r\n                padding: 18px;\r\n                border-radius: 12px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n    (function() {\r\n        var cards = document.querySelectorAll('.pg-dtg-card');\r\n        cards.forEach(function(card) {\r\n            function glow(el) {\r\n                el.classList.remove('pg-dtg-glow', 'pg-dtg-glow-out');\r\n                void el.offsetWidth;\r\n                el.classList.add('pg-dtg-glow');\r\n                setTimeout(function() {\r\n                    el.classList.add('pg-dtg-glow-out');\r\n                }, 300);\r\n                setTimeout(function() {\r\n                    el.classList.remove('pg-dtg-glow', 'pg-dtg-glow-out');\r\n                }, 700);\r\n            }\r\n            card.addEventListener('mousedown', function() {\r\n                card.classList.add('pg-dtg-down');\r\n            });\r\n            card.addEventListener('mouseup', function() {\r\n                setTimeout(function() {\r\n                    card.classList.remove('pg-dtg-down');\r\n                }, 120);\r\n                glow(card);\r\n            });\r\n            card.addEventListener('mouseleave', function() {\r\n                card.classList.remove('pg-dtg-down', 'pg-dtg-glow', 'pg-dtg-glow-out');\r\n            });\r\n            card.addEventListener('touchstart', function() {\r\n                card.classList.add('pg-dtg-down');\r\n                glow(card);\r\n            }, { passive: true });\r\n            card.addEventListener('touchend', function() {\r\n                setTimeout(function() {\r\n                    card.classList.remove('pg-dtg-down');\r\n                }, 150);\r\n            });\r\n            card.addEventListener('touchcancel', function() {\r\n                card.classList.remove('pg-dtg-down', 'pg-dtg-glow', 'pg-dtg-glow-out');\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/div>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-588","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Gerador de texto fict\u00edcio \u2013 Gere instantaneamente<\/title>\n<meta name=\"description\" content=\"Crie textos fict\u00edcios realistas com nosso Gerador de Texto Fict\u00edcio gratuito. Perfeito para prot\u00f3tipos, espa\u00e7os reservados e projetos de design: 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\/dummy-text-generator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dummy Text Generator \u2013 Generate Instantly\" \/>\n<meta property=\"og:description\" content=\"Create realistic dummy text with our free Dummy Text Generator. Perfect for mockups, placeholders, and design projects copy &amp; paste in second.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onlinetexteditor.io\/dummy-text-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Text Editor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-06T09:23:15+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\\\/dummy-text-generator\\\/\",\"url\":\"https:\\\/\\\/onlinetexteditor.io\\\/dummy-text-generator\\\/\",\"name\":\"Dummy Text Generator \u2013 Generate Instantly\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#website\"},\"datePublished\":\"2026-03-19T00:00:21+00:00\",\"dateModified\":\"2026-04-06T09:23:15+00:00\",\"description\":\"Create realistic dummy text with our free Dummy Text Generator. Perfect for mockups, placeholders, and design projects copy & paste in second.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/dummy-text-generator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/onlinetexteditor.io\\\/dummy-text-generator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/dummy-text-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/onlinetexteditor.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dummy Text Generator \u2013 Generate 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 fict\u00edcio \u2013 Gere instantaneamente","description":"Crie textos fict\u00edcios realistas com nosso Gerador de Texto Fict\u00edcio gratuito. Perfeito para prot\u00f3tipos, espa\u00e7os reservados e projetos de design: 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\/dummy-text-generator\/","og_locale":"en_US","og_type":"article","og_title":"Dummy Text Generator \u2013 Generate Instantly","og_description":"Create realistic dummy text with our free Dummy Text Generator. Perfect for mockups, placeholders, and design projects copy & paste in second.","og_url":"https:\/\/onlinetexteditor.io\/dummy-text-generator\/","og_site_name":"Online Text Editor","article_modified_time":"2026-04-06T09:23:15+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onlinetexteditor.io\/dummy-text-generator\/","url":"https:\/\/onlinetexteditor.io\/dummy-text-generator\/","name":"Dummy Text Generator \u2013 Generate Instantly","isPartOf":{"@id":"https:\/\/onlinetexteditor.io\/#website"},"datePublished":"2026-03-19T00:00:21+00:00","dateModified":"2026-04-06T09:23:15+00:00","description":"Create realistic dummy text with our free Dummy Text Generator. Perfect for mockups, placeholders, and design projects copy & paste in second.","breadcrumb":{"@id":"https:\/\/onlinetexteditor.io\/dummy-text-generator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onlinetexteditor.io\/dummy-text-generator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onlinetexteditor.io\/dummy-text-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/onlinetexteditor.io\/"},{"@type":"ListItem","position":2,"name":"Dummy Text Generator \u2013 Generate 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\/588","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=588"}],"version-history":[{"count":3,"href":"https:\/\/onlinetexteditor.io\/pt\/wp-json\/wp\/v2\/pages\/588\/revisions"}],"predecessor-version":[{"id":591,"href":"https:\/\/onlinetexteditor.io\/pt\/wp-json\/wp\/v2\/pages\/588\/revisions\/591"}],"wp:attachment":[{"href":"https:\/\/onlinetexteditor.io\/pt\/wp-json\/wp\/v2\/media?parent=588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}