{"id":490,"date":"2026-03-13T00:00:26","date_gmt":"2026-03-13T00:00:26","guid":{"rendered":"https:\/\/onlinetexteditor.io\/?page_id=490"},"modified":"2026-04-06T06:22:04","modified_gmt":"2026-04-06T06:22:04","slug":"big-text-generator","status":"publish","type":"page","link":"https:\/\/onlinetexteditor.io\/bn\/big-text-generator\/","title":{"rendered":"Big Text Generator \u2013 Enlarge 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 Big Text Generator -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .pg-tool-wrapper {\r\n        --primary-font: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n        --body-font: \"Consolas\", \"Monaco\", \"Courier New\", monospace;\r\n        \r\n        --theme-panel: rgba(14, 8, 4, 0.97);\r\n        --theme-border: rgba(255, 94, 0, 0.35);\r\n        \r\n        --mega-orange: #ff5e00;\r\n        --mega-cyan: #00e5ff;\r\n        --mega-amber: #ffab00;\r\n        --mega-magenta: #e040fb;\r\n        --void-dark: #0a0503;\r\n        --text-bright: #f4f4f5;\r\n        --text-muted: #a1a1aa;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        --grad-mega: linear-gradient(135deg, #ff5e00 0%, #e040fb 100%);\r\n        --grad-shimmer: linear-gradient(90deg, transparent, rgba(255, 94, 0, 0.4), transparent);\r\n        --grad-dark: linear-gradient(180deg, rgba(14,8,4,0.8) 0%, rgba(10,5,3,0.98) 100%);\r\n        \r\n        --glow-orange: 0 0 25px rgba(255, 94, 0, 0.4);\r\n        --glow-cyan: 0 0 20px rgba(0, 229, 255, 0.5);\r\n        --glow-amber: 0 0 20px rgba(255, 171, 0, 0.5);\r\n        --glow-magenta: 0 0 20px rgba(224, 64, 251, 0.5);\r\n        --shadow-ui: 0 20px 50px rgba(0, 0, 0, 0.9);\r\n        \r\n        --transition-ui: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        --transition-fast: all 0.2s ease;\r\n        \r\n        font-family: var(--primary-font);\r\n        color: var(--text-bright);\r\n        line-height: 1.5;\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        text-align: center;\r\n        background: var(--grad-master);\r\n        background-attachment: fixed;\r\n    }\r\n\r\n    .pg-tool-wrapper * { box-sizing: border-box; }\r\n\r\n    .pg-container {\r\n        max-width: 1200px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        padding: 40px 20px !important;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .pg-hero-content-wrapper {\r\n        z-index: 2;\r\n        padding-top: 20px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pg-main-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 3.4rem;\r\n        font-weight: 900;\r\n        line-height: 1.05;\r\n        margin: 0 auto 15px auto;\r\n        text-transform: uppercase;\r\n        letter-spacing: 4px;\r\n        color: #fff;\r\n        text-shadow:\r\n            4px 4px 0px rgba(0,0,0,0.95),\r\n            -2px -2px 15px rgba(255, 94, 0, 0.6),\r\n            2px -2px 0px var(--mega-magenta);\r\n        max-width: 900px;\r\n        position: relative;\r\n        display: inline-block;\r\n        transition: var(--transition-ui);\r\n    }\r\n\r\n    .pg-main-title:hover {\r\n        letter-spacing: 7px;\r\n        text-shadow:\r\n            6px 6px 0px rgba(0,0,0,0.95),\r\n            -3px -3px 20px rgba(255, 94, 0, 0.8),\r\n            3px -3px 0px var(--mega-magenta);\r\n    }\r\n\r\n    .pg-main-title::after {\r\n        content: '';\r\n        display: block;\r\n        width: 120px;\r\n        height: 5px;\r\n        background: var(--grad-mega);\r\n        margin: 25px auto 0;\r\n        box-shadow: var(--glow-orange);\r\n        border-radius: 5px;\r\n        transition: var(--transition-ui);\r\n    }\r\n\r\n    .pg-main-title:hover::after { width: 300px; }\r\n\r\n    .pg-subtitle {\r\n        font-size: 1.1rem;\r\n        color: rgba(244, 244, 245, 0.85);\r\n        max-width: 750px;\r\n        margin: 0 auto 35px auto;\r\n        padding: 0 10px;\r\n        font-weight: 600;\r\n        letter-spacing: 0.5px;\r\n        text-shadow: 0 3px 6px rgba(0,0,0,0.8);\r\n    }\r\n\r\n    .pg-generator-card {\r\n        background: var(--theme-panel);\r\n        border: 1px solid var(--theme-border);\r\n        border-top-width: 4px;\r\n        border-top-color: var(--mega-orange);\r\n        width: 100%;\r\n        box-shadow: var(--shadow-ui), inset 0 0 40px rgba(0,0,0,0.8);\r\n        border-radius: 12px;\r\n        position: relative;\r\n        transform: translateY(0);\r\n        transition: var(--transition-ui);\r\n    }\r\n\r\n    .pg-generator-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 2px;\r\n        background: var(--grad-shimmer);\r\n        opacity: 0.3;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .pg-generator-card:hover::before { opacity: 1; }\r\n\r\n    .pg-controls-wrapper {\r\n        padding: 35px;\r\n        background: var(--grad-dark);\r\n        border-bottom: 2px solid #111;\r\n        display: grid;\r\n        grid-template-columns: 1.4fr 1fr;\r\n        gap: 30px;\r\n        align-items: stretch;\r\n    }\r\n\r\n    .pg-input-section {\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n    }\r\n\r\n    .pg-enhanced-input-wrapper {\r\n        background: rgba(5, 2, 1, 0.8);\r\n        border: 2px solid var(--theme-border);\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex-grow: 1;\r\n        transition: var(--transition-ui);\r\n        box-shadow: inset 0 0 25px rgba(0,0,0,1);\r\n    }\r\n\r\n    .pg-enhanced-input-wrapper:focus-within {\r\n        border-color: var(--mega-magenta);\r\n        box-shadow: inset 0 0 30px rgba(224, 64, 251, 0.12), 0 0 15px rgba(224, 64, 251, 0.25);\r\n    }\r\n\r\n    .pg-text-input {\r\n        width: 100% !important;\r\n        flex-grow: 1 !important;\r\n        min-height: 140px !important;\r\n        padding: 25px !important;\r\n        background: transparent !important;\r\n        border: none !important;\r\n        color: #fff !important;\r\n        font-family: var(--body-font) !important;\r\n        font-weight: bold !important;\r\n        font-size: 1.8rem !important;\r\n        outline: none !important;\r\n        text-align: left !important;\r\n        text-shadow: 2px 2px 0px #000;\r\n        overflow-wrap: break-word;\r\n        resize: none;\r\n    }\r\n\r\n    .pg-text-input::placeholder {\r\n        color: rgba(255, 94, 0, 0.3);\r\n        font-style: italic;\r\n    }\r\n\r\n    .pg-input-toolbar {\r\n        display: flex;\r\n        justify-content: flex-start;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n        background: rgba(14, 8, 4, 0.9);\r\n        padding: 15px;\r\n        border-top: 1px dashed rgba(255, 94, 0, 0.3);\r\n    }\r\n\r\n    .pg-toolbar-btn {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        color: var(--text-muted);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        padding: 8px 12px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        border-radius: 4px;\r\n        cursor: pointer;\r\n        transition: var(--transition-fast);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n    }\r\n\r\n    .pg-toolbar-btn i {\r\n        font-size: 0.9rem;\r\n        transition: transform 0.2s ease;\r\n    }\r\n\r\n    .pg-toolbar-btn:hover {\r\n        background: rgba(255, 94, 0, 0.1);\r\n        color: var(--mega-orange);\r\n        border-color: rgba(255, 94, 0, 0.4);\r\n        box-shadow: 0 0 10px rgba(255, 94, 0, 0.2);\r\n    }\r\n\r\n    .pg-toolbar-btn:hover i { transform: rotate(-10deg) scale(1.1); }\r\n    .pg-toolbar-btn:active { transform: scale(0.95); }\r\n\r\n    .pg-preset-select {\r\n        background: rgba(224, 64, 251, 0.1);\r\n        color: var(--mega-magenta);\r\n        border: 1px solid rgba(224, 64, 251, 0.3);\r\n        padding: 8px 12px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.75rem;\r\n        font-weight: 800;\r\n        border-radius: 4px;\r\n        cursor: pointer;\r\n        outline: none;\r\n        transition: var(--transition-fast);\r\n        text-transform: uppercase;\r\n        appearance: none;\r\n        flex-grow: 1;\r\n        max-width: 200px;\r\n    }\r\n\r\n    .pg-preset-select:hover, .pg-preset-select:focus {\r\n        background: var(--mega-magenta);\r\n        color: #fff;\r\n        border-color: var(--mega-magenta);\r\n        box-shadow: var(--glow-magenta);\r\n    }\r\n\r\n    .pg-preset-select option {\r\n        background: var(--void-dark);\r\n        color: #fff;\r\n    }\r\n\r\n    .pg-settings-section {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 25px;\r\n    }\r\n\r\n    .pg-panel-label {\r\n        display: flex;\r\n        align-items: center;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 800;\r\n        color: var(--text-bright);\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 12px;\r\n        text-shadow: 2px 2px 4px #000;\r\n    }\r\n\r\n    .pg-panel-label i {\r\n        color: var(--mega-orange);\r\n        margin-right: 8px;\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .pg-grid-options {\r\n        display: grid;\r\n        gap: 12px;\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .pg-option-btn {\r\n        background: rgba(25, 12, 5, 0.6);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        padding: 14px 8px;\r\n        color: var(--text-muted);\r\n        font-family: var(--primary-font);\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        border-radius: 6px;\r\n        transition: var(--transition-fast);\r\n        text-transform: uppercase;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 6px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pg-option-btn i {\r\n        font-size: 1.3rem;\r\n        transition: var(--transition-ui);\r\n    }\r\n\r\n    .pg-option-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 100%; left: 0; width: 100%; height: 100%;\r\n        background: rgba(224, 64, 251, 0.15);\r\n        transition: var(--transition-fast);\r\n        z-index: 0;\r\n    }\r\n\r\n    .pg-option-btn > * { position: relative; z-index: 1; }\r\n\r\n    .pg-option-btn:hover {\r\n        border-color: rgba(224, 64, 251, 0.4);\r\n        color: #fff;\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .pg-option-btn:hover::before { top: 0; }\r\n\r\n    .pg-option-btn:hover i {\r\n        transform: scale(1.1) rotate(15deg);\r\n        color: var(--mega-magenta);\r\n    }\r\n\r\n    .pg-option-btn.active {\r\n        background: var(--void-dark);\r\n        color: #fff;\r\n        border-color: var(--mega-orange);\r\n        box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 15px rgba(255, 94, 0, 0.2);\r\n    }\r\n\r\n    .pg-option-btn.active::before { display: none; }\r\n\r\n    .pg-option-btn.active i {\r\n        color: var(--mega-orange);\r\n        text-shadow: var(--glow-orange);\r\n    }\r\n\r\n    \/* MODE-SPECIFIC ACTIVE BUTTON COLORS *\/\r\n    .pg-option-btn.mode-btn[data-val=\"Massive\"].active { border-color: #ff5e00; box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 15px rgba(255,94,0,0.35); }\r\n    .pg-option-btn.mode-btn[data-val=\"Massive\"].active i { color: #ff5e00; text-shadow: 0 0 15px rgba(255,94,0,0.6); }\r\n\r\n    .pg-option-btn.mode-btn[data-val=\"Spaced\"].active { border-color: #00e5ff; box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 15px rgba(0,229,255,0.35); }\r\n    .pg-option-btn.mode-btn[data-val=\"Spaced\"].active i { color: #00e5ff; text-shadow: 0 0 15px rgba(0,229,255,0.6); }\r\n\r\n    .pg-option-btn.mode-btn[data-val=\"Layered\"].active { border-color: #ffab00; box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 15px rgba(255,171,0,0.35); }\r\n    .pg-option-btn.mode-btn[data-val=\"Layered\"].active i { color: #ffab00; text-shadow: 0 0 15px rgba(255,171,0,0.6); }\r\n\r\n    .pg-option-btn.mode-btn[data-val=\"Enclosed\"].active { border-color: #e040fb; box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 15px rgba(224,64,251,0.35); }\r\n    .pg-option-btn.mode-btn[data-val=\"Enclosed\"].active i { color: #e040fb; text-shadow: 0 0 15px rgba(224,64,251,0.6); }\r\n\r\n    .pg-results-area {\r\n        padding: 40px 30px;\r\n        position: relative;\r\n    }\r\n\r\n    .pg-result-list {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .pg-result-card {\r\n        background: #0d0705;\r\n        border: 1px solid rgba(255, 94, 0, 0.15);\r\n        padding: 25px 35px;\r\n        transition: var(--transition-ui);\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 10px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        min-height: 100px;\r\n        animation: pgCardIn 0.35s ease both;\r\n    }\r\n\r\n    .pg-result-card::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%; width: 50%; height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);\r\n        transform: skewX(-20deg);\r\n        transition: left 0.6s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .pg-result-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 4px; height: 100%;\r\n        background: var(--grad-mega);\r\n        transition: width 0.2s ease, opacity 0.2s ease;\r\n        opacity: 0.5;\r\n    }\r\n\r\n    .pg-result-card:hover {\r\n        transform: translateY(-4px) perspective(900px) rotateX(1.5deg) rotateY(-0.8deg);\r\n        box-shadow: 0 18px 40px rgba(0, 0, 0, 0.95), 0 0 25px rgba(255, 94, 0, 0.12);\r\n        border-color: rgba(255, 94, 0, 0.4);\r\n        background: #120907;\r\n        z-index: 10;\r\n    }\r\n\r\n    .pg-result-card:hover::after { left: 200%; }\r\n    .pg-result-card:hover::before { width: 6px; opacity: 1; }\r\n\r\n    .pg-card-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        width: 100%;\r\n        margin-bottom: 15px;\r\n        border-bottom: 1px solid rgba(255,255,255,0.05);\r\n        padding-bottom: 15px;\r\n    }\r\n\r\n    .pg-card-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 800;\r\n        color: var(--text-muted);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        transition: var(--transition-fast);\r\n    }\r\n\r\n    .pg-card-title i {\r\n        color: var(--mega-magenta);\r\n        font-size: 1.3rem;\r\n        transition: var(--transition-ui);\r\n    }\r\n\r\n    .pg-result-card:hover .pg-card-title {\r\n        color: #fff;\r\n        letter-spacing: 3px;\r\n    }\r\n\r\n    .pg-result-card:hover .pg-card-title i {\r\n        transform: scale(1.25) translateY(-3px);\r\n        animation: pgIconBounce 0.5s ease;\r\n    }\r\n\r\n    .pg-card-copy-btn {\r\n        background: rgba(255, 94, 0, 0.1);\r\n        border: 1px solid rgba(255, 94, 0, 0.3);\r\n        color: var(--mega-orange);\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: var(--transition-fast);\r\n        outline: none;\r\n    }\r\n\r\n    .pg-card-copy-btn i {\r\n        font-size: 1.2rem;\r\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .pg-card-copy-btn:hover {\r\n        background: var(--mega-orange);\r\n        color: #000;\r\n        box-shadow: var(--glow-orange);\r\n        transform: scale(1.08);\r\n    }\r\n\r\n    .pg-card-copy-btn:hover i { transform: scale(1.25) translateY(-2px); }\r\n    .pg-card-copy-btn:active { transform: scale(0.92); }\r\n\r\n    .pg-card-preview {\r\n        font-size: 1.8rem;\r\n        color: #fff;\r\n        word-break: break-word;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-family: var(--body-font);\r\n        position: relative;\r\n        z-index: 1;\r\n        padding: 10px 0;\r\n        text-shadow: 2px 2px 5px #000;\r\n        transition: var(--transition-fast);\r\n        white-space: pre-wrap !important;\r\n        overflow-wrap: break-word !important;\r\n        box-sizing: border-box !important;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .pg-result-card:hover .pg-card-preview {\r\n        text-shadow: 2px 2px 10px rgba(255, 94, 0, 0.4), -1px -1px 0 #000;\r\n        color: var(--text-bright);\r\n    }\r\n\r\n    \/* ==============================\r\n       MODE: MASSIVE \u2014 ORANGE\r\n       ============================== *\/\r\n    .pg-result-card.mode-massive {\r\n        background: linear-gradient(135deg, rgba(255,94,0,0.04) 0%, rgba(13,7,5,0.97) 100%);\r\n        border-color: rgba(255,94,0,0.18);\r\n        border-top: 2px solid rgba(255,94,0,0.35);\r\n    }\r\n    .pg-result-card.mode-massive::before { background: linear-gradient(180deg, #ff5e00, #cc4a00); }\r\n    .pg-result-card.mode-massive .pg-card-title i { color: #ff5e00; }\r\n    .pg-result-card.mode-massive .pg-card-copy-btn { background: rgba(255,94,0,0.1); border-color: rgba(255,94,0,0.3); color: #ff5e00; }\r\n    .pg-result-card.mode-massive .pg-card-copy-btn:hover { background: #ff5e00; color: #000; box-shadow: 0 0 20px rgba(255,94,0,0.5); }\r\n    .pg-result-card.mode-massive .pg-card-header { border-bottom-color: rgba(255,94,0,0.07); }\r\n    .pg-result-card.mode-massive:hover { border-color: rgba(255,94,0,0.5); border-top-color: #ff5e00; box-shadow: 0 18px 40px rgba(0,0,0,0.95), 0 0 30px rgba(255,94,0,0.12); background: linear-gradient(135deg, rgba(255,94,0,0.07) 0%, rgba(18,9,7,0.97) 100%); }\r\n    .pg-result-card.mode-massive:hover .pg-card-title { text-shadow: 0 0 12px rgba(255,94,0,0.5); }\r\n    .pg-result-card.mode-massive:hover .pg-card-preview { text-shadow: 3px 3px 0 rgba(255,94,0,0.5), -2px -2px 0 #000; }\r\n\r\n    \/* ==============================\r\n       MODE: SPACED \u2014 CYAN\r\n       ============================== *\/\r\n    .pg-result-card.mode-spaced {\r\n        background: linear-gradient(135deg, rgba(0,229,255,0.04) 0%, rgba(5,10,13,0.97) 100%);\r\n        border-color: rgba(0,229,255,0.18);\r\n        border-top: 2px solid rgba(0,229,255,0.35);\r\n    }\r\n    .pg-result-card.mode-spaced::before { background: linear-gradient(180deg, #00e5ff, #0097a7); }\r\n    .pg-result-card.mode-spaced .pg-card-title i { color: #00e5ff; }\r\n    .pg-result-card.mode-spaced .pg-card-copy-btn { background: rgba(0,229,255,0.1); border-color: rgba(0,229,255,0.3); color: #00e5ff; }\r\n    .pg-result-card.mode-spaced .pg-card-copy-btn:hover { background: #00e5ff; color: #000; box-shadow: 0 0 20px rgba(0,229,255,0.5); }\r\n    .pg-result-card.mode-spaced .pg-card-header { border-bottom-color: rgba(0,229,255,0.07); }\r\n    .pg-result-card.mode-spaced:hover { border-color: rgba(0,229,255,0.5); border-top-color: #00e5ff; box-shadow: 0 18px 40px rgba(0,0,0,0.95), 0 0 30px rgba(0,229,255,0.12); background: linear-gradient(135deg, rgba(0,229,255,0.07) 0%, rgba(7,12,18,0.97) 100%); }\r\n    .pg-result-card.mode-spaced:hover .pg-card-title { text-shadow: 0 0 12px rgba(0,229,255,0.5); }\r\n    .pg-result-card.mode-spaced:hover .pg-card-preview { text-shadow: 3px 3px 0 rgba(0,229,255,0.4), -2px -2px 0 #000; }\r\n\r\n    \/* ==============================\r\n       MODE: LAYERED \u2014 AMBER\r\n       ============================== *\/\r\n    .pg-result-card.mode-layered {\r\n        background: linear-gradient(135deg, rgba(255,171,0,0.04) 0%, rgba(13,10,3,0.97) 100%);\r\n        border-color: rgba(255,171,0,0.18);\r\n        border-top: 2px solid rgba(255,171,0,0.35);\r\n    }\r\n    .pg-result-card.mode-layered::before { background: linear-gradient(180deg, #ffab00, #ff8f00); }\r\n    .pg-result-card.mode-layered .pg-card-title i { color: #ffab00; }\r\n    .pg-result-card.mode-layered .pg-card-copy-btn { background: rgba(255,171,0,0.1); border-color: rgba(255,171,0,0.3); color: #ffab00; }\r\n    .pg-result-card.mode-layered .pg-card-copy-btn:hover { background: #ffab00; color: #000; box-shadow: 0 0 20px rgba(255,171,0,0.5); }\r\n    .pg-result-card.mode-layered .pg-card-header { border-bottom-color: rgba(255,171,0,0.07); }\r\n    .pg-result-card.mode-layered:hover { border-color: rgba(255,171,0,0.5); border-top-color: #ffab00; box-shadow: 0 18px 40px rgba(0,0,0,0.95), 0 0 30px rgba(255,171,0,0.12); background: linear-gradient(135deg, rgba(255,171,0,0.07) 0%, rgba(18,14,5,0.97) 100%); }\r\n    .pg-result-card.mode-layered:hover .pg-card-title { text-shadow: 0 0 12px rgba(255,171,0,0.5); }\r\n    .pg-result-card.mode-layered:hover .pg-card-preview { text-shadow: 3px 3px 0 rgba(255,171,0,0.4), -2px -2px 0 #000; }\r\n\r\n    \/* ==============================\r\n       MODE: ENCLOSED \u2014 MAGENTA\r\n       ============================== *\/\r\n    .pg-result-card.mode-enclosed {\r\n        background: linear-gradient(135deg, rgba(224,64,251,0.04) 0%, rgba(12,4,13,0.97) 100%);\r\n        border-color: rgba(224,64,251,0.18);\r\n        border-top: 2px solid rgba(224,64,251,0.35);\r\n    }\r\n    .pg-result-card.mode-enclosed::before { background: linear-gradient(180deg, #e040fb, #aa00ff); }\r\n    .pg-result-card.mode-enclosed .pg-card-title i { color: #e040fb; }\r\n    .pg-result-card.mode-enclosed .pg-card-copy-btn { background: rgba(224,64,251,0.1); border-color: rgba(224,64,251,0.3); color: #e040fb; }\r\n    .pg-result-card.mode-enclosed .pg-card-copy-btn:hover { background: #e040fb; color: #fff; box-shadow: 0 0 20px rgba(224,64,251,0.5); }\r\n    .pg-result-card.mode-enclosed .pg-card-header { border-bottom-color: rgba(224,64,251,0.07); }\r\n    .pg-result-card.mode-enclosed:hover { border-color: rgba(224,64,251,0.5); border-top-color: #e040fb; box-shadow: 0 18px 40px rgba(0,0,0,0.95), 0 0 30px rgba(224,64,251,0.12); background: linear-gradient(135deg, rgba(224,64,251,0.07) 0%, rgba(16,5,18,0.97) 100%); }\r\n    .pg-result-card.mode-enclosed:hover .pg-card-title { text-shadow: 0 0 12px rgba(224,64,251,0.5); }\r\n    .pg-result-card.mode-enclosed:hover .pg-card-preview { text-shadow: 3px 3px 0 rgba(224,64,251,0.4), -2px -2px 0 #000; }\r\n\r\n    \/* ==============================\r\n       STYLE INDICATOR DOT\r\n       ============================== *\/\r\n    .pg-result-card .pg-style-dot {\r\n        width: 8px; height: 8px; border-radius: 50%;\r\n        display: inline-block; margin-left: 6px; flex-shrink: 0;\r\n    }\r\n    .pg-result-card.style-boldblocks .pg-style-dot { background: #ff5e00; box-shadow: 0 0 6px rgba(255,94,0,0.5); }\r\n    .pg-result-card.style-wideexpanded .pg-style-dot { background: #00e5ff; box-shadow: 0 0 6px rgba(0,229,255,0.5); }\r\n    .pg-result-card.style-shadowextrude .pg-style-dot { background: #ffab00; box-shadow: 0 0 6px rgba(255,171,0,0.5); }\r\n\r\n    \/* ==============================\r\n       LOAD MORE \u2014 CTA + PULSE + SHIMMER\r\n       ============================== *\/\r\n    .pg-btn-load {\r\n        background: transparent;\r\n        color: #fff;\r\n        border: 2px solid var(--mega-orange);\r\n        padding: 18px 45px;\r\n        font-family: var(--primary-font);\r\n        font-weight: 900;\r\n        font-size: 1rem;\r\n        cursor: pointer;\r\n        margin-top: 40px;\r\n        text-transform: uppercase;\r\n        border-radius: 6px;\r\n        transition: var(--transition-fast);\r\n        position: relative;\r\n        z-index: 2;\r\n        letter-spacing: 2px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.8);\r\n        overflow: visible;\r\n    }\r\n\r\n    .pg-btn-load::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -3px; left: -3px; right: -3px; bottom: -3px;\r\n        border-radius: 8px;\r\n        border: 2px solid var(--mega-orange);\r\n        opacity: 0;\r\n        z-index: -1;\r\n        pointer-events: none;\r\n        animation: pgPulseRing 2.5s ease-out infinite;\r\n    }\r\n\r\n    .pg-btn-load::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%; width: 50%; height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);\r\n        transform: skewX(-20deg);\r\n        pointer-events: none;\r\n        animation: pgShimmer 4s ease-in-out infinite;\r\n    }\r\n\r\n    .pg-btn-load i { transition: transform 0.3s ease; }\r\n\r\n    .pg-btn-load:hover {\r\n        background: rgba(255, 94, 0, 0.12);\r\n        box-shadow: var(--glow-orange);\r\n        transform: translateY(-3px);\r\n        text-shadow: 0 0 8px var(--mega-orange);\r\n    }\r\n\r\n    .pg-btn-load:hover::before { animation: none; opacity: 0.4; transform: scale(1.05, 1.2); }\r\n    .pg-btn-load:hover i { transform: translateY(4px); }\r\n    .pg-btn-load:active { transform: translateY(0); }\r\n\r\n    .pg-btn-load.btn-spaced { border-color: #00e5ff; }\r\n    .pg-btn-load.btn-spaced::before { border-color: #00e5ff; }\r\n    .pg-btn-load.btn-spaced:hover { background: rgba(0,229,255,0.12); box-shadow: 0 0 20px rgba(0,229,255,0.5); text-shadow: 0 0 8px #00e5ff; }\r\n\r\n    .pg-btn-load.btn-layered { border-color: #ffab00; }\r\n    .pg-btn-load.btn-layered::before { border-color: #ffab00; }\r\n    .pg-btn-load.btn-layered:hover { background: rgba(255,171,0,0.12); box-shadow: 0 0 20px rgba(255,171,0,0.5); text-shadow: 0 0 8px #ffab00; }\r\n\r\n    .pg-btn-load.btn-enclosed { border-color: #e040fb; }\r\n    .pg-btn-load.btn-enclosed::before { border-color: #e040fb; }\r\n    .pg-btn-load.btn-enclosed:hover { background: rgba(224,64,251,0.12); box-shadow: 0 0 20px rgba(224,64,251,0.5); text-shadow: 0 0 8px #e040fb; }\r\n\r\n    \/* ==============================\r\n       TOAST \u2014 MODE-COLORED\r\n       ============================== *\/\r\n    .pg-toast {\r\n        visibility: hidden;\r\n        background: #0a0a0a;\r\n        color: #fff;\r\n        padding: 15px 30px;\r\n        position: fixed;\r\n        left: 50%;\r\n        bottom: 40px;\r\n        transform: translateX(-50%) translateY(20px);\r\n        font-family: var(--primary-font);\r\n        font-weight: 800;\r\n        z-index: 10000;\r\n        border-radius: 8px;\r\n        border: 1px solid var(--mega-orange);\r\n        border-left: 5px solid var(--mega-orange);\r\n        text-transform: uppercase;\r\n        box-shadow: var(--shadow-ui), var(--glow-orange);\r\n        letter-spacing: 1px;\r\n        opacity: 0;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    .pg-toast i { color: var(--mega-orange); font-size: 1.2rem; }\r\n\r\n    .pg-toast.show {\r\n        visibility: visible;\r\n        opacity: 1;\r\n        transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    .pg-toast.toast-massive { border-color: #ff5e00; border-left-color: #ff5e00; box-shadow: var(--shadow-ui), 0 0 20px rgba(255,94,0,0.5); }\r\n    .pg-toast.toast-massive i { color: #ff5e00; }\r\n\r\n    .pg-toast.toast-spaced { border-color: #00e5ff; border-left-color: #00e5ff; box-shadow: var(--shadow-ui), 0 0 20px rgba(0,229,255,0.5); }\r\n    .pg-toast.toast-spaced i { color: #00e5ff; }\r\n\r\n    .pg-toast.toast-layered { border-color: #ffab00; border-left-color: #ffab00; box-shadow: var(--shadow-ui), 0 0 20px rgba(255,171,0,0.5); }\r\n    .pg-toast.toast-layered i { color: #ffab00; }\r\n\r\n    .pg-toast.toast-enclosed { border-color: #e040fb; border-left-color: #e040fb; box-shadow: var(--shadow-ui), 0 0 20px rgba(224,64,251,0.5); }\r\n    .pg-toast.toast-enclosed i { color: #e040fb; }\r\n\r\n    \/* MAIN CARD TOP BORDER \u2014 MODE *\/\r\n    .pg-generator-card.card-mode-massive { border-top-color: #ff5e00; }\r\n    .pg-generator-card.card-mode-spaced { border-top-color: #00e5ff; }\r\n    .pg-generator-card.card-mode-layered { border-top-color: #ffab00; }\r\n    .pg-generator-card.card-mode-enclosed { border-top-color: #e040fb; }\r\n\r\n    \/* ==============================\r\n       KEYFRAME ANIMATIONS\r\n       ============================== *\/\r\n    @keyframes pgCardIn {\r\n        from { opacity: 0; transform: translateY(12px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes pgIconBounce {\r\n        0%, 100% { transform: scale(1.25) translateY(-3px); }\r\n        50% { transform: scale(1.45) translateY(-6px); }\r\n    }\r\n\r\n    @keyframes pgPulseRing {\r\n        0% { transform: scale(1); opacity: 0.5; }\r\n        100% { transform: scale(1.06, 1.18); opacity: 0; }\r\n    }\r\n\r\n    @keyframes pgShimmer {\r\n        0%, 100% { left: -100%; }\r\n        50% { left: 200%; }\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 900px) {\r\n        .pg-main-title { font-size: 2.4rem; }\r\n        .pg-controls-wrapper { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .pg-container { padding: 30px 15px !important; }\r\n        .pg-results-area { padding: 30px 15px; }\r\n        .pg-controls-wrapper { padding: 20px; gap: 20px; }\r\n        .pg-text-input { min-height: 100px !important; font-size: 1.4rem !important; }\r\n        .pg-input-toolbar { justify-content: center; }\r\n        .pg-preset-select { max-width: 100%; }\r\n        .pg-result-list { grid-template-columns: 1fr; gap: 15px; }\r\n        .pg-option-btn { padding: 12px 8px; font-size: 0.7rem; }\r\n        .pg-option-btn i { font-size: 1.1rem; }\r\n        .pg-btn-load { padding: 15px 30px; font-size: 0.9rem; width: 100%; justify-content: center; }\r\n        .pg-main-title { font-size: 1.9rem; letter-spacing: 2px; }\r\n        .pg-subtitle { font-size: 0.9rem; }\r\n        .pg-result-card { padding: 20px 20px; }\r\n        .pg-card-preview { font-size: 1.4rem; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-tool-wrapper\">\r\n    <div class=\"pg-container pg-hero-content-wrapper\">\r\n        <h1 class=\"pg-main-title\">Big Text Generator \u2013 Enlarge Instantly<\/h1>\r\n        <p class=\"pg-subtitle\">Generate massive, eye-catching text using bold Unicode blocks, wide expanded characters, and extruded shadow effects. Perfect for headlines, banners, and posts that demand attention.<\/p>\r\n        \r\n        <div class=\"pg-generator-card\" id=\"pgMainCard\">\r\n            <div class=\"pg-controls-wrapper\">\r\n                \r\n                <div class=\"pg-input-section\">\r\n                    <div class=\"pg-panel-label\"><i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i> Your Base Text<\/div>\r\n                    <div class=\"pg-enhanced-input-wrapper\">\r\n                        <textarea class=\"pg-text-input\" id=\"pgInputText\" placeholder=\"Type something big...\"><\/textarea>\r\n                        \r\n                        <div class=\"pg-input-toolbar\">\r\n                            <button class=\"pg-toolbar-btn\" id=\"pgBtnPaste\"><i class=\"fa-solid fa-paste\"><\/i> Paste<\/button>\r\n                            <button class=\"pg-toolbar-btn\" id=\"pgBtnSelectAll\"><i class=\"fa-solid fa-object-group\"><\/i> Select<\/button>\r\n                            <button class=\"pg-toolbar-btn\" id=\"pgBtnCopy\"><i class=\"fa-solid fa-copy\"><\/i> Copy<\/button>\r\n                            \r\n                            <select class=\"pg-preset-select\" id=\"pgPresetSelect\">\r\n                                <option value=\"\" disabled selected>\u2728 Big Text Presets<\/option>\r\n                                <option value=\"MASSIVE IMPACT\">Massive Impact<\/option>\r\n                                <option value=\"BIG AND BOLD\">Big and Bold<\/option>\r\n                                <option value=\"STAND OUT NOW\">Stand Out Now<\/option>\r\n                                <option value=\"MAKE IT HUGE\">Make It Huge<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"pg-settings-section\">\r\n                    <div>\r\n                        <div class=\"pg-panel-label\"><i class=\"fa-solid fa-masks-theater\"><\/i> Display Mode<\/div>\r\n                        <div class=\"pg-grid-options\">\r\n                            <button class=\"pg-option-btn mode-btn active\" data-val=\"Massive\">\r\n                                <i class=\"fa-solid fa-expand\"><\/i> Massive\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn mode-btn\" data-val=\"Spaced\">\r\n                                <i class=\"fa-solid fa-text-width\"><\/i> Spaced Out\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn mode-btn\" data-val=\"Layered\">\r\n                                <i class=\"fa-solid fa-layer-group\"><\/i> Layered\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn mode-btn\" data-val=\"Enclosed\">\r\n                                <i class=\"fa-solid fa-border-all\"><\/i> Enclosed\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <div class=\"pg-panel-label\"><i class=\"fa-solid fa-font\"><\/i> Typography Style<\/div>\r\n                        <div class=\"pg-grid-options\">\r\n                            <button class=\"pg-option-btn style-btn active\" data-val=\"BoldBlocks\">\r\n                                <i class=\"fa-solid fa-bold\"><\/i> Ultra Bold\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn style-btn\" data-val=\"WideExpanded\">\r\n                                <i class=\"fa-solid fa-left-right\"><\/i> Wide Display\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn style-btn\" data-val=\"ShadowExtrude\">\r\n                                <i class=\"fa-solid fa-clone\"><\/i> Shadow Extrude\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn style-btn\" data-val=\"Normal\">\r\n                                <i class=\"fa-solid fa-n\"><\/i> Standard\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"pg-results-area\">\r\n                <div class=\"pg-result-list\" id=\"pgResultList\"><\/div>\r\n                <button class=\"pg-btn-load\" id=\"pgLoadMoreBtn\"><span>Generate More Variations<\/span> <i class=\"fa-solid fa-arrow-down\"><\/i><\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"pgToast\" class=\"pg-toast\"><i class=\"fa-solid fa-check-double\"><\/i> Big Text Copied<\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const inputEl = document.getElementById('pgInputText');\r\n    const resultList = document.getElementById('pgResultList');\r\n    const loadMoreBtn = document.getElementById('pgLoadMoreBtn');\r\n    const toast = document.getElementById('pgToast');\r\n    const btnPaste = document.getElementById('pgBtnPaste');\r\n    const btnSelectAll = document.getElementById('pgBtnSelectAll');\r\n    const btnCopy = document.getElementById('pgBtnCopy');\r\n    const presetSelect = document.getElementById('pgPresetSelect');\r\n    const mainCard = document.getElementById('pgMainCard');\r\n\r\n    let currentMode = 'Massive';\r\n    let currentStyle = 'BoldBlocks';\r\n    let limit = 6;\r\n    const LOAD_INCREMENT = 6;\r\n\r\n    const baseChars = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ\";\r\n    const boldBlockArr = Array.from(\"\ud835\uddee\ud835\uddef\ud835\uddf0\ud835\uddf1\ud835\uddf2\ud835\uddf3\ud835\uddf4\ud835\uddf5\ud835\uddf6\ud835\uddf7\ud835\uddf8\ud835\uddf9\ud835\uddfa\ud835\uddfb\ud835\uddfc\ud835\uddfd\ud835\uddfe\ud835\uddff\ud835\ude00\ud835\ude01\ud835\ude02\ud835\ude03\ud835\ude04\ud835\ude05\ud835\ude06\ud835\ude07\ud835\uddd4\ud835\uddd5\ud835\uddd6\ud835\uddd7\ud835\uddd8\ud835\uddd9\ud835\uddda\ud835\udddb\ud835\udddc\ud835\udddd\ud835\uddde\ud835\udddf\ud835\udde0\ud835\udde1\ud835\udde2\ud835\udde3\ud835\udde4\ud835\udde5\ud835\udde6\ud835\udde7\ud835\udde8\ud835\udde9\ud835\uddea\ud835\uddeb\ud835\uddec\ud835\udded\");\r\n    const wideExpandedArr = Array.from(\"\uff41\uff42\uff43\uff44\uff45\uff46\uff47\uff48\uff49\uff4a\uff4b\uff4c\uff4d\uff4e\uff4f\uff50\uff51\uff52\uff53\uff54\uff55\uff56\uff57\uff58\uff59\uff5a\uff21\uff22\uff23\uff24\uff25\uff26\uff27\uff28\uff29\uff2a\uff2b\uff2c\uff2d\uff2e\uff2f\uff30\uff31\uff32\uff33\uff34\uff35\uff36\uff37\uff38\uff39\uff3a\");\r\n\r\n    const rand = (max) => Math.floor(Math.random() * max);\r\n\r\n    const generateConfigs = () => {\r\n        const templates = [];\r\n        const names = ['Mega Display', 'Poster Print', 'Billboard', 'Marquee', 'Headline', 'Banner', 'Spotlight', 'Blockbuster', 'Oversized', 'Jumbotron', 'Super Size', 'Colossal'];\r\n        let idCounter = 0;\r\n        for (let i = 0; i < 120; i++) {\r\n            templates.push({\r\n                id: `big-${idCounter++}`,\r\n                name: names[i % names.length] + ` Variant-${rand(99)}`,\r\n                icon: ['expand', 'text-height', 'up-right-and-down-left-from-center', 'maximize', 'arrows-left-right-to-line', 'bold', 'heading', 'square-full', 'object-group', 'clone'][i % 10]\r\n            });\r\n        }\r\n        return templates;\r\n    };\r\n\r\n    const ALL_STYLES = generateConfigs();\r\n\r\n    const applyBaseStyle = (char, style) => {\r\n        const index = baseChars.indexOf(char);\r\n        if (index === -1) return char;\r\n        if (style === 'BoldBlocks') return boldBlockArr[index] || char;\r\n        if (style === 'WideExpanded') return wideExpandedArr[index] || char;\r\n        if (style === 'ShadowExtrude') return char + '\\u0332';\r\n        return char;\r\n    };\r\n\r\n    const transformLogic = (text, mode, style, variationIndex) => {\r\n        let chars = Array.from(text);\r\n        let styledChars = chars.map(c => applyBaseStyle(c, style));\r\n        let styledText = styledChars.join('');\r\n        let result = '';\r\n\r\n        if (mode === 'Massive') {\r\n            const wraps = [\r\n                ['\u3010 ', ' \u3011'], ['\u3016 ', ' \u3017'], ['\u300c ', ' \u300d'], ['\u300e ', ' \u300f'],\r\n                ['\u27e8 ', ' \u27e9'], ['\u2997 ', ' \u2998'], ['\u25c6 ', ' \u25c6'], ['\u25b6 ', ' \u25c0'],\r\n                ['\u2588 ', ' \u2588'], ['\u25aa ', ' \u25aa']\r\n            ];\r\n            const w = wraps[variationIndex % wraps.length];\r\n            result = w[0] + styledText + w[1];\r\n            if (variationIndex % 3 === 0) result = result.toUpperCase ? result : result;\r\n            if (variationIndex % 4 === 0) result = '\u2605 ' + result + ' \u2605';\r\n\r\n        } else if (mode === 'Spaced') {\r\n            const spaces = ['   ', '  ', ' \u00b7 ', ' \u2027 ', ' \u2022 ', ' \u2500 ', ' \u25e6 ', ' \u25b8 ', ' \u27e9 ', ' \u27a4 '];\r\n            const sp = spaces[variationIndex % spaces.length];\r\n            result = styledChars.join(sp);\r\n            if (variationIndex % 5 === 0) result = '\u27d0 ' + result + ' \u27d0';\r\n\r\n        } else if (mode === 'Layered') {\r\n            const layers = (variationIndex % 3) + 2;\r\n            const shadowMarks = ['\\u0332', '\\u0330', '\\u0323', '\\u0316', '\\u0317', '\\u0318'];\r\n            let lines = [];\r\n            for (let i = 0; i < layers; i++) {\r\n                let layerChars = chars.map(c => {\r\n                    if (c === ' ') return ' ';\r\n                    let styled = applyBaseStyle(c, style);\r\n                    if (style === 'ShadowExtrude') {\r\n                        styled = c + shadowMarks[(i + variationIndex) % shadowMarks.length] + shadowMarks[(i + variationIndex + 2) % shadowMarks.length];\r\n                    } else if (i > 0) {\r\n                        styled = c + shadowMarks[(i + variationIndex) % shadowMarks.length];\r\n                    }\r\n                    return styled;\r\n                }).join('');\r\n                lines.push(layerChars);\r\n            }\r\n            result = lines.join('\\n');\r\n\r\n        } else if (mode === 'Enclosed') {\r\n            const words = styledText.split(' ');\r\n            const boxStyles = [\r\n                (w) => `[ ${w} ]`,\r\n                (w) => `\u27ea ${w} \u27eb`,\r\n                (w) => `\u2503${w}\u2503`,\r\n                (w) => `-=${w}=-`,\r\n                (w) => `\u2605 ${w} \u2605`,\r\n                (w) => `\u25ba ${w} \u25c4`,\r\n                (w) => `\u276e ${w} \u276f`,\r\n                (w) => `\u300c${w}\u300d`,\r\n                (w) => `\u2590${w}\u258c`,\r\n                (w) => `\u25c6${w}\u25c6`\r\n            ];\r\n            const boxFn = boxStyles[variationIndex % boxStyles.length];\r\n            result = words.map(w => w ? boxFn(w) : '').join('  ');\r\n            if (variationIndex % 3 === 0) {\r\n                result = '\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\\n\u2551  ' + result + '  \u2551\\n\u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d';\r\n            }\r\n        }\r\n\r\n        return result;\r\n    };\r\n\r\n    const getModeClass = (mode) => `mode-${mode.toLowerCase()}`;\r\n    const getStyleClass = (style) => `style-${style.toLowerCase()}`;\r\n\r\n    const updateGlobalTheme = () => {\r\n        mainCard.className = 'pg-generator-card';\r\n        mainCard.classList.add(`card-mode-${currentMode.toLowerCase()}`);\r\n\r\n        loadMoreBtn.className = 'pg-btn-load';\r\n        if (currentMode !== 'Massive') {\r\n            loadMoreBtn.classList.add(`btn-${currentMode.toLowerCase()}`);\r\n        }\r\n\r\n        toast.className = 'pg-toast';\r\n        toast.classList.add(`toast-${currentMode.toLowerCase()}`);\r\n    };\r\n\r\n    const render = () => {\r\n        updateGlobalTheme();\r\n        resultList.innerHTML = '';\r\n        let raw = inputEl.value || \"Make It Big\";\r\n        const displayList = ALL_STYLES.slice(0, limit);\r\n        const mClass = getModeClass(currentMode);\r\n        const sClass = getStyleClass(currentStyle);\r\n\r\n        displayList.forEach((s, idx) => {\r\n            const out = transformLogic(raw, currentMode, currentStyle, idx);\r\n            const card = document.createElement('div');\r\n            card.className = `pg-result-card ${mClass} ${sClass}`;\r\n            card.style.animationDelay = `${idx * 0.04}s`;\r\n            card.innerHTML = `\r\n                <div class=\"pg-card-header\">\r\n                    <div class=\"pg-card-title\"><i class=\"fa-solid fa-${s.icon}\"><\/i> ${s.name}<span class=\"pg-style-dot\"><\/span><\/div>\r\n                    <button class=\"pg-card-copy-btn\" title=\"Copy Text\"><i class=\"fa-regular fa-copy\"><\/i><\/button>\r\n                <\/div>\r\n                <div class=\"pg-card-preview\">${out}<\/div>\r\n            `;\r\n\r\n            const copyBtn = card.querySelector('.pg-card-copy-btn');\r\n            copyBtn.addEventListener('click', (e) => {\r\n                e.stopPropagation();\r\n                navigator.clipboard.writeText(out);\r\n                const modeColor = {Massive:'#ff5e00', Spaced:'#00e5ff', Layered:'#ffab00', Enclosed:'#e040fb'}[currentMode];\r\n                copyBtn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i>';\r\n                copyBtn.style.background = modeColor;\r\n                copyBtn.style.borderColor = modeColor;\r\n                copyBtn.style.color = currentMode === 'Enclosed' ? '#fff' : '#000';\r\n                toast.classList.add('show');\r\n                setTimeout(() => {\r\n                    copyBtn.innerHTML = '<i class=\"fa-regular fa-copy\"><\/i>';\r\n                    copyBtn.style.background = '';\r\n                    copyBtn.style.borderColor = '';\r\n                    copyBtn.style.color = '';\r\n                    toast.classList.remove('show');\r\n                }, 2000);\r\n            });\r\n            resultList.appendChild(card);\r\n        });\r\n\r\n        loadMoreBtn.style.display = limit >= ALL_STYLES.length ? 'none' : 'inline-flex';\r\n        const remaining = Math.max(0, ALL_STYLES.length - limit);\r\n        if (remaining > 0) loadMoreBtn.querySelector('span').innerText = `Generate More Variations (${remaining})`;\r\n    };\r\n\r\n    inputEl.addEventListener('input', render);\r\n\r\n    btnPaste.addEventListener('click', async () => {\r\n        try {\r\n            const text = await navigator.clipboard.readText();\r\n            inputEl.value = text;\r\n            render();\r\n        } catch (err) {\r\n            alert('Unable to paste. Please use Ctrl+V \/ Cmd+V.');\r\n        }\r\n    });\r\n\r\n    btnSelectAll.addEventListener('click', () => { inputEl.select(); });\r\n\r\n    btnCopy.addEventListener('click', () => {\r\n        if (inputEl.value) {\r\n            navigator.clipboard.writeText(inputEl.value);\r\n            toast.querySelector('i').className = 'fa-solid fa-copy';\r\n            toast.querySelector('i').nextSibling.textContent = ' Source Copied';\r\n            toast.classList.add('show');\r\n            setTimeout(() => {\r\n                toast.classList.remove('show');\r\n                setTimeout(() => {\r\n                    toast.querySelector('i').className = 'fa-solid fa-check-double';\r\n                    toast.querySelector('i').nextSibling.textContent = ' Big Text Copied';\r\n                }, 400);\r\n            }, 2500);\r\n        }\r\n    });\r\n\r\n    presetSelect.addEventListener('change', (e) => {\r\n        if (e.target.value) {\r\n            inputEl.value = e.target.value;\r\n            render();\r\n            e.target.selectedIndex = 0;\r\n        }\r\n    });\r\n\r\n    loadMoreBtn.onclick = () => { limit += LOAD_INCREMENT; render(); };\r\n\r\n    document.querySelectorAll('.mode-btn').forEach(btn => {\r\n        btn.onclick = () => {\r\n            document.querySelectorAll('.mode-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentMode = btn.getAttribute('data-val');\r\n            limit = 6;\r\n            render();\r\n        };\r\n    });\r\n\r\n    document.querySelectorAll('.style-btn').forEach(btn => {\r\n        btn.onclick = () => {\r\n            document.querySelectorAll('.style-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentStyle = btn.getAttribute('data-val');\r\n            limit = 6;\r\n            render();\r\n        };\r\n    });\r\n\r\n    render();\r\n});\r\n<\/script>\r\n<!-- END OF FILE Big Text Generator -->\r\n\r\n<!-- <content section is starting -->\r\n\r\n<div>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n\r\n\r\n\r\n\r\n<section class=\"btg-section btg-sec1\">\r\n        <div class=\"btg-inner\">\r\n\t\r\n<\/div>\r\n\t<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <section class=\"btg-section btg-sec1\">\r\n        <div class=\"btg-inner\">\r\n            <h2 class=\"btg-heading\">What Makes This <span class=\"btg-kw\">Big Text Generator<\/span> Stand Out?<\/h2>\r\n            <p class=\"btg-sub\">Discover why thousands of users trust our big text generator to create bold, oversized text that grabs attention instantly \u2014 free, fast, and perfectly formatted.<\/p>\r\n            <div class=\"btg-grid\">\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(0,184,212,0.12);color:#00b8d4;\"><i class=\"fa-solid fa-text-height\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">True Big Text Rendering<\/div>\r\n                    <p class=\"btg-card-desc\">Our big text generator uses real Unicode scaling and ASCII art mapping to produce genuinely oversized text \u2014 not just CSS tricks that break elsewhere.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(156,39,176,0.12);color:#9c27b0;\"><i class=\"fa-solid fa-layer-group\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">Multiple Size Levels<\/div>\r\n                    <p class=\"btg-card-desc\">Choose from small, medium, large, and extra-large text sizes \u2014 our big text generator lets you pick the exact scale that fits your content perfectly.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(255,152,0,0.12);color:#ff9800;\"><i class=\"fa-solid fa-font\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">Stylish Big Fonts<\/div>\r\n                    <p class=\"btg-card-desc\">Access dozens of unique big text styles \u2014 block letters, bubble text, cursive capitals, and more \u2014 all generated instantly by our big text generator.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(76,175,80,0.12);color:#4caf50;\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">Instant Generation Speed<\/div>\r\n                    <p class=\"btg-card-desc\">Type and see results in real-time \u2014 our big text generator processes your input instantly with zero lag, delivering oversized text the moment you type.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(233,30,99,0.12);color:#e91e63;\"><i class=\"fa-solid fa-mobile-screen\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">Cross-Platform Ready<\/div>\r\n                    <p class=\"btg-card-desc\">Big text generated here renders perfectly on Instagram, Facebook, Twitter, Discord, WhatsApp, and every major platform that supports Unicode characters.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(63,81,181,0.12);color:#3f51b5;\"><i class=\"fa-solid fa-lock-open\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">100% Free Forever<\/div>\r\n                    <p class=\"btg-card-desc\">No signup, no hidden fees, no usage limits \u2014 our big text generator is completely free to use as many times as you want, forever.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"btg-section btg-sec2\">\r\n        <div class=\"btg-inner\">\r\n            <h2 class=\"btg-heading\">How to Use Our <span class=\"btg-kw\">Big Text Generator<\/span> Effectively<\/h2>\r\n            <p class=\"btg-sub\">Creating oversized text has never been easier. Follow these simple steps and have your big text ready to share across all platforms in just seconds.<\/p>\r\n            <div class=\"btg-grid\">\r\n                <div class=\"btg-card\">\r\n                    <span class=\"btg-emoji\">\u270f\ufe0f<\/span>\r\n                    <div class=\"btg-card-title\">Step 1: Enter Your Text<\/div>\r\n                    <p class=\"btg-card-desc\">Type or paste any word, phrase, or sentence into the input field \u2014 our big text generator accepts letters, numbers, and special symbols.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <span class=\"btg-emoji\">\ud83c\udfa8<\/span>\r\n                    <div class=\"btg-card-title\">Step 2: Pick a Style<\/div>\r\n                    <p class=\"btg-card-desc\">Browse through available big text styles and select the one that best matches your creative vision \u2014 each style offers a unique oversized look.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <span class=\"btg-emoji\">\ud83d\udccf<\/span>\r\n                    <div class=\"btg-card-title\">Step 3: Adjust the Size<\/div>\r\n                    <p class=\"btg-card-desc\">Use the size controls to scale your text up or down \u2014 our big text generator updates the preview live so you see exactly how it will look.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <span class=\"btg-emoji\">\ud83d\udc41\ufe0f<\/span>\r\n                    <div class=\"btg-card-title\">Step 4: Preview the Output<\/div>\r\n                    <p class=\"btg-card-desc\">Check the live preview to ensure your big text appears exactly as intended \u2014 tweak style or size until the oversized text is perfect.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <span class=\"btg-emoji\">\ud83d\udccb<\/span>\r\n                    <div class=\"btg-card-title\">Step 5: Copy to Clipboard<\/div>\r\n                    <p class=\"btg-card-desc\">Click the copy button and your big text is instantly saved to your clipboard \u2014 ready to paste anywhere with zero formatting loss.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <span class=\"btg-emoji\">\ud83d\ude80<\/span>\r\n                    <div class=\"btg-card-title\">Step 6: Share Everywhere<\/div>\r\n                    <p class=\"btg-card-desc\">Paste your oversized big text into social media posts, bios, comments, profiles, or messages \u2014 watch it stand out on every platform.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"btg-section btg-sec3\">\r\n        <div class=\"btg-inner\">\r\n            <h2 class=\"btg-heading\">Best Ways to Use <span class=\"btg-kw\">Big Text Generator<\/span> Output<\/h2>\r\n            <p class=\"btg-sub\">Big text creates instant visual impact. Here are the most creative and effective ways people use our big text generator results across different platforms and contexts.<\/p>\r\n            <div class=\"btg-grid\">\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(225,48,108,0.12);color:#e1306c;\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">Instagram Bio & Stories<\/div>\r\n                    <p class=\"btg-card-desc\">Use big text in your Instagram bio to create a striking first impression \u2014 oversized text stops scrollers and makes your profile instantly memorable.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(88,101,242,0.12);color:#5865f2;\"><i class=\"fa-brands fa-discord\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">Discord Messages & Profiles<\/div>\r\n                    <p class=\"btg-card-desc\">Big text in Discord stands out in busy servers \u2014 use oversized text in announcements, roles, or profile bios to get noticed by the entire community.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(29,161,242,0.12);color:#1da1f2;\"><i class=\"fa-brands fa-twitter\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">Twitter\/X Tweets & Bio<\/div>\r\n                    <p class=\"btg-card-desc\">Big text tweets break through the noise of your timeline \u2014 oversized characters grab attention mid-scroll and dramatically increase engagement rates.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(255,0,80,0.10);color:#ff0050;\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">TikTok Profile & Captions<\/div>\r\n                    <p class=\"btg-card-desc\">Stand out on TikTok with big text in your profile name or captions \u2014 oversized text creates curiosity and drives viewers to engage with your content.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(0,150,136,0.12);color:#009688;\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">WhatsApp & Telegram Chats<\/div>\r\n                    <p class=\"btg-card-desc\">Send big text messages to friends and groups for fun \u2014 oversized text in WhatsApp or Telegram always sparks reactions and makes chats more engaging.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(139,195,74,0.12);color:#8bc34a;\"><i class=\"fa-solid fa-gamepad\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">Gaming Usernames & Tags<\/div>\r\n                    <p class=\"btg-card-desc\">Make your gaming username unforgettable with big text \u2014 oversized characters in Steam, Roblox, or Fortnite profiles make you instantly recognizable.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n        :root {\r\n            --btg-text-dark: #000000;\r\n            --btg-text-primary: #0a0a0a;\r\n            --btg-text-muted: #1a1a1a;\r\n            --btg-accent: #00b8d4;\r\n            --btg-grad1: linear-gradient(135deg, #00b8d4, #ea00ff, #ff9100);\r\n            --btg-grad2: linear-gradient(90deg, #667eea, #764ba2, #ffd700);\r\n            --btg-shadow-hover: 0 12px 30px rgba(0, 184, 212, 0.16);\r\n            --btg-shadow-hover2: 0 12px 40px rgba(118, 75, 162, 0.3);\r\n            --btg-tr: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --btg-ff: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        }\r\n\r\n        .btg-section {\r\n            width: 100%;\r\n            padding: clamp(48px, 8vw, 96px) 20px;\r\n            position: relative;\r\n            font-family: var(--btg-ff);\r\n            color: var(--btg-text-primary);\r\n            line-height: 1.6;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        .btg-inner {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            width: 100%;\r\n        }\r\n\r\n        .btg-heading {\r\n            font-family: var(--btg-ff);\r\n            font-size: clamp(1.5rem, 4vw, 2.25rem);\r\n            font-weight: 800;\r\n            text-align: center;\r\n            color: var(--btg-text-dark);\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        .btg-kw {\r\n            color: var(--btg-text-dark);\r\n            position: relative;\r\n        }\r\n\r\n        .btg-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(--btg-grad1);\r\n            border-radius: 3px;\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n        }\r\n\r\n        .btg-section:hover .btg-kw::after {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .btg-sub {\r\n            font-family: var(--btg-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        .btg-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        .btg-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(--btg-tr);\r\n            display: flex;\r\n            flex-direction: column;\r\n            overflow: hidden;\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n        }\r\n\r\n        .btg-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(--btg-grad1);\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            z-index: 4;\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .btg-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .btg-card.btg-pressed {\r\n            transform: translateY(-1px) scale(0.985) !important;\r\n        }\r\n\r\n        .btg-card.btg-pressed::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .btg-card.btg-ripple::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 1;\r\n        }\r\n\r\n        .btg-card.btg-ripple-out::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 0;\r\n        }\r\n\r\n        .btg-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 0;\r\n            border-radius: 50%;\r\n            background: radial-gradient(circle, rgba(0,184,212,0.10) 0%, rgba(234,0,255,0.04) 60%, transparent 100%);\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.55s ease-out, height 0.55s ease-out, opacity 0.55s ease-out;\r\n            opacity: 0;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .btg-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(--btg-tr);\r\n            position: relative;\r\n            z-index: 3;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .btg-card:hover .btg-icon {\r\n            transform: scale(1.12) rotate(-4deg);\r\n        }\r\n\r\n        .btg-card.btg-pressed .btg-icon {\r\n            transform: scale(1.04) rotate(0deg);\r\n        }\r\n\r\n        .btg-emoji {\r\n            font-size: clamp(28px, 3.5vw, 36px);\r\n            margin-bottom: clamp(12px, 1.8vw, 16px);\r\n            display: inline-block;\r\n            transition: var(--btg-tr);\r\n            position: relative;\r\n            z-index: 3;\r\n            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .btg-card:hover .btg-emoji {\r\n            transform: scale(1.22) rotate(-6deg);\r\n        }\r\n\r\n        .btg-card.btg-pressed .btg-emoji {\r\n            transform: scale(1.08) rotate(0deg);\r\n        }\r\n\r\n        .btg-card-title {\r\n            font-family: var(--btg-ff);\r\n            font-size: clamp(0.95rem, 2vw, 1.1rem);\r\n            font-weight: 700;\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        .btg-card-desc {\r\n            font-family: var(--btg-ff);\r\n            font-size: clamp(0.8rem, 1.5vw, 0.9rem);\r\n            font-weight: 400;\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        \/* ========== SEC 1 ========== *\/\r\n        .btg-sec1 {\r\n            background: #fff;\r\n        }\r\n\r\n        .btg-sec1 .btg-card {\r\n            background: #fff;\r\n            border: 1.5px solid #dcdce5;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n        }\r\n\r\n        .btg-sec1 .btg-card:hover {\r\n            border-color: var(--btg-accent);\r\n            box-shadow: var(--btg-shadow-hover);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .btg-sec1 .btg-card-title { color: #000000; }\r\n        .btg-sec1 .btg-card-desc { color: #1a1a1a; }\r\n        .btg-sec1 .btg-heading { color: #000000; }\r\n        .btg-sec1 .btg-sub { color: #1a1a1a; }\r\n        .btg-sec1 .btg-kw { color: #000000; }\r\n\r\n        \/* ========== SEC 2 ========== *\/\r\n        .btg-sec2 {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        }\r\n\r\n        .btg-sec2 .btg-card {\r\n            background: rgba(255,255,255,0.95);\r\n            border: 1.5px solid rgba(255,255,255,0.55);\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.12);\r\n        }\r\n\r\n        .btg-sec2 .btg-card:hover {\r\n            border-color: rgba(255,255,255,0.85);\r\n            box-shadow: var(--btg-shadow-hover2);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .btg-sec2 .btg-card::before {\r\n            background: var(--btg-grad2);\r\n        }\r\n\r\n        .btg-sec2 .btg-card::after {\r\n            background: radial-gradient(circle, rgba(118,75,162,0.1) 0%, rgba(102,126,234,0.05) 60%, transparent 100%);\r\n        }\r\n\r\n        .btg-sec2 .btg-heading { color: #000000; }\r\n        .btg-sec2 .btg-kw { color: #000000; }\r\n        .btg-sec2 .btg-kw::after { background: var(--btg-grad2); }\r\n        .btg-sec2 .btg-sub { color: #000000; }\r\n        .btg-sec2 .btg-card-title { color: #000000; }\r\n        .btg-sec2 .btg-card-desc { color: #1a1a1a; }\r\n\r\n        \/* ========== SEC 3 ========== *\/\r\n        .btg-sec3 {\r\n            background: #fff;\r\n        }\r\n\r\n        .btg-sec3 .btg-card {\r\n            background: rgba(245, 247, 252, 0.7);\r\n            border: 1.5px solid #d8dce4;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.03);\r\n        }\r\n\r\n        .btg-sec3 .btg-card:hover {\r\n            border-color: var(--btg-accent);\r\n            box-shadow: var(--btg-shadow-hover);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .btg-sec3 .btg-card::before {\r\n            background: var(--btg-grad1);\r\n        }\r\n\r\n        .btg-sec3 .btg-heading { color: #000000; }\r\n        .btg-sec3 .btg-kw { color: #000000; }\r\n        .btg-sec3 .btg-sub { color: #1a1a1a; }\r\n        .btg-sec3 .btg-card-title { color: #000000; }\r\n        .btg-sec3 .btg-card-desc { color: #1a1a1a; }\r\n\r\n        \/* ========== RESPONSIVE ========== *\/\r\n        @media (max-width: 820px) {\r\n            .btg-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 16px;\r\n            }\r\n            .btg-section {\r\n                padding: clamp(36px, 6vw, 64px) 16px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 540px) {\r\n            .btg-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 14px;\r\n            }\r\n            .btg-card {\r\n                padding: 22px;\r\n            }\r\n            .btg-sub {\r\n                margin-bottom: 28px;\r\n            }\r\n            .btg-icon {\r\n                width: 46px;\r\n                height: 46px;\r\n                font-size: 18px;\r\n            }\r\n            .btg-emoji {\r\n                font-size: 28px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .btg-section {\r\n                padding: 32px 12px;\r\n            }\r\n            .btg-card {\r\n                padding: 18px;\r\n                border-radius: 12px;\r\n            }\r\n            .btg-heading {\r\n                font-size: 1.3rem;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n    (function() {\r\n        var btgCards = document.querySelectorAll('.btg-card');\r\n        btgCards.forEach(function(btgCardEl) {\r\n            function btgRipple(el) {\r\n                el.classList.remove('btg-ripple', 'btg-ripple-out');\r\n                void el.offsetWidth;\r\n                el.classList.add('btg-ripple');\r\n                setTimeout(function() {\r\n                    el.classList.add('btg-ripple-out');\r\n                }, 300);\r\n                setTimeout(function() {\r\n                    el.classList.remove('btg-ripple', 'btg-ripple-out');\r\n                }, 700);\r\n            }\r\n            btgCardEl.addEventListener('mousedown', function() {\r\n                btgCardEl.classList.add('btg-pressed');\r\n            });\r\n            btgCardEl.addEventListener('mouseup', function() {\r\n                setTimeout(function() {\r\n                    btgCardEl.classList.remove('btg-pressed');\r\n                }, 120);\r\n                btgRipple(btgCardEl);\r\n            });\r\n            btgCardEl.addEventListener('mouseleave', function() {\r\n                btgCardEl.classList.remove('btg-pressed', 'btg-ripple', 'btg-ripple-out');\r\n            });\r\n            btgCardEl.addEventListener('touchstart', function() {\r\n                btgCardEl.classList.add('btg-pressed');\r\n                btgRipple(btgCardEl);\r\n            }, { passive: true });\r\n            btgCardEl.addEventListener('touchend', function() {\r\n                setTimeout(function() {\r\n                    btgCardEl.classList.remove('btg-pressed');\r\n                }, 150);\r\n            });\r\n            btgCardEl.addEventListener('touchcancel', function() {\r\n                btgCardEl.classList.remove('btg-pressed', 'btg-ripple', 'btg-ripple-out');\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/div>\r\n\r\n[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<!-- START OF FILE Big Text Generator -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .pg-tool-wrapper {\r\n        --primary-font: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n        --body-font: \"Consolas\", \"Monaco\", \"Courier New\", monospace;\r\n        \r\n        --theme-panel: rgba(14, 8, 4, 0.97);\r\n        --theme-border: rgba(255, 94, 0, 0.35);\r\n        \r\n        --mega-orange: #ff5e00;\r\n        --mega-cyan: #00e5ff;\r\n        --mega-amber: #ffab00;\r\n        --mega-magenta: #e040fb;\r\n        --void-dark: #0a0503;\r\n        --text-bright: #f4f4f5;\r\n        --text-muted: #a1a1aa;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        --grad-mega: linear-gradient(135deg, #ff5e00 0%, #e040fb 100%);\r\n        --grad-shimmer: linear-gradient(90deg, transparent, rgba(255, 94, 0, 0.4), transparent);\r\n        --grad-dark: linear-gradient(180deg, rgba(14,8,4,0.8) 0%, rgba(10,5,3,0.98) 100%);\r\n        \r\n        --glow-orange: 0 0 25px rgba(255, 94, 0, 0.4);\r\n        --glow-cyan: 0 0 20px rgba(0, 229, 255, 0.5);\r\n        --glow-amber: 0 0 20px rgba(255, 171, 0, 0.5);\r\n        --glow-magenta: 0 0 20px rgba(224, 64, 251, 0.5);\r\n        --shadow-ui: 0 20px 50px rgba(0, 0, 0, 0.9);\r\n        \r\n        --transition-ui: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        --transition-fast: all 0.2s ease;\r\n        \r\n        font-family: var(--primary-font);\r\n        color: var(--text-bright);\r\n        line-height: 1.5;\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        text-align: center;\r\n        background: var(--grad-master);\r\n        background-attachment: fixed;\r\n    }\r\n\r\n    .pg-tool-wrapper * { box-sizing: border-box; }\r\n\r\n    .pg-container {\r\n        max-width: 1200px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        padding: 40px 20px !important;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .pg-hero-content-wrapper {\r\n        z-index: 2;\r\n        padding-top: 20px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pg-main-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 3.4rem;\r\n        font-weight: 900;\r\n        line-height: 1.05;\r\n        margin: 0 auto 15px auto;\r\n        text-transform: uppercase;\r\n        letter-spacing: 4px;\r\n        color: #fff;\r\n        text-shadow:\r\n            4px 4px 0px rgba(0,0,0,0.95),\r\n            -2px -2px 15px rgba(255, 94, 0, 0.6),\r\n            2px -2px 0px var(--mega-magenta);\r\n        max-width: 900px;\r\n        position: relative;\r\n        display: inline-block;\r\n        transition: var(--transition-ui);\r\n    }\r\n\r\n    .pg-main-title:hover {\r\n        letter-spacing: 7px;\r\n        text-shadow:\r\n            6px 6px 0px rgba(0,0,0,0.95),\r\n            -3px -3px 20px rgba(255, 94, 0, 0.8),\r\n            3px -3px 0px var(--mega-magenta);\r\n    }\r\n\r\n    .pg-main-title::after {\r\n        content: '';\r\n        display: block;\r\n        width: 120px;\r\n        height: 5px;\r\n        background: var(--grad-mega);\r\n        margin: 25px auto 0;\r\n        box-shadow: var(--glow-orange);\r\n        border-radius: 5px;\r\n        transition: var(--transition-ui);\r\n    }\r\n\r\n    .pg-main-title:hover::after { width: 300px; }\r\n\r\n    .pg-subtitle {\r\n        font-size: 1.1rem;\r\n        color: rgba(244, 244, 245, 0.85);\r\n        max-width: 750px;\r\n        margin: 0 auto 35px auto;\r\n        padding: 0 10px;\r\n        font-weight: 600;\r\n        letter-spacing: 0.5px;\r\n        text-shadow: 0 3px 6px rgba(0,0,0,0.8);\r\n    }\r\n\r\n    .pg-generator-card {\r\n        background: var(--theme-panel);\r\n        border: 1px solid var(--theme-border);\r\n        border-top-width: 4px;\r\n        border-top-color: var(--mega-orange);\r\n        width: 100%;\r\n        box-shadow: var(--shadow-ui), inset 0 0 40px rgba(0,0,0,0.8);\r\n        border-radius: 12px;\r\n        position: relative;\r\n        transform: translateY(0);\r\n        transition: var(--transition-ui);\r\n    }\r\n\r\n    .pg-generator-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 2px;\r\n        background: var(--grad-shimmer);\r\n        opacity: 0.3;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .pg-generator-card:hover::before { opacity: 1; }\r\n\r\n    .pg-controls-wrapper {\r\n        padding: 35px;\r\n        background: var(--grad-dark);\r\n        border-bottom: 2px solid #111;\r\n        display: grid;\r\n        grid-template-columns: 1.4fr 1fr;\r\n        gap: 30px;\r\n        align-items: stretch;\r\n    }\r\n\r\n    .pg-input-section {\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n    }\r\n\r\n    .pg-enhanced-input-wrapper {\r\n        background: rgba(5, 2, 1, 0.8);\r\n        border: 2px solid var(--theme-border);\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex-grow: 1;\r\n        transition: var(--transition-ui);\r\n        box-shadow: inset 0 0 25px rgba(0,0,0,1);\r\n    }\r\n\r\n    .pg-enhanced-input-wrapper:focus-within {\r\n        border-color: var(--mega-magenta);\r\n        box-shadow: inset 0 0 30px rgba(224, 64, 251, 0.12), 0 0 15px rgba(224, 64, 251, 0.25);\r\n    }\r\n\r\n    .pg-text-input {\r\n        width: 100% !important;\r\n        flex-grow: 1 !important;\r\n        min-height: 140px !important;\r\n        padding: 25px !important;\r\n        background: transparent !important;\r\n        border: none !important;\r\n        color: #fff !important;\r\n        font-family: var(--body-font) !important;\r\n        font-weight: bold !important;\r\n        font-size: 1.8rem !important;\r\n        outline: none !important;\r\n        text-align: left !important;\r\n        text-shadow: 2px 2px 0px #000;\r\n        overflow-wrap: break-word;\r\n        resize: none;\r\n    }\r\n\r\n    .pg-text-input::placeholder {\r\n        color: rgba(255, 94, 0, 0.3);\r\n        font-style: italic;\r\n    }\r\n\r\n    .pg-input-toolbar {\r\n        display: flex;\r\n        justify-content: flex-start;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n        background: rgba(14, 8, 4, 0.9);\r\n        padding: 15px;\r\n        border-top: 1px dashed rgba(255, 94, 0, 0.3);\r\n    }\r\n\r\n    .pg-toolbar-btn {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        color: var(--text-muted);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        padding: 8px 12px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        border-radius: 4px;\r\n        cursor: pointer;\r\n        transition: var(--transition-fast);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n    }\r\n\r\n    .pg-toolbar-btn i {\r\n        font-size: 0.9rem;\r\n        transition: transform 0.2s ease;\r\n    }\r\n\r\n    .pg-toolbar-btn:hover {\r\n        background: rgba(255, 94, 0, 0.1);\r\n        color: var(--mega-orange);\r\n        border-color: rgba(255, 94, 0, 0.4);\r\n        box-shadow: 0 0 10px rgba(255, 94, 0, 0.2);\r\n    }\r\n\r\n    .pg-toolbar-btn:hover i { transform: rotate(-10deg) scale(1.1); }\r\n    .pg-toolbar-btn:active { transform: scale(0.95); }\r\n\r\n    .pg-preset-select {\r\n        background: rgba(224, 64, 251, 0.1);\r\n        color: var(--mega-magenta);\r\n        border: 1px solid rgba(224, 64, 251, 0.3);\r\n        padding: 8px 12px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.75rem;\r\n        font-weight: 800;\r\n        border-radius: 4px;\r\n        cursor: pointer;\r\n        outline: none;\r\n        transition: var(--transition-fast);\r\n        text-transform: uppercase;\r\n        appearance: none;\r\n        flex-grow: 1;\r\n        max-width: 200px;\r\n    }\r\n\r\n    .pg-preset-select:hover, .pg-preset-select:focus {\r\n        background: var(--mega-magenta);\r\n        color: #fff;\r\n        border-color: var(--mega-magenta);\r\n        box-shadow: var(--glow-magenta);\r\n    }\r\n\r\n    .pg-preset-select option {\r\n        background: var(--void-dark);\r\n        color: #fff;\r\n    }\r\n\r\n    .pg-settings-section {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 25px;\r\n    }\r\n\r\n    .pg-panel-label {\r\n        display: flex;\r\n        align-items: center;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 800;\r\n        color: var(--text-bright);\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 12px;\r\n        text-shadow: 2px 2px 4px #000;\r\n    }\r\n\r\n    .pg-panel-label i {\r\n        color: var(--mega-orange);\r\n        margin-right: 8px;\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .pg-grid-options {\r\n        display: grid;\r\n        gap: 12px;\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .pg-option-btn {\r\n        background: rgba(25, 12, 5, 0.6);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        padding: 14px 8px;\r\n        color: var(--text-muted);\r\n        font-family: var(--primary-font);\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        border-radius: 6px;\r\n        transition: var(--transition-fast);\r\n        text-transform: uppercase;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 6px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pg-option-btn i {\r\n        font-size: 1.3rem;\r\n        transition: var(--transition-ui);\r\n    }\r\n\r\n    .pg-option-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 100%; left: 0; width: 100%; height: 100%;\r\n        background: rgba(224, 64, 251, 0.15);\r\n        transition: var(--transition-fast);\r\n        z-index: 0;\r\n    }\r\n\r\n    .pg-option-btn > * { position: relative; z-index: 1; }\r\n\r\n    .pg-option-btn:hover {\r\n        border-color: rgba(224, 64, 251, 0.4);\r\n        color: #fff;\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .pg-option-btn:hover::before { top: 0; }\r\n\r\n    .pg-option-btn:hover i {\r\n        transform: scale(1.1) rotate(15deg);\r\n        color: var(--mega-magenta);\r\n    }\r\n\r\n    .pg-option-btn.active {\r\n        background: var(--void-dark);\r\n        color: #fff;\r\n        border-color: var(--mega-orange);\r\n        box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 15px rgba(255, 94, 0, 0.2);\r\n    }\r\n\r\n    .pg-option-btn.active::before { display: none; }\r\n\r\n    .pg-option-btn.active i {\r\n        color: var(--mega-orange);\r\n        text-shadow: var(--glow-orange);\r\n    }\r\n\r\n    \/* MODE-SPECIFIC ACTIVE BUTTON COLORS *\/\r\n    .pg-option-btn.mode-btn[data-val=\"Massive\"].active { border-color: #ff5e00; box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 15px rgba(255,94,0,0.35); }\r\n    .pg-option-btn.mode-btn[data-val=\"Massive\"].active i { color: #ff5e00; text-shadow: 0 0 15px rgba(255,94,0,0.6); }\r\n\r\n    .pg-option-btn.mode-btn[data-val=\"Spaced\"].active { border-color: #00e5ff; box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 15px rgba(0,229,255,0.35); }\r\n    .pg-option-btn.mode-btn[data-val=\"Spaced\"].active i { color: #00e5ff; text-shadow: 0 0 15px rgba(0,229,255,0.6); }\r\n\r\n    .pg-option-btn.mode-btn[data-val=\"Layered\"].active { border-color: #ffab00; box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 15px rgba(255,171,0,0.35); }\r\n    .pg-option-btn.mode-btn[data-val=\"Layered\"].active i { color: #ffab00; text-shadow: 0 0 15px rgba(255,171,0,0.6); }\r\n\r\n    .pg-option-btn.mode-btn[data-val=\"Enclosed\"].active { border-color: #e040fb; box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 0 0 15px rgba(224,64,251,0.35); }\r\n    .pg-option-btn.mode-btn[data-val=\"Enclosed\"].active i { color: #e040fb; text-shadow: 0 0 15px rgba(224,64,251,0.6); }\r\n\r\n    .pg-results-area {\r\n        padding: 40px 30px;\r\n        position: relative;\r\n    }\r\n\r\n    .pg-result-list {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .pg-result-card {\r\n        background: #0d0705;\r\n        border: 1px solid rgba(255, 94, 0, 0.15);\r\n        padding: 25px 35px;\r\n        transition: var(--transition-ui);\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 10px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        min-height: 100px;\r\n        animation: pgCardIn 0.35s ease both;\r\n    }\r\n\r\n    .pg-result-card::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%; width: 50%; height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);\r\n        transform: skewX(-20deg);\r\n        transition: left 0.6s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .pg-result-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 4px; height: 100%;\r\n        background: var(--grad-mega);\r\n        transition: width 0.2s ease, opacity 0.2s ease;\r\n        opacity: 0.5;\r\n    }\r\n\r\n    .pg-result-card:hover {\r\n        transform: translateY(-4px) perspective(900px) rotateX(1.5deg) rotateY(-0.8deg);\r\n        box-shadow: 0 18px 40px rgba(0, 0, 0, 0.95), 0 0 25px rgba(255, 94, 0, 0.12);\r\n        border-color: rgba(255, 94, 0, 0.4);\r\n        background: #120907;\r\n        z-index: 10;\r\n    }\r\n\r\n    .pg-result-card:hover::after { left: 200%; }\r\n    .pg-result-card:hover::before { width: 6px; opacity: 1; }\r\n\r\n    .pg-card-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        width: 100%;\r\n        margin-bottom: 15px;\r\n        border-bottom: 1px solid rgba(255,255,255,0.05);\r\n        padding-bottom: 15px;\r\n    }\r\n\r\n    .pg-card-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 800;\r\n        color: var(--text-muted);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        transition: var(--transition-fast);\r\n    }\r\n\r\n    .pg-card-title i {\r\n        color: var(--mega-magenta);\r\n        font-size: 1.3rem;\r\n        transition: var(--transition-ui);\r\n    }\r\n\r\n    .pg-result-card:hover .pg-card-title {\r\n        color: #fff;\r\n        letter-spacing: 3px;\r\n    }\r\n\r\n    .pg-result-card:hover .pg-card-title i {\r\n        transform: scale(1.25) translateY(-3px);\r\n        animation: pgIconBounce 0.5s ease;\r\n    }\r\n\r\n    .pg-card-copy-btn {\r\n        background: rgba(255, 94, 0, 0.1);\r\n        border: 1px solid rgba(255, 94, 0, 0.3);\r\n        color: var(--mega-orange);\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: var(--transition-fast);\r\n        outline: none;\r\n    }\r\n\r\n    .pg-card-copy-btn i {\r\n        font-size: 1.2rem;\r\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .pg-card-copy-btn:hover {\r\n        background: var(--mega-orange);\r\n        color: #000;\r\n        box-shadow: var(--glow-orange);\r\n        transform: scale(1.08);\r\n    }\r\n\r\n    .pg-card-copy-btn:hover i { transform: scale(1.25) translateY(-2px); }\r\n    .pg-card-copy-btn:active { transform: scale(0.92); }\r\n\r\n    .pg-card-preview {\r\n        font-size: 1.8rem;\r\n        color: #fff;\r\n        word-break: break-word;\r\n        width: 100%;\r\n        text-align: left;\r\n        font-family: var(--body-font);\r\n        position: relative;\r\n        z-index: 1;\r\n        padding: 10px 0;\r\n        text-shadow: 2px 2px 5px #000;\r\n        transition: var(--transition-fast);\r\n        white-space: pre-wrap !important;\r\n        overflow-wrap: break-word !important;\r\n        box-sizing: border-box !important;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .pg-result-card:hover .pg-card-preview {\r\n        text-shadow: 2px 2px 10px rgba(255, 94, 0, 0.4), -1px -1px 0 #000;\r\n        color: var(--text-bright);\r\n    }\r\n\r\n    \/* ==============================\r\n       MODE: MASSIVE \u2014 ORANGE\r\n       ============================== *\/\r\n    .pg-result-card.mode-massive {\r\n        background: linear-gradient(135deg, rgba(255,94,0,0.04) 0%, rgba(13,7,5,0.97) 100%);\r\n        border-color: rgba(255,94,0,0.18);\r\n        border-top: 2px solid rgba(255,94,0,0.35);\r\n    }\r\n    .pg-result-card.mode-massive::before { background: linear-gradient(180deg, #ff5e00, #cc4a00); }\r\n    .pg-result-card.mode-massive .pg-card-title i { color: #ff5e00; }\r\n    .pg-result-card.mode-massive .pg-card-copy-btn { background: rgba(255,94,0,0.1); border-color: rgba(255,94,0,0.3); color: #ff5e00; }\r\n    .pg-result-card.mode-massive .pg-card-copy-btn:hover { background: #ff5e00; color: #000; box-shadow: 0 0 20px rgba(255,94,0,0.5); }\r\n    .pg-result-card.mode-massive .pg-card-header { border-bottom-color: rgba(255,94,0,0.07); }\r\n    .pg-result-card.mode-massive:hover { border-color: rgba(255,94,0,0.5); border-top-color: #ff5e00; box-shadow: 0 18px 40px rgba(0,0,0,0.95), 0 0 30px rgba(255,94,0,0.12); background: linear-gradient(135deg, rgba(255,94,0,0.07) 0%, rgba(18,9,7,0.97) 100%); }\r\n    .pg-result-card.mode-massive:hover .pg-card-title { text-shadow: 0 0 12px rgba(255,94,0,0.5); }\r\n    .pg-result-card.mode-massive:hover .pg-card-preview { text-shadow: 3px 3px 0 rgba(255,94,0,0.5), -2px -2px 0 #000; }\r\n\r\n    \/* ==============================\r\n       MODE: SPACED \u2014 CYAN\r\n       ============================== *\/\r\n    .pg-result-card.mode-spaced {\r\n        background: linear-gradient(135deg, rgba(0,229,255,0.04) 0%, rgba(5,10,13,0.97) 100%);\r\n        border-color: rgba(0,229,255,0.18);\r\n        border-top: 2px solid rgba(0,229,255,0.35);\r\n    }\r\n    .pg-result-card.mode-spaced::before { background: linear-gradient(180deg, #00e5ff, #0097a7); }\r\n    .pg-result-card.mode-spaced .pg-card-title i { color: #00e5ff; }\r\n    .pg-result-card.mode-spaced .pg-card-copy-btn { background: rgba(0,229,255,0.1); border-color: rgba(0,229,255,0.3); color: #00e5ff; }\r\n    .pg-result-card.mode-spaced .pg-card-copy-btn:hover { background: #00e5ff; color: #000; box-shadow: 0 0 20px rgba(0,229,255,0.5); }\r\n    .pg-result-card.mode-spaced .pg-card-header { border-bottom-color: rgba(0,229,255,0.07); }\r\n    .pg-result-card.mode-spaced:hover { border-color: rgba(0,229,255,0.5); border-top-color: #00e5ff; box-shadow: 0 18px 40px rgba(0,0,0,0.95), 0 0 30px rgba(0,229,255,0.12); background: linear-gradient(135deg, rgba(0,229,255,0.07) 0%, rgba(7,12,18,0.97) 100%); }\r\n    .pg-result-card.mode-spaced:hover .pg-card-title { text-shadow: 0 0 12px rgba(0,229,255,0.5); }\r\n    .pg-result-card.mode-spaced:hover .pg-card-preview { text-shadow: 3px 3px 0 rgba(0,229,255,0.4), -2px -2px 0 #000; }\r\n\r\n    \/* ==============================\r\n       MODE: LAYERED \u2014 AMBER\r\n       ============================== *\/\r\n    .pg-result-card.mode-layered {\r\n        background: linear-gradient(135deg, rgba(255,171,0,0.04) 0%, rgba(13,10,3,0.97) 100%);\r\n        border-color: rgba(255,171,0,0.18);\r\n        border-top: 2px solid rgba(255,171,0,0.35);\r\n    }\r\n    .pg-result-card.mode-layered::before { background: linear-gradient(180deg, #ffab00, #ff8f00); }\r\n    .pg-result-card.mode-layered .pg-card-title i { color: #ffab00; }\r\n    .pg-result-card.mode-layered .pg-card-copy-btn { background: rgba(255,171,0,0.1); border-color: rgba(255,171,0,0.3); color: #ffab00; }\r\n    .pg-result-card.mode-layered .pg-card-copy-btn:hover { background: #ffab00; color: #000; box-shadow: 0 0 20px rgba(255,171,0,0.5); }\r\n    .pg-result-card.mode-layered .pg-card-header { border-bottom-color: rgba(255,171,0,0.07); }\r\n    .pg-result-card.mode-layered:hover { border-color: rgba(255,171,0,0.5); border-top-color: #ffab00; box-shadow: 0 18px 40px rgba(0,0,0,0.95), 0 0 30px rgba(255,171,0,0.12); background: linear-gradient(135deg, rgba(255,171,0,0.07) 0%, rgba(18,14,5,0.97) 100%); }\r\n    .pg-result-card.mode-layered:hover .pg-card-title { text-shadow: 0 0 12px rgba(255,171,0,0.5); }\r\n    .pg-result-card.mode-layered:hover .pg-card-preview { text-shadow: 3px 3px 0 rgba(255,171,0,0.4), -2px -2px 0 #000; }\r\n\r\n    \/* ==============================\r\n       MODE: ENCLOSED \u2014 MAGENTA\r\n       ============================== *\/\r\n    .pg-result-card.mode-enclosed {\r\n        background: linear-gradient(135deg, rgba(224,64,251,0.04) 0%, rgba(12,4,13,0.97) 100%);\r\n        border-color: rgba(224,64,251,0.18);\r\n        border-top: 2px solid rgba(224,64,251,0.35);\r\n    }\r\n    .pg-result-card.mode-enclosed::before { background: linear-gradient(180deg, #e040fb, #aa00ff); }\r\n    .pg-result-card.mode-enclosed .pg-card-title i { color: #e040fb; }\r\n    .pg-result-card.mode-enclosed .pg-card-copy-btn { background: rgba(224,64,251,0.1); border-color: rgba(224,64,251,0.3); color: #e040fb; }\r\n    .pg-result-card.mode-enclosed .pg-card-copy-btn:hover { background: #e040fb; color: #fff; box-shadow: 0 0 20px rgba(224,64,251,0.5); }\r\n    .pg-result-card.mode-enclosed .pg-card-header { border-bottom-color: rgba(224,64,251,0.07); }\r\n    .pg-result-card.mode-enclosed:hover { border-color: rgba(224,64,251,0.5); border-top-color: #e040fb; box-shadow: 0 18px 40px rgba(0,0,0,0.95), 0 0 30px rgba(224,64,251,0.12); background: linear-gradient(135deg, rgba(224,64,251,0.07) 0%, rgba(16,5,18,0.97) 100%); }\r\n    .pg-result-card.mode-enclosed:hover .pg-card-title { text-shadow: 0 0 12px rgba(224,64,251,0.5); }\r\n    .pg-result-card.mode-enclosed:hover .pg-card-preview { text-shadow: 3px 3px 0 rgba(224,64,251,0.4), -2px -2px 0 #000; }\r\n\r\n    \/* ==============================\r\n       STYLE INDICATOR DOT\r\n       ============================== *\/\r\n    .pg-result-card .pg-style-dot {\r\n        width: 8px; height: 8px; border-radius: 50%;\r\n        display: inline-block; margin-left: 6px; flex-shrink: 0;\r\n    }\r\n    .pg-result-card.style-boldblocks .pg-style-dot { background: #ff5e00; box-shadow: 0 0 6px rgba(255,94,0,0.5); }\r\n    .pg-result-card.style-wideexpanded .pg-style-dot { background: #00e5ff; box-shadow: 0 0 6px rgba(0,229,255,0.5); }\r\n    .pg-result-card.style-shadowextrude .pg-style-dot { background: #ffab00; box-shadow: 0 0 6px rgba(255,171,0,0.5); }\r\n\r\n    \/* ==============================\r\n       LOAD MORE \u2014 CTA + PULSE + SHIMMER\r\n       ============================== *\/\r\n    .pg-btn-load {\r\n        background: transparent;\r\n        color: #fff;\r\n        border: 2px solid var(--mega-orange);\r\n        padding: 18px 45px;\r\n        font-family: var(--primary-font);\r\n        font-weight: 900;\r\n        font-size: 1rem;\r\n        cursor: pointer;\r\n        margin-top: 40px;\r\n        text-transform: uppercase;\r\n        border-radius: 6px;\r\n        transition: var(--transition-fast);\r\n        position: relative;\r\n        z-index: 2;\r\n        letter-spacing: 2px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.8);\r\n        overflow: visible;\r\n    }\r\n\r\n    .pg-btn-load::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -3px; left: -3px; right: -3px; bottom: -3px;\r\n        border-radius: 8px;\r\n        border: 2px solid var(--mega-orange);\r\n        opacity: 0;\r\n        z-index: -1;\r\n        pointer-events: none;\r\n        animation: pgPulseRing 2.5s ease-out infinite;\r\n    }\r\n\r\n    .pg-btn-load::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%; width: 50%; height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);\r\n        transform: skewX(-20deg);\r\n        pointer-events: none;\r\n        animation: pgShimmer 4s ease-in-out infinite;\r\n    }\r\n\r\n    .pg-btn-load i { transition: transform 0.3s ease; }\r\n\r\n    .pg-btn-load:hover {\r\n        background: rgba(255, 94, 0, 0.12);\r\n        box-shadow: var(--glow-orange);\r\n        transform: translateY(-3px);\r\n        text-shadow: 0 0 8px var(--mega-orange);\r\n    }\r\n\r\n    .pg-btn-load:hover::before { animation: none; opacity: 0.4; transform: scale(1.05, 1.2); }\r\n    .pg-btn-load:hover i { transform: translateY(4px); }\r\n    .pg-btn-load:active { transform: translateY(0); }\r\n\r\n    .pg-btn-load.btn-spaced { border-color: #00e5ff; }\r\n    .pg-btn-load.btn-spaced::before { border-color: #00e5ff; }\r\n    .pg-btn-load.btn-spaced:hover { background: rgba(0,229,255,0.12); box-shadow: 0 0 20px rgba(0,229,255,0.5); text-shadow: 0 0 8px #00e5ff; }\r\n\r\n    .pg-btn-load.btn-layered { border-color: #ffab00; }\r\n    .pg-btn-load.btn-layered::before { border-color: #ffab00; }\r\n    .pg-btn-load.btn-layered:hover { background: rgba(255,171,0,0.12); box-shadow: 0 0 20px rgba(255,171,0,0.5); text-shadow: 0 0 8px #ffab00; }\r\n\r\n    .pg-btn-load.btn-enclosed { border-color: #e040fb; }\r\n    .pg-btn-load.btn-enclosed::before { border-color: #e040fb; }\r\n    .pg-btn-load.btn-enclosed:hover { background: rgba(224,64,251,0.12); box-shadow: 0 0 20px rgba(224,64,251,0.5); text-shadow: 0 0 8px #e040fb; }\r\n\r\n    \/* ==============================\r\n       TOAST \u2014 MODE-COLORED\r\n       ============================== *\/\r\n    .pg-toast {\r\n        visibility: hidden;\r\n        background: #0a0a0a;\r\n        color: #fff;\r\n        padding: 15px 30px;\r\n        position: fixed;\r\n        left: 50%;\r\n        bottom: 40px;\r\n        transform: translateX(-50%) translateY(20px);\r\n        font-family: var(--primary-font);\r\n        font-weight: 800;\r\n        z-index: 10000;\r\n        border-radius: 8px;\r\n        border: 1px solid var(--mega-orange);\r\n        border-left: 5px solid var(--mega-orange);\r\n        text-transform: uppercase;\r\n        box-shadow: var(--shadow-ui), var(--glow-orange);\r\n        letter-spacing: 1px;\r\n        opacity: 0;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    .pg-toast i { color: var(--mega-orange); font-size: 1.2rem; }\r\n\r\n    .pg-toast.show {\r\n        visibility: visible;\r\n        opacity: 1;\r\n        transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    .pg-toast.toast-massive { border-color: #ff5e00; border-left-color: #ff5e00; box-shadow: var(--shadow-ui), 0 0 20px rgba(255,94,0,0.5); }\r\n    .pg-toast.toast-massive i { color: #ff5e00; }\r\n\r\n    .pg-toast.toast-spaced { border-color: #00e5ff; border-left-color: #00e5ff; box-shadow: var(--shadow-ui), 0 0 20px rgba(0,229,255,0.5); }\r\n    .pg-toast.toast-spaced i { color: #00e5ff; }\r\n\r\n    .pg-toast.toast-layered { border-color: #ffab00; border-left-color: #ffab00; box-shadow: var(--shadow-ui), 0 0 20px rgba(255,171,0,0.5); }\r\n    .pg-toast.toast-layered i { color: #ffab00; }\r\n\r\n    .pg-toast.toast-enclosed { border-color: #e040fb; border-left-color: #e040fb; box-shadow: var(--shadow-ui), 0 0 20px rgba(224,64,251,0.5); }\r\n    .pg-toast.toast-enclosed i { color: #e040fb; }\r\n\r\n    \/* MAIN CARD TOP BORDER \u2014 MODE *\/\r\n    .pg-generator-card.card-mode-massive { border-top-color: #ff5e00; }\r\n    .pg-generator-card.card-mode-spaced { border-top-color: #00e5ff; }\r\n    .pg-generator-card.card-mode-layered { border-top-color: #ffab00; }\r\n    .pg-generator-card.card-mode-enclosed { border-top-color: #e040fb; }\r\n\r\n    \/* ==============================\r\n       KEYFRAME ANIMATIONS\r\n       ============================== *\/\r\n    @keyframes pgCardIn {\r\n        from { opacity: 0; transform: translateY(12px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes pgIconBounce {\r\n        0%, 100% { transform: scale(1.25) translateY(-3px); }\r\n        50% { transform: scale(1.45) translateY(-6px); }\r\n    }\r\n\r\n    @keyframes pgPulseRing {\r\n        0% { transform: scale(1); opacity: 0.5; }\r\n        100% { transform: scale(1.06, 1.18); opacity: 0; }\r\n    }\r\n\r\n    @keyframes pgShimmer {\r\n        0%, 100% { left: -100%; }\r\n        50% { left: 200%; }\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 900px) {\r\n        .pg-main-title { font-size: 2.4rem; }\r\n        .pg-controls-wrapper { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .pg-container { padding: 30px 15px !important; }\r\n        .pg-results-area { padding: 30px 15px; }\r\n        .pg-controls-wrapper { padding: 20px; gap: 20px; }\r\n        .pg-text-input { min-height: 100px !important; font-size: 1.4rem !important; }\r\n        .pg-input-toolbar { justify-content: center; }\r\n        .pg-preset-select { max-width: 100%; }\r\n        .pg-result-list { grid-template-columns: 1fr; gap: 15px; }\r\n        .pg-option-btn { padding: 12px 8px; font-size: 0.7rem; }\r\n        .pg-option-btn i { font-size: 1.1rem; }\r\n        .pg-btn-load { padding: 15px 30px; font-size: 0.9rem; width: 100%; justify-content: center; }\r\n        .pg-main-title { font-size: 1.9rem; letter-spacing: 2px; }\r\n        .pg-subtitle { font-size: 0.9rem; }\r\n        .pg-result-card { padding: 20px 20px; }\r\n        .pg-card-preview { font-size: 1.4rem; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-tool-wrapper\">\r\n    <div class=\"pg-container pg-hero-content-wrapper\">\r\n        <h1 class=\"pg-main-title\">Big Text Generator \u2013 Enlarge Instantly<\/h1>\r\n        <p class=\"pg-subtitle\">Generate massive, eye-catching text using bold Unicode blocks, wide expanded characters, and extruded shadow effects. Perfect for headlines, banners, and posts that demand attention.<\/p>\r\n        \r\n        <div class=\"pg-generator-card\" id=\"pgMainCard\">\r\n            <div class=\"pg-controls-wrapper\">\r\n                \r\n                <div class=\"pg-input-section\">\r\n                    <div class=\"pg-panel-label\"><i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i> Your Base Text<\/div>\r\n                    <div class=\"pg-enhanced-input-wrapper\">\r\n                        <textarea class=\"pg-text-input\" id=\"pgInputText\" placeholder=\"Type something big...\"><\/textarea>\r\n                        \r\n                        <div class=\"pg-input-toolbar\">\r\n                            <button class=\"pg-toolbar-btn\" id=\"pgBtnPaste\"><i class=\"fa-solid fa-paste\"><\/i> Paste<\/button>\r\n                            <button class=\"pg-toolbar-btn\" id=\"pgBtnSelectAll\"><i class=\"fa-solid fa-object-group\"><\/i> Select<\/button>\r\n                            <button class=\"pg-toolbar-btn\" id=\"pgBtnCopy\"><i class=\"fa-solid fa-copy\"><\/i> Copy<\/button>\r\n                            \r\n                            <select class=\"pg-preset-select\" id=\"pgPresetSelect\">\r\n                                <option value=\"\" disabled selected>\u2728 Big Text Presets<\/option>\r\n                                <option value=\"MASSIVE IMPACT\">Massive Impact<\/option>\r\n                                <option value=\"BIG AND BOLD\">Big and Bold<\/option>\r\n                                <option value=\"STAND OUT NOW\">Stand Out Now<\/option>\r\n                                <option value=\"MAKE IT HUGE\">Make It Huge<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"pg-settings-section\">\r\n                    <div>\r\n                        <div class=\"pg-panel-label\"><i class=\"fa-solid fa-masks-theater\"><\/i> Display Mode<\/div>\r\n                        <div class=\"pg-grid-options\">\r\n                            <button class=\"pg-option-btn mode-btn active\" data-val=\"Massive\">\r\n                                <i class=\"fa-solid fa-expand\"><\/i> Massive\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn mode-btn\" data-val=\"Spaced\">\r\n                                <i class=\"fa-solid fa-text-width\"><\/i> Spaced Out\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn mode-btn\" data-val=\"Layered\">\r\n                                <i class=\"fa-solid fa-layer-group\"><\/i> Layered\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn mode-btn\" data-val=\"Enclosed\">\r\n                                <i class=\"fa-solid fa-border-all\"><\/i> Enclosed\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <div class=\"pg-panel-label\"><i class=\"fa-solid fa-font\"><\/i> Typography Style<\/div>\r\n                        <div class=\"pg-grid-options\">\r\n                            <button class=\"pg-option-btn style-btn active\" data-val=\"BoldBlocks\">\r\n                                <i class=\"fa-solid fa-bold\"><\/i> Ultra Bold\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn style-btn\" data-val=\"WideExpanded\">\r\n                                <i class=\"fa-solid fa-left-right\"><\/i> Wide Display\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn style-btn\" data-val=\"ShadowExtrude\">\r\n                                <i class=\"fa-solid fa-clone\"><\/i> Shadow Extrude\r\n                            <\/button>\r\n                            <button class=\"pg-option-btn style-btn\" data-val=\"Normal\">\r\n                                <i class=\"fa-solid fa-n\"><\/i> Standard\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"pg-results-area\">\r\n                <div class=\"pg-result-list\" id=\"pgResultList\"><\/div>\r\n                <button class=\"pg-btn-load\" id=\"pgLoadMoreBtn\"><span>Generate More Variations<\/span> <i class=\"fa-solid fa-arrow-down\"><\/i><\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"pgToast\" class=\"pg-toast\"><i class=\"fa-solid fa-check-double\"><\/i> Big Text Copied<\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const inputEl = document.getElementById('pgInputText');\r\n    const resultList = document.getElementById('pgResultList');\r\n    const loadMoreBtn = document.getElementById('pgLoadMoreBtn');\r\n    const toast = document.getElementById('pgToast');\r\n    const btnPaste = document.getElementById('pgBtnPaste');\r\n    const btnSelectAll = document.getElementById('pgBtnSelectAll');\r\n    const btnCopy = document.getElementById('pgBtnCopy');\r\n    const presetSelect = document.getElementById('pgPresetSelect');\r\n    const mainCard = document.getElementById('pgMainCard');\r\n\r\n    let currentMode = 'Massive';\r\n    let currentStyle = 'BoldBlocks';\r\n    let limit = 6;\r\n    const LOAD_INCREMENT = 6;\r\n\r\n    const baseChars = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ\";\r\n    const boldBlockArr = Array.from(\"\ud835\uddee\ud835\uddef\ud835\uddf0\ud835\uddf1\ud835\uddf2\ud835\uddf3\ud835\uddf4\ud835\uddf5\ud835\uddf6\ud835\uddf7\ud835\uddf8\ud835\uddf9\ud835\uddfa\ud835\uddfb\ud835\uddfc\ud835\uddfd\ud835\uddfe\ud835\uddff\ud835\ude00\ud835\ude01\ud835\ude02\ud835\ude03\ud835\ude04\ud835\ude05\ud835\ude06\ud835\ude07\ud835\uddd4\ud835\uddd5\ud835\uddd6\ud835\uddd7\ud835\uddd8\ud835\uddd9\ud835\uddda\ud835\udddb\ud835\udddc\ud835\udddd\ud835\uddde\ud835\udddf\ud835\udde0\ud835\udde1\ud835\udde2\ud835\udde3\ud835\udde4\ud835\udde5\ud835\udde6\ud835\udde7\ud835\udde8\ud835\udde9\ud835\uddea\ud835\uddeb\ud835\uddec\ud835\udded\");\r\n    const wideExpandedArr = Array.from(\"\uff41\uff42\uff43\uff44\uff45\uff46\uff47\uff48\uff49\uff4a\uff4b\uff4c\uff4d\uff4e\uff4f\uff50\uff51\uff52\uff53\uff54\uff55\uff56\uff57\uff58\uff59\uff5a\uff21\uff22\uff23\uff24\uff25\uff26\uff27\uff28\uff29\uff2a\uff2b\uff2c\uff2d\uff2e\uff2f\uff30\uff31\uff32\uff33\uff34\uff35\uff36\uff37\uff38\uff39\uff3a\");\r\n\r\n    const rand = (max) => Math.floor(Math.random() * max);\r\n\r\n    const generateConfigs = () => {\r\n        const templates = [];\r\n        const names = ['Mega Display', 'Poster Print', 'Billboard', 'Marquee', 'Headline', 'Banner', 'Spotlight', 'Blockbuster', 'Oversized', 'Jumbotron', 'Super Size', 'Colossal'];\r\n        let idCounter = 0;\r\n        for (let i = 0; i < 120; i++) {\r\n            templates.push({\r\n                id: `big-${idCounter++}`,\r\n                name: names[i % names.length] + ` Variant-${rand(99)}`,\r\n                icon: ['expand', 'text-height', 'up-right-and-down-left-from-center', 'maximize', 'arrows-left-right-to-line', 'bold', 'heading', 'square-full', 'object-group', 'clone'][i % 10]\r\n            });\r\n        }\r\n        return templates;\r\n    };\r\n\r\n    const ALL_STYLES = generateConfigs();\r\n\r\n    const applyBaseStyle = (char, style) => {\r\n        const index = baseChars.indexOf(char);\r\n        if (index === -1) return char;\r\n        if (style === 'BoldBlocks') return boldBlockArr[index] || char;\r\n        if (style === 'WideExpanded') return wideExpandedArr[index] || char;\r\n        if (style === 'ShadowExtrude') return char + '\\u0332';\r\n        return char;\r\n    };\r\n\r\n    const transformLogic = (text, mode, style, variationIndex) => {\r\n        let chars = Array.from(text);\r\n        let styledChars = chars.map(c => applyBaseStyle(c, style));\r\n        let styledText = styledChars.join('');\r\n        let result = '';\r\n\r\n        if (mode === 'Massive') {\r\n            const wraps = [\r\n                ['\u3010 ', ' \u3011'], ['\u3016 ', ' \u3017'], ['\u300c ', ' \u300d'], ['\u300e ', ' \u300f'],\r\n                ['\u27e8 ', ' \u27e9'], ['\u2997 ', ' \u2998'], ['\u25c6 ', ' \u25c6'], ['\u25b6 ', ' \u25c0'],\r\n                ['\u2588 ', ' \u2588'], ['\u25aa ', ' \u25aa']\r\n            ];\r\n            const w = wraps[variationIndex % wraps.length];\r\n            result = w[0] + styledText + w[1];\r\n            if (variationIndex % 3 === 0) result = result.toUpperCase ? result : result;\r\n            if (variationIndex % 4 === 0) result = '\u2605 ' + result + ' \u2605';\r\n\r\n        } else if (mode === 'Spaced') {\r\n            const spaces = ['   ', '  ', ' \u00b7 ', ' \u2027 ', ' \u2022 ', ' \u2500 ', ' \u25e6 ', ' \u25b8 ', ' \u27e9 ', ' \u27a4 '];\r\n            const sp = spaces[variationIndex % spaces.length];\r\n            result = styledChars.join(sp);\r\n            if (variationIndex % 5 === 0) result = '\u27d0 ' + result + ' \u27d0';\r\n\r\n        } else if (mode === 'Layered') {\r\n            const layers = (variationIndex % 3) + 2;\r\n            const shadowMarks = ['\\u0332', '\\u0330', '\\u0323', '\\u0316', '\\u0317', '\\u0318'];\r\n            let lines = [];\r\n            for (let i = 0; i < layers; i++) {\r\n                let layerChars = chars.map(c => {\r\n                    if (c === ' ') return ' ';\r\n                    let styled = applyBaseStyle(c, style);\r\n                    if (style === 'ShadowExtrude') {\r\n                        styled = c + shadowMarks[(i + variationIndex) % shadowMarks.length] + shadowMarks[(i + variationIndex + 2) % shadowMarks.length];\r\n                    } else if (i > 0) {\r\n                        styled = c + shadowMarks[(i + variationIndex) % shadowMarks.length];\r\n                    }\r\n                    return styled;\r\n                }).join('');\r\n                lines.push(layerChars);\r\n            }\r\n            result = lines.join('\\n');\r\n\r\n        } else if (mode === 'Enclosed') {\r\n            const words = styledText.split(' ');\r\n            const boxStyles = [\r\n                (w) => `[ ${w} ]`,\r\n                (w) => `\u27ea ${w} \u27eb`,\r\n                (w) => `\u2503${w}\u2503`,\r\n                (w) => `-=${w}=-`,\r\n                (w) => `\u2605 ${w} \u2605`,\r\n                (w) => `\u25ba ${w} \u25c4`,\r\n                (w) => `\u276e ${w} \u276f`,\r\n                (w) => `\u300c${w}\u300d`,\r\n                (w) => `\u2590${w}\u258c`,\r\n                (w) => `\u25c6${w}\u25c6`\r\n            ];\r\n            const boxFn = boxStyles[variationIndex % boxStyles.length];\r\n            result = words.map(w => w ? boxFn(w) : '').join('  ');\r\n            if (variationIndex % 3 === 0) {\r\n                result = '\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\\n\u2551  ' + result + '  \u2551\\n\u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d';\r\n            }\r\n        }\r\n\r\n        return result;\r\n    };\r\n\r\n    const getModeClass = (mode) => `mode-${mode.toLowerCase()}`;\r\n    const getStyleClass = (style) => `style-${style.toLowerCase()}`;\r\n\r\n    const updateGlobalTheme = () => {\r\n        mainCard.className = 'pg-generator-card';\r\n        mainCard.classList.add(`card-mode-${currentMode.toLowerCase()}`);\r\n\r\n        loadMoreBtn.className = 'pg-btn-load';\r\n        if (currentMode !== 'Massive') {\r\n            loadMoreBtn.classList.add(`btn-${currentMode.toLowerCase()}`);\r\n        }\r\n\r\n        toast.className = 'pg-toast';\r\n        toast.classList.add(`toast-${currentMode.toLowerCase()}`);\r\n    };\r\n\r\n    const render = () => {\r\n        updateGlobalTheme();\r\n        resultList.innerHTML = '';\r\n        let raw = inputEl.value || \"Make It Big\";\r\n        const displayList = ALL_STYLES.slice(0, limit);\r\n        const mClass = getModeClass(currentMode);\r\n        const sClass = getStyleClass(currentStyle);\r\n\r\n        displayList.forEach((s, idx) => {\r\n            const out = transformLogic(raw, currentMode, currentStyle, idx);\r\n            const card = document.createElement('div');\r\n            card.className = `pg-result-card ${mClass} ${sClass}`;\r\n            card.style.animationDelay = `${idx * 0.04}s`;\r\n            card.innerHTML = `\r\n                <div class=\"pg-card-header\">\r\n                    <div class=\"pg-card-title\"><i class=\"fa-solid fa-${s.icon}\"><\/i> ${s.name}<span class=\"pg-style-dot\"><\/span><\/div>\r\n                    <button class=\"pg-card-copy-btn\" title=\"Copy Text\"><i class=\"fa-regular fa-copy\"><\/i><\/button>\r\n                <\/div>\r\n                <div class=\"pg-card-preview\">${out}<\/div>\r\n            `;\r\n\r\n            const copyBtn = card.querySelector('.pg-card-copy-btn');\r\n            copyBtn.addEventListener('click', (e) => {\r\n                e.stopPropagation();\r\n                navigator.clipboard.writeText(out);\r\n                const modeColor = {Massive:'#ff5e00', Spaced:'#00e5ff', Layered:'#ffab00', Enclosed:'#e040fb'}[currentMode];\r\n                copyBtn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i>';\r\n                copyBtn.style.background = modeColor;\r\n                copyBtn.style.borderColor = modeColor;\r\n                copyBtn.style.color = currentMode === 'Enclosed' ? '#fff' : '#000';\r\n                toast.classList.add('show');\r\n                setTimeout(() => {\r\n                    copyBtn.innerHTML = '<i class=\"fa-regular fa-copy\"><\/i>';\r\n                    copyBtn.style.background = '';\r\n                    copyBtn.style.borderColor = '';\r\n                    copyBtn.style.color = '';\r\n                    toast.classList.remove('show');\r\n                }, 2000);\r\n            });\r\n            resultList.appendChild(card);\r\n        });\r\n\r\n        loadMoreBtn.style.display = limit >= ALL_STYLES.length ? 'none' : 'inline-flex';\r\n        const remaining = Math.max(0, ALL_STYLES.length - limit);\r\n        if (remaining > 0) loadMoreBtn.querySelector('span').innerText = `Generate More Variations (${remaining})`;\r\n    };\r\n\r\n    inputEl.addEventListener('input', render);\r\n\r\n    btnPaste.addEventListener('click', async () => {\r\n        try {\r\n            const text = await navigator.clipboard.readText();\r\n            inputEl.value = text;\r\n            render();\r\n        } catch (err) {\r\n            alert('Unable to paste. Please use Ctrl+V \/ Cmd+V.');\r\n        }\r\n    });\r\n\r\n    btnSelectAll.addEventListener('click', () => { inputEl.select(); });\r\n\r\n    btnCopy.addEventListener('click', () => {\r\n        if (inputEl.value) {\r\n            navigator.clipboard.writeText(inputEl.value);\r\n            toast.querySelector('i').className = 'fa-solid fa-copy';\r\n            toast.querySelector('i').nextSibling.textContent = ' Source Copied';\r\n            toast.classList.add('show');\r\n            setTimeout(() => {\r\n                toast.classList.remove('show');\r\n                setTimeout(() => {\r\n                    toast.querySelector('i').className = 'fa-solid fa-check-double';\r\n                    toast.querySelector('i').nextSibling.textContent = ' Big Text Copied';\r\n                }, 400);\r\n            }, 2500);\r\n        }\r\n    });\r\n\r\n    presetSelect.addEventListener('change', (e) => {\r\n        if (e.target.value) {\r\n            inputEl.value = e.target.value;\r\n            render();\r\n            e.target.selectedIndex = 0;\r\n        }\r\n    });\r\n\r\n    loadMoreBtn.onclick = () => { limit += LOAD_INCREMENT; render(); };\r\n\r\n    document.querySelectorAll('.mode-btn').forEach(btn => {\r\n        btn.onclick = () => {\r\n            document.querySelectorAll('.mode-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentMode = btn.getAttribute('data-val');\r\n            limit = 6;\r\n            render();\r\n        };\r\n    });\r\n\r\n    document.querySelectorAll('.style-btn').forEach(btn => {\r\n        btn.onclick = () => {\r\n            document.querySelectorAll('.style-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentStyle = btn.getAttribute('data-val');\r\n            limit = 6;\r\n            render();\r\n        };\r\n    });\r\n\r\n    render();\r\n});\r\n<\/script>\r\n<!-- END OF FILE Big Text Generator -->\r\n\r\n<!-- <content section is starting -->\r\n\r\n<div>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n\r\n\r\n\r\n\r\n<section class=\"btg-section btg-sec1\">\r\n        <div class=\"btg-inner\">\r\n\t\r\n<\/div>\r\n\t<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <section class=\"btg-section btg-sec1\">\r\n        <div class=\"btg-inner\">\r\n            <h2 class=\"btg-heading\">What Makes This <span class=\"btg-kw\">Big Text Generator<\/span> Stand Out?<\/h2>\r\n            <p class=\"btg-sub\">Discover why thousands of users trust our big text generator to create bold, oversized text that grabs attention instantly \u2014 free, fast, and perfectly formatted.<\/p>\r\n            <div class=\"btg-grid\">\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(0,184,212,0.12);color:#00b8d4;\"><i class=\"fa-solid fa-text-height\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">True Big Text Rendering<\/div>\r\n                    <p class=\"btg-card-desc\">Our big text generator uses real Unicode scaling and ASCII art mapping to produce genuinely oversized text \u2014 not just CSS tricks that break elsewhere.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(156,39,176,0.12);color:#9c27b0;\"><i class=\"fa-solid fa-layer-group\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">Multiple Size Levels<\/div>\r\n                    <p class=\"btg-card-desc\">Choose from small, medium, large, and extra-large text sizes \u2014 our big text generator lets you pick the exact scale that fits your content perfectly.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(255,152,0,0.12);color:#ff9800;\"><i class=\"fa-solid fa-font\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">Stylish Big Fonts<\/div>\r\n                    <p class=\"btg-card-desc\">Access dozens of unique big text styles \u2014 block letters, bubble text, cursive capitals, and more \u2014 all generated instantly by our big text generator.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(76,175,80,0.12);color:#4caf50;\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">Instant Generation Speed<\/div>\r\n                    <p class=\"btg-card-desc\">Type and see results in real-time \u2014 our big text generator processes your input instantly with zero lag, delivering oversized text the moment you type.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(233,30,99,0.12);color:#e91e63;\"><i class=\"fa-solid fa-mobile-screen\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">Cross-Platform Ready<\/div>\r\n                    <p class=\"btg-card-desc\">Big text generated here renders perfectly on Instagram, Facebook, Twitter, Discord, WhatsApp, and every major platform that supports Unicode characters.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(63,81,181,0.12);color:#3f51b5;\"><i class=\"fa-solid fa-lock-open\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">100% Free Forever<\/div>\r\n                    <p class=\"btg-card-desc\">No signup, no hidden fees, no usage limits \u2014 our big text generator is completely free to use as many times as you want, forever.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"btg-section btg-sec2\">\r\n        <div class=\"btg-inner\">\r\n            <h2 class=\"btg-heading\">How to Use Our <span class=\"btg-kw\">Big Text Generator<\/span> Effectively<\/h2>\r\n            <p class=\"btg-sub\">Creating oversized text has never been easier. Follow these simple steps and have your big text ready to share across all platforms in just seconds.<\/p>\r\n            <div class=\"btg-grid\">\r\n                <div class=\"btg-card\">\r\n                    <span class=\"btg-emoji\">\u270f\ufe0f<\/span>\r\n                    <div class=\"btg-card-title\">Step 1: Enter Your Text<\/div>\r\n                    <p class=\"btg-card-desc\">Type or paste any word, phrase, or sentence into the input field \u2014 our big text generator accepts letters, numbers, and special symbols.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <span class=\"btg-emoji\">\ud83c\udfa8<\/span>\r\n                    <div class=\"btg-card-title\">Step 2: Pick a Style<\/div>\r\n                    <p class=\"btg-card-desc\">Browse through available big text styles and select the one that best matches your creative vision \u2014 each style offers a unique oversized look.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <span class=\"btg-emoji\">\ud83d\udccf<\/span>\r\n                    <div class=\"btg-card-title\">Step 3: Adjust the Size<\/div>\r\n                    <p class=\"btg-card-desc\">Use the size controls to scale your text up or down \u2014 our big text generator updates the preview live so you see exactly how it will look.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <span class=\"btg-emoji\">\ud83d\udc41\ufe0f<\/span>\r\n                    <div class=\"btg-card-title\">Step 4: Preview the Output<\/div>\r\n                    <p class=\"btg-card-desc\">Check the live preview to ensure your big text appears exactly as intended \u2014 tweak style or size until the oversized text is perfect.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <span class=\"btg-emoji\">\ud83d\udccb<\/span>\r\n                    <div class=\"btg-card-title\">Step 5: Copy to Clipboard<\/div>\r\n                    <p class=\"btg-card-desc\">Click the copy button and your big text is instantly saved to your clipboard \u2014 ready to paste anywhere with zero formatting loss.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <span class=\"btg-emoji\">\ud83d\ude80<\/span>\r\n                    <div class=\"btg-card-title\">Step 6: Share Everywhere<\/div>\r\n                    <p class=\"btg-card-desc\">Paste your oversized big text into social media posts, bios, comments, profiles, or messages \u2014 watch it stand out on every platform.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"btg-section btg-sec3\">\r\n        <div class=\"btg-inner\">\r\n            <h2 class=\"btg-heading\">Best Ways to Use <span class=\"btg-kw\">Big Text Generator<\/span> Output<\/h2>\r\n            <p class=\"btg-sub\">Big text creates instant visual impact. Here are the most creative and effective ways people use our big text generator results across different platforms and contexts.<\/p>\r\n            <div class=\"btg-grid\">\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(225,48,108,0.12);color:#e1306c;\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">Instagram Bio & Stories<\/div>\r\n                    <p class=\"btg-card-desc\">Use big text in your Instagram bio to create a striking first impression \u2014 oversized text stops scrollers and makes your profile instantly memorable.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(88,101,242,0.12);color:#5865f2;\"><i class=\"fa-brands fa-discord\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">Discord Messages & Profiles<\/div>\r\n                    <p class=\"btg-card-desc\">Big text in Discord stands out in busy servers \u2014 use oversized text in announcements, roles, or profile bios to get noticed by the entire community.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(29,161,242,0.12);color:#1da1f2;\"><i class=\"fa-brands fa-twitter\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">Twitter\/X Tweets & Bio<\/div>\r\n                    <p class=\"btg-card-desc\">Big text tweets break through the noise of your timeline \u2014 oversized characters grab attention mid-scroll and dramatically increase engagement rates.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(255,0,80,0.10);color:#ff0050;\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">TikTok Profile & Captions<\/div>\r\n                    <p class=\"btg-card-desc\">Stand out on TikTok with big text in your profile name or captions \u2014 oversized text creates curiosity and drives viewers to engage with your content.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(0,150,136,0.12);color:#009688;\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">WhatsApp & Telegram Chats<\/div>\r\n                    <p class=\"btg-card-desc\">Send big text messages to friends and groups for fun \u2014 oversized text in WhatsApp or Telegram always sparks reactions and makes chats more engaging.<\/p>\r\n                <\/div>\r\n                <div class=\"btg-card\">\r\n                    <div class=\"btg-icon\" style=\"background:rgba(139,195,74,0.12);color:#8bc34a;\"><i class=\"fa-solid fa-gamepad\"><\/i><\/div>\r\n                    <div class=\"btg-card-title\">Gaming Usernames & Tags<\/div>\r\n                    <p class=\"btg-card-desc\">Make your gaming username unforgettable with big text \u2014 oversized characters in Steam, Roblox, or Fortnite profiles make you instantly recognizable.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n        :root {\r\n            --btg-text-dark: #000000;\r\n            --btg-text-primary: #0a0a0a;\r\n            --btg-text-muted: #1a1a1a;\r\n            --btg-accent: #00b8d4;\r\n            --btg-grad1: linear-gradient(135deg, #00b8d4, #ea00ff, #ff9100);\r\n            --btg-grad2: linear-gradient(90deg, #667eea, #764ba2, #ffd700);\r\n            --btg-shadow-hover: 0 12px 30px rgba(0, 184, 212, 0.16);\r\n            --btg-shadow-hover2: 0 12px 40px rgba(118, 75, 162, 0.3);\r\n            --btg-tr: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --btg-ff: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        }\r\n\r\n        .btg-section {\r\n            width: 100%;\r\n            padding: clamp(48px, 8vw, 96px) 20px;\r\n            position: relative;\r\n            font-family: var(--btg-ff);\r\n            color: var(--btg-text-primary);\r\n            line-height: 1.6;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        .btg-inner {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            width: 100%;\r\n        }\r\n\r\n        .btg-heading {\r\n            font-family: var(--btg-ff);\r\n            font-size: clamp(1.5rem, 4vw, 2.25rem);\r\n            font-weight: 800;\r\n            text-align: center;\r\n            color: var(--btg-text-dark);\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        .btg-kw {\r\n            color: var(--btg-text-dark);\r\n            position: relative;\r\n        }\r\n\r\n        .btg-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(--btg-grad1);\r\n            border-radius: 3px;\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n        }\r\n\r\n        .btg-section:hover .btg-kw::after {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .btg-sub {\r\n            font-family: var(--btg-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        .btg-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        .btg-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(--btg-tr);\r\n            display: flex;\r\n            flex-direction: column;\r\n            overflow: hidden;\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n        }\r\n\r\n        .btg-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(--btg-grad1);\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            z-index: 4;\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .btg-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .btg-card.btg-pressed {\r\n            transform: translateY(-1px) scale(0.985) !important;\r\n        }\r\n\r\n        .btg-card.btg-pressed::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .btg-card.btg-ripple::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 1;\r\n        }\r\n\r\n        .btg-card.btg-ripple-out::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 0;\r\n        }\r\n\r\n        .btg-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 0;\r\n            border-radius: 50%;\r\n            background: radial-gradient(circle, rgba(0,184,212,0.10) 0%, rgba(234,0,255,0.04) 60%, transparent 100%);\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.55s ease-out, height 0.55s ease-out, opacity 0.55s ease-out;\r\n            opacity: 0;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .btg-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(--btg-tr);\r\n            position: relative;\r\n            z-index: 3;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .btg-card:hover .btg-icon {\r\n            transform: scale(1.12) rotate(-4deg);\r\n        }\r\n\r\n        .btg-card.btg-pressed .btg-icon {\r\n            transform: scale(1.04) rotate(0deg);\r\n        }\r\n\r\n        .btg-emoji {\r\n            font-size: clamp(28px, 3.5vw, 36px);\r\n            margin-bottom: clamp(12px, 1.8vw, 16px);\r\n            display: inline-block;\r\n            transition: var(--btg-tr);\r\n            position: relative;\r\n            z-index: 3;\r\n            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .btg-card:hover .btg-emoji {\r\n            transform: scale(1.22) rotate(-6deg);\r\n        }\r\n\r\n        .btg-card.btg-pressed .btg-emoji {\r\n            transform: scale(1.08) rotate(0deg);\r\n        }\r\n\r\n        .btg-card-title {\r\n            font-family: var(--btg-ff);\r\n            font-size: clamp(0.95rem, 2vw, 1.1rem);\r\n            font-weight: 700;\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        .btg-card-desc {\r\n            font-family: var(--btg-ff);\r\n            font-size: clamp(0.8rem, 1.5vw, 0.9rem);\r\n            font-weight: 400;\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        \/* ========== SEC 1 ========== *\/\r\n        .btg-sec1 {\r\n            background: #fff;\r\n        }\r\n\r\n        .btg-sec1 .btg-card {\r\n            background: #fff;\r\n            border: 1.5px solid #dcdce5;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n        }\r\n\r\n        .btg-sec1 .btg-card:hover {\r\n            border-color: var(--btg-accent);\r\n            box-shadow: var(--btg-shadow-hover);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .btg-sec1 .btg-card-title { color: #000000; }\r\n        .btg-sec1 .btg-card-desc { color: #1a1a1a; }\r\n        .btg-sec1 .btg-heading { color: #000000; }\r\n        .btg-sec1 .btg-sub { color: #1a1a1a; }\r\n        .btg-sec1 .btg-kw { color: #000000; }\r\n\r\n        \/* ========== SEC 2 ========== *\/\r\n        .btg-sec2 {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        }\r\n\r\n        .btg-sec2 .btg-card {\r\n            background: rgba(255,255,255,0.95);\r\n            border: 1.5px solid rgba(255,255,255,0.55);\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.12);\r\n        }\r\n\r\n        .btg-sec2 .btg-card:hover {\r\n            border-color: rgba(255,255,255,0.85);\r\n            box-shadow: var(--btg-shadow-hover2);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .btg-sec2 .btg-card::before {\r\n            background: var(--btg-grad2);\r\n        }\r\n\r\n        .btg-sec2 .btg-card::after {\r\n            background: radial-gradient(circle, rgba(118,75,162,0.1) 0%, rgba(102,126,234,0.05) 60%, transparent 100%);\r\n        }\r\n\r\n        .btg-sec2 .btg-heading { color: #000000; }\r\n        .btg-sec2 .btg-kw { color: #000000; }\r\n        .btg-sec2 .btg-kw::after { background: var(--btg-grad2); }\r\n        .btg-sec2 .btg-sub { color: #000000; }\r\n        .btg-sec2 .btg-card-title { color: #000000; }\r\n        .btg-sec2 .btg-card-desc { color: #1a1a1a; }\r\n\r\n        \/* ========== SEC 3 ========== *\/\r\n        .btg-sec3 {\r\n            background: #fff;\r\n        }\r\n\r\n        .btg-sec3 .btg-card {\r\n            background: rgba(245, 247, 252, 0.7);\r\n            border: 1.5px solid #d8dce4;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.03);\r\n        }\r\n\r\n        .btg-sec3 .btg-card:hover {\r\n            border-color: var(--btg-accent);\r\n            box-shadow: var(--btg-shadow-hover);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .btg-sec3 .btg-card::before {\r\n            background: var(--btg-grad1);\r\n        }\r\n\r\n        .btg-sec3 .btg-heading { color: #000000; }\r\n        .btg-sec3 .btg-kw { color: #000000; }\r\n        .btg-sec3 .btg-sub { color: #1a1a1a; }\r\n        .btg-sec3 .btg-card-title { color: #000000; }\r\n        .btg-sec3 .btg-card-desc { color: #1a1a1a; }\r\n\r\n        \/* ========== RESPONSIVE ========== *\/\r\n        @media (max-width: 820px) {\r\n            .btg-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 16px;\r\n            }\r\n            .btg-section {\r\n                padding: clamp(36px, 6vw, 64px) 16px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 540px) {\r\n            .btg-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 14px;\r\n            }\r\n            .btg-card {\r\n                padding: 22px;\r\n            }\r\n            .btg-sub {\r\n                margin-bottom: 28px;\r\n            }\r\n            .btg-icon {\r\n                width: 46px;\r\n                height: 46px;\r\n                font-size: 18px;\r\n            }\r\n            .btg-emoji {\r\n                font-size: 28px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .btg-section {\r\n                padding: 32px 12px;\r\n            }\r\n            .btg-card {\r\n                padding: 18px;\r\n                border-radius: 12px;\r\n            }\r\n            .btg-heading {\r\n                font-size: 1.3rem;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n    (function() {\r\n        var btgCards = document.querySelectorAll('.btg-card');\r\n        btgCards.forEach(function(btgCardEl) {\r\n            function btgRipple(el) {\r\n                el.classList.remove('btg-ripple', 'btg-ripple-out');\r\n                void el.offsetWidth;\r\n                el.classList.add('btg-ripple');\r\n                setTimeout(function() {\r\n                    el.classList.add('btg-ripple-out');\r\n                }, 300);\r\n                setTimeout(function() {\r\n                    el.classList.remove('btg-ripple', 'btg-ripple-out');\r\n                }, 700);\r\n            }\r\n            btgCardEl.addEventListener('mousedown', function() {\r\n                btgCardEl.classList.add('btg-pressed');\r\n            });\r\n            btgCardEl.addEventListener('mouseup', function() {\r\n                setTimeout(function() {\r\n                    btgCardEl.classList.remove('btg-pressed');\r\n                }, 120);\r\n                btgRipple(btgCardEl);\r\n            });\r\n            btgCardEl.addEventListener('mouseleave', function() {\r\n                btgCardEl.classList.remove('btg-pressed', 'btg-ripple', 'btg-ripple-out');\r\n            });\r\n            btgCardEl.addEventListener('touchstart', function() {\r\n                btgCardEl.classList.add('btg-pressed');\r\n                btgRipple(btgCardEl);\r\n            }, { passive: true });\r\n            btgCardEl.addEventListener('touchend', function() {\r\n                setTimeout(function() {\r\n                    btgCardEl.classList.remove('btg-pressed');\r\n                }, 150);\r\n            });\r\n            btgCardEl.addEventListener('touchcancel', function() {\r\n                btgCardEl.classList.remove('btg-pressed', 'btg-ripple', 'btg-ripple-out');\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/div>\r\n\r\n\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-490","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u09ac\u09a1\u09bc \u099f\u09c7\u0995\u09cd\u09b8\u099f \u099c\u09c7\u09a8\u09be\u09b0\u09c7\u099f\u09b0 \u2013 \u09a4\u09be\u09ce\u0995\u09cd\u09b7\u09a3\u09bf\u0995\u09ad\u09be\u09ac\u09c7 \u09ac\u09a1\u09bc \u0995\u09b0\u09c1\u09a8<\/title>\n<meta name=\"description\" content=\"\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09ac\u09bf\u09a8\u09be\u09ae\u09c2\u09b2\u09cd\u09af\u09c7\u09b0 \u09ac\u09bf\u0997 \u099f\u09c7\u0995\u09cd\u09b8\u099f \u099c\u09c7\u09a8\u09be\u09b0\u09c7\u099f\u09b0 \u09a6\u09bf\u09af\u09bc\u09c7 \u09ac\u09a1\u09bc \u0986\u0995\u09be\u09b0\u09c7\u09b0 \u099f\u09c7\u0995\u09cd\u09b8\u099f \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c1\u09a8\u0964 \u09ac\u09be\u09af\u09bc\u09cb, \u0995\u09cd\u09af\u09be\u09aa\u09b6\u09a8 \u098f\u09ac\u0982 \u09aa\u09cb\u09b8\u09cd\u099f\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09ac\u09cb\u09b2\u09cd\u09a1 \u0993 \u09ac\u09a1\u09bc \u0986\u0995\u09be\u09b0\u09c7\u09b0 \u0985\u0995\u09cd\u09b7\u09b0 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c7 \u0995\u09aa\u09bf \u0993 \u09aa\u09c7\u09b8\u09cd\u099f \u0995\u09b0\u09c1\u09a8\u0964\" \/>\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\/bn\/big-text-generator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Big Text Generator \u2013 Enlarge Instantly\" \/>\n<meta property=\"og:description\" content=\"Create oversized big text with our free Big Text Generator. Make bold, large-style letters for bios, captions, and posts copy &amp; paste.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onlinetexteditor.io\/big-text-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Text Editor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-06T06:22:04+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\\\/big-text-generator\\\/\",\"url\":\"https:\\\/\\\/onlinetexteditor.io\\\/big-text-generator\\\/\",\"name\":\"Big Text Generator \u2013 Enlarge Instantly\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#website\"},\"datePublished\":\"2026-03-13T00:00:26+00:00\",\"dateModified\":\"2026-04-06T06:22:04+00:00\",\"description\":\"Create oversized big text with our free Big Text Generator. Make bold, large-style letters for bios, captions, and posts copy & paste.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/big-text-generator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/onlinetexteditor.io\\\/big-text-generator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/big-text-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/onlinetexteditor.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Big Text Generator \u2013 Enlarge 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":"\u09ac\u09a1\u09bc \u099f\u09c7\u0995\u09cd\u09b8\u099f \u099c\u09c7\u09a8\u09be\u09b0\u09c7\u099f\u09b0 \u2013 \u09a4\u09be\u09ce\u0995\u09cd\u09b7\u09a3\u09bf\u0995\u09ad\u09be\u09ac\u09c7 \u09ac\u09a1\u09bc \u0995\u09b0\u09c1\u09a8","description":"\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09ac\u09bf\u09a8\u09be\u09ae\u09c2\u09b2\u09cd\u09af\u09c7\u09b0 \u09ac\u09bf\u0997 \u099f\u09c7\u0995\u09cd\u09b8\u099f \u099c\u09c7\u09a8\u09be\u09b0\u09c7\u099f\u09b0 \u09a6\u09bf\u09af\u09bc\u09c7 \u09ac\u09a1\u09bc \u0986\u0995\u09be\u09b0\u09c7\u09b0 \u099f\u09c7\u0995\u09cd\u09b8\u099f \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c1\u09a8\u0964 \u09ac\u09be\u09af\u09bc\u09cb, \u0995\u09cd\u09af\u09be\u09aa\u09b6\u09a8 \u098f\u09ac\u0982 \u09aa\u09cb\u09b8\u09cd\u099f\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09ac\u09cb\u09b2\u09cd\u09a1 \u0993 \u09ac\u09a1\u09bc \u0986\u0995\u09be\u09b0\u09c7\u09b0 \u0985\u0995\u09cd\u09b7\u09b0 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c7 \u0995\u09aa\u09bf \u0993 \u09aa\u09c7\u09b8\u09cd\u099f \u0995\u09b0\u09c1\u09a8\u0964","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\/bn\/big-text-generator\/","og_locale":"en_US","og_type":"article","og_title":"Big Text Generator \u2013 Enlarge Instantly","og_description":"Create oversized big text with our free Big Text Generator. Make bold, large-style letters for bios, captions, and posts copy & paste.","og_url":"https:\/\/onlinetexteditor.io\/big-text-generator\/","og_site_name":"Online Text Editor","article_modified_time":"2026-04-06T06:22:04+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onlinetexteditor.io\/big-text-generator\/","url":"https:\/\/onlinetexteditor.io\/big-text-generator\/","name":"Big Text Generator \u2013 Enlarge Instantly","isPartOf":{"@id":"https:\/\/onlinetexteditor.io\/#website"},"datePublished":"2026-03-13T00:00:26+00:00","dateModified":"2026-04-06T06:22:04+00:00","description":"Create oversized big text with our free Big Text Generator. Make bold, large-style letters for bios, captions, and posts copy & paste.","breadcrumb":{"@id":"https:\/\/onlinetexteditor.io\/big-text-generator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onlinetexteditor.io\/big-text-generator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onlinetexteditor.io\/big-text-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/onlinetexteditor.io\/"},{"@type":"ListItem","position":2,"name":"Big Text Generator \u2013 Enlarge 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\/bn\/wp-json\/wp\/v2\/pages\/490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onlinetexteditor.io\/bn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onlinetexteditor.io\/bn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/bn\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/bn\/wp-json\/wp\/v2\/comments?post=490"}],"version-history":[{"count":3,"href":"https:\/\/onlinetexteditor.io\/bn\/wp-json\/wp\/v2\/pages\/490\/revisions"}],"predecessor-version":[{"id":493,"href":"https:\/\/onlinetexteditor.io\/bn\/wp-json\/wp\/v2\/pages\/490\/revisions\/493"}],"wp:attachment":[{"href":"https:\/\/onlinetexteditor.io\/bn\/wp-json\/wp\/v2\/media?parent=490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}