{"id":575,"date":"2026-03-16T00:00:23","date_gmt":"2026-03-16T00:00:23","guid":{"rendered":"https:\/\/onlinetexteditor.io\/?page_id=575"},"modified":"2026-04-06T09:16:20","modified_gmt":"2026-04-06T09:16:20","slug":"instagram-text-generator","status":"publish","type":"page","link":"https:\/\/onlinetexteditor.io\/ar\/instagram-text-generator\/","title":{"rendered":"Instagram Text Generator \u2013 Style 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 Instagram 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-ig-wrapper {\r\n        --primary-font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        \r\n        --theme-panel: rgba(30, 18, 45, 0.95);\r\n        --theme-panel-hover: rgba(45, 25, 65, 0.98);\r\n        --theme-bg-alt: rgba(18, 10, 30, 0.9);\r\n        --theme-border: rgba(225, 48, 108, 0.25);\r\n        \r\n        --ig-pink: #E1306C;\r\n        --ig-purple: #833AB4;\r\n        --ig-orange: #F77737;\r\n        --ig-yellow: #FCAF45;\r\n        --ig-cyan: #00d4aa;\r\n        --text-bright: #f5f0ff;\r\n        --text-muted: #c8b8e0;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #361656 100%);\r\n        --grad-ig: linear-gradient(135deg, #833AB4, #E1306C, #F77737);\r\n        --grad-shimmer: linear-gradient(90deg, transparent, rgba(225, 48, 108, 0.35), transparent);\r\n        \r\n        --glow-pink: 0 0 25px rgba(225, 48, 108, 0.5);\r\n        --glow-purple: 0 0 20px rgba(131, 58, 180, 0.4);\r\n        --shadow-ui: 0 15px 40px rgba(0, 0, 0, 0.65);\r\n        --shadow-card: 0 8px 20px rgba(18, 10, 30, 0.6);\r\n        \r\n        --transition-ui: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n        --transition-fast: all 0.2s ease;\r\n        \r\n        font-family: var(--primary-font);\r\n        color: var(--text-bright);\r\n        line-height: 1.5;\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        text-align: center;\r\n        background: var(--grad-master);\r\n        background-attachment: fixed;\r\n    }\r\n\r\n    .pg-ig-wrapper * { box-sizing: border-box; }\r\n\r\n    .pg-ig-container {\r\n        max-width: 1100px !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-ig-hero {\r\n        z-index: 2;\r\n        padding-top: 10px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pg-ig-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 3rem;\r\n        font-weight: 800;\r\n        line-height: 1.2;\r\n        margin: 0 auto 12px auto;\r\n        letter-spacing: -0.5px;\r\n        color: #fff;\r\n        text-shadow: 0 4px 15px rgba(0,0,0,0.5), var(--glow-pink);\r\n        max-width: 950px;\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: 15px;\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .pg-ig-title i {\r\n        color: var(--ig-orange);\r\n        text-shadow: var(--glow-pink);\r\n        background: linear-gradient(135deg, rgba(131,58,180,0.8), rgba(225,48,108,0.8));\r\n        border-radius: 12px;\r\n        padding: 12px;\r\n        font-size: 2.2rem;\r\n        box-shadow: var(--glow-purple);\r\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n    \r\n    .pg-ig-title:hover i {\r\n        transform: rotate(15deg) scale(1.15);\r\n    }\r\n\r\n    .pg-ig-title::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -15px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: block;\r\n        width: 60px;\r\n        height: 5px;\r\n        background: var(--grad-ig);\r\n        border-radius: 5px;\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .pg-ig-title:hover::after {\r\n        width: 220px;\r\n        box-shadow: var(--glow-pink);\r\n    }\r\n    \r\n    .pg-ig-subtitle {\r\n        font-family: var(--primary-font);\r\n        font-size: 1.15rem;\r\n        color: rgba(245, 240, 255, 0.9);\r\n        max-width: 800px;\r\n        margin: 25px auto 35px auto;\r\n        padding: 0 10px;\r\n        font-weight: 500;\r\n        text-shadow: 0 2px 8px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .pg-ig-main-card {\r\n        background: var(--theme-panel);\r\n        backdrop-filter: blur(16px);\r\n        -webkit-backdrop-filter: blur(16px);\r\n        border: 1px solid var(--theme-border);\r\n        width: 100%;\r\n        box-shadow: var(--shadow-ui);\r\n        border-radius: 16px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n    \r\n    .pg-ig-main-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; height: 4px;\r\n        background: var(--grad-ig);\r\n        opacity: 0.9;\r\n        transform: scaleX(0);\r\n        transform-origin: left;\r\n        transition: transform 0.5s ease;\r\n    }\r\n    \r\n    .pg-ig-main-card:hover::before { transform: scaleX(1); }\r\n\r\n    .pg-ig-header {\r\n        padding: 18px 24px;\r\n        border-bottom: 1px solid var(--theme-border);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n        background: rgba(225, 48, 108, 0.08);\r\n    }\r\n\r\n    .pg-ig-avatar {\r\n        width: 48px;\r\n        height: 48px;\r\n        border-radius: 50%;\r\n        background: var(--grad-ig);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.5rem;\r\n        color: #fff;\r\n        box-shadow: var(--glow-pink);\r\n        transition: transform 0.3s ease;\r\n    }\r\n    \r\n    .pg-ig-header:hover .pg-ig-avatar { \r\n        transform: rotate(360deg);\r\n    }\r\n\r\n    .pg-ig-header-text {\r\n        font-weight: 700;\r\n        font-size: 1.2rem;\r\n        color: var(--text-bright);\r\n        letter-spacing: 0.3px;\r\n    }\r\n\r\n    .pg-ig-input-area {\r\n        padding: 24px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 18px;\r\n        background: var(--theme-bg-alt);\r\n    }\r\n\r\n    .pg-ig-textarea {\r\n        width: 100% !important;\r\n        min-height: 140px !important;\r\n        padding: 20px 22px !important;\r\n        background: rgba(0, 0, 0, 0.3) !important;\r\n        border: 2px solid var(--theme-border) !important;\r\n        color: #fff !important;\r\n        font-family: var(--primary-font) !important;\r\n        font-weight: 400 !important;\r\n        font-size: 1.6rem !important;\r\n        outline: none !important;\r\n        text-align: left !important;\r\n        white-space: pre-wrap !important;\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        resize: vertical;\r\n        border-radius: 12px;\r\n        transition: var(--transition-fast);\r\n    }\r\n    \r\n    .pg-ig-textarea:focus {\r\n        border-color: var(--ig-pink) !important;\r\n        box-shadow: 0 0 0 4px rgba(225, 48, 108, 0.2) !important;\r\n    }\r\n    \r\n    .pg-ig-textarea::placeholder { color: var(--text-muted); opacity: 0.7; }\r\n\r\n    .pg-ig-toolbar {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 12px;\r\n        padding: 14px 18px;\r\n        border: 1px solid var(--theme-border);\r\n        border-radius: 12px;\r\n        background: rgba(225, 48, 108, 0.06);\r\n    }\r\n\r\n    .pg-ig-tool-group {\r\n        display: flex;\r\n        gap: 10px;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .pg-ig-btn {\r\n        background: transparent;\r\n        color: var(--text-muted);\r\n        border: 1px solid var(--theme-border);\r\n        padding: 10px 15px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.9rem;\r\n        font-weight: 600;\r\n        border-radius: 10px;\r\n        cursor: pointer;\r\n        transition: var(--transition-fast);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pg-ig-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%;\r\n        width: 100%; height: 100%;\r\n        background: var(--grad-shimmer);\r\n        transition: left 0.4s ease;\r\n    }\r\n    \r\n    .pg-ig-btn:hover {\r\n        background: rgba(225, 48, 108, 0.15);\r\n        color: var(--ig-pink);\r\n        border-color: var(--ig-pink);\r\n        box-shadow: var(--glow-pink);\r\n    }\r\n    \r\n    .pg-ig-btn:hover::before { left: 100%; }\r\n\r\n    .pg-ig-btn.primary-btn {\r\n        color: var(--ig-cyan);\r\n        background: rgba(0, 212, 170, 0.15);\r\n        border-color: var(--ig-cyan);\r\n    }\r\n    \r\n    .pg-ig-btn.primary-btn:hover {\r\n        background: rgba(0, 212, 170, 0.25);\r\n        box-shadow: 0 0 20px rgba(0, 212, 170, 0.4);\r\n    }\r\n\r\n    .pg-ig-btn:active { transform: scale(0.94); }\r\n\r\n    .pg-ig-preset {\r\n        background: rgba(0,0,0,0.35);\r\n        color: var(--text-muted);\r\n        border: 1px solid var(--theme-border);\r\n        padding: 10px 14px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.9rem;\r\n        font-weight: 600;\r\n        border-radius: 10px;\r\n        cursor: pointer;\r\n        outline: none;\r\n        transition: var(--transition-fast);\r\n        min-width: 190px;\r\n    }\r\n    \r\n    .pg-ig-preset:hover, .pg-ig-preset:focus {\r\n        background: rgba(225, 48, 108, 0.2);\r\n        color: var(--ig-orange);\r\n        border-color: var(--ig-pink);\r\n    }\r\n    \r\n    .pg-ig-preset option {\r\n        background: var(--theme-panel);\r\n        color: var(--text-bright);\r\n    }\r\n\r\n    .pg-ig-settings {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 24px;\r\n        padding: 28px 24px;\r\n        background: var(--theme-panel);\r\n        border-top: 1px solid var(--theme-border);\r\n    }\r\n\r\n    .pg-ig-label {\r\n        display: flex;\r\n        align-items: center;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.95rem;\r\n        font-weight: 700;\r\n        color: var(--text-bright);\r\n        margin-bottom: 14px;\r\n        gap: 8px;\r\n    }\r\n    \r\n    .pg-ig-label i {\r\n        color: var(--ig-pink);\r\n        font-size: 1.15rem;\r\n    }\r\n\r\n    .pg-ig-options {\r\n        display: grid;\r\n        gap: 10px;\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .pg-ig-opt-btn {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        border: 1px solid transparent;\r\n        padding: 14px 10px;\r\n        color: var(--text-bright);\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        border-radius: 12px;\r\n        transition: var(--transition-fast);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 8px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-ig-opt-btn i {\r\n        font-size: 1.3rem;\r\n        color: var(--text-muted);\r\n        transition: var(--transition-fast);\r\n    }\r\n    \r\n    .pg-ig-opt-btn::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; right: 0;\r\n        width: 0; height: 100%;\r\n        background: var(--grad-shimmer);\r\n        transition: width 0.5s ease;\r\n    }\r\n    \r\n    .pg-ig-opt-btn:hover::after { width: 100%; }\r\n    \r\n    .pg-ig-opt-btn:hover {\r\n        background: rgba(225, 48, 108, 0.12);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    .pg-ig-opt-btn:hover i {\r\n        color: var(--ig-orange);\r\n        transform: scale(1.15);\r\n    }\r\n\r\n    .pg-ig-opt-btn.active {\r\n        background: rgba(225, 48, 108, 0.3);\r\n        color: var(--ig-pink);\r\n        border-color: var(--ig-pink);\r\n        box-shadow: var(--glow-pink);\r\n    }\r\n    \r\n    .pg-ig-opt-btn.active i {\r\n        color: var(--ig-yellow);\r\n        transform: scale(1.2);\r\n    }\r\n\r\n    .pg-ig-results {\r\n        padding: 40px 0;\r\n        width: 100%;\r\n        position: relative;\r\n    }\r\n    \r\n    .pg-ig-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 20px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .pg-ig-card {\r\n        background: var(--theme-panel);\r\n        border: 1px solid var(--theme-border);\r\n        padding: 20px;\r\n        transition: var(--transition-ui);\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 14px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        box-shadow: var(--shadow-card);\r\n    }\r\n    \r\n    .pg-ig-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%; left: -50%;\r\n        width: 200%; height: 200%;\r\n        background: radial-gradient(circle, rgba(225, 48, 108, 0.1) 0%, transparent 70%);\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n    }\r\n    \r\n    .pg-ig-card:hover {\r\n        transform: translateY(-6px) scale(1.01);\r\n        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\r\n        border-color: var(--ig-pink);\r\n    }\r\n    \r\n    .pg-ig-card:hover::before { opacity: 1; }\r\n\r\n    .pg-ig-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: 16px;\r\n    }\r\n    \r\n    .pg-ig-card-profile {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n    }\r\n\r\n    .pg-ig-card-avatar {\r\n        width: 42px;\r\n        height: 42px;\r\n        border-radius: 50%;\r\n        background: var(--grad-ig);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #fff;\r\n        font-size: 1.15rem;\r\n        box-shadow: 0 0 12px rgba(225, 48, 108, 0.5);\r\n    }\r\n\r\n    .pg-ig-card-meta {\r\n        display: flex;\r\n        flex-direction: column;\r\n        text-align: left;\r\n    }\r\n\r\n    .pg-ig-card-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 0.95rem;\r\n        font-weight: 600;\r\n        color: var(--text-bright);\r\n    }\r\n\r\n    .pg-ig-card-time {\r\n        font-size: 0.8rem;\r\n        color: var(--text-muted);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n    }\r\n\r\n    .pg-ig-copy-btn {\r\n        background: transparent;\r\n        border: 1px solid var(--theme-border);\r\n        color: var(--text-muted);\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 10px;\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        position: relative;\r\n        z-index: 2;\r\n    }\r\n    \r\n    .pg-ig-copy-btn i { font-size: 1.1rem; transition: transform 0.2s ease; }\r\n    \r\n    .pg-ig-copy-btn:hover {\r\n        background: var(--ig-pink);\r\n        color: #fff;\r\n        border-color: var(--ig-pink);\r\n        box-shadow: var(--glow-pink);\r\n    }\r\n    \r\n    .pg-ig-copy-btn:hover i { transform: scale(1.2) rotate(10deg); }\r\n    \r\n    .pg-ig-copy-btn:active { transform: scale(0.88); }\r\n    \r\n    .pg-ig-copy-btn.copied {\r\n        background: var(--ig-pink) !important;\r\n        color: #fff !important;\r\n        border-color: var(--ig-pink) !important;\r\n        box-shadow: var(--glow-pink) !important;\r\n    }\r\n\r\n    .pg-ig-card-preview {\r\n        font-size: 1.25rem;\r\n        color: var(--text-bright);\r\n        width: 100%;\r\n        text-align: left;\r\n        font-family: var(--primary-font);\r\n        font-weight: normal;\r\n        position: relative;\r\n        z-index: 1;\r\n        padding: 6px 0 16px 0;\r\n        transition: var(--transition-fast);\r\n        white-space: pre-wrap !important;\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        box-sizing: border-box !important;\r\n        line-height: 1.4 !important;\r\n        max-height: 160px;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-ig-card:hover .pg-ig-card-preview {\r\n        color: var(--ig-pink);\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .pg-ig-card-footer {\r\n        border-top: 1px solid var(--theme-border);\r\n        padding-top: 14px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        color: var(--text-muted);\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        flex-wrap: wrap;\r\n        gap: 6px;\r\n    }\r\n\r\n    .pg-ig-card-action {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        cursor: pointer;\r\n        transition: color 0.2s ease;\r\n    }\r\n    .pg-ig-card-action:hover { color: var(--ig-pink); }\r\n    .pg-ig-card-action:hover i { transform: scale(1.15); }\r\n    .pg-ig-card-action i { transition: transform 0.2s ease; }\r\n\r\n    .pg-ig-load-btn {\r\n        background: var(--theme-panel);\r\n        color: var(--ig-pink);\r\n        border: 2px solid var(--ig-pink);\r\n        padding: 15px 42px;\r\n        font-family: var(--primary-font);\r\n        font-weight: 700;\r\n        font-size: 1.05rem;\r\n        cursor: pointer;\r\n        margin-top: 30px;\r\n        border-radius: 10px;\r\n        transition: var(--transition-fast);\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        box-shadow: var(--shadow-card);\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-ig-load-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%; width: 100%; height: 100%;\r\n        background: var(--grad-ig);\r\n        transition: left 0.45s ease;\r\n        z-index: 0;\r\n    }\r\n    \r\n    .pg-ig-load-btn span, .pg-ig-load-btn i { position: relative; z-index: 1; }\r\n    \r\n    .pg-ig-load-btn:hover {\r\n        color: #fff;\r\n        border-color: transparent;\r\n        transform: translateY(-4px);\r\n        box-shadow: var(--glow-pink);\r\n    }\r\n    \r\n    .pg-ig-load-btn:hover::before { left: 0; }\r\n    .pg-ig-load-btn:hover i { transform: translateY(5px) rotate(180deg); }\r\n    .pg-ig-load-btn:active { transform: translateY(0); }\r\n\r\n    .pg-ig-toast {\r\n        visibility: hidden;\r\n        background: rgba(18, 10, 30, 0.98);\r\n        color: #fff;\r\n        padding: 18px 28px;\r\n        position: fixed;\r\n        left: 50%;\r\n        bottom: 45px;\r\n        transform: translateX(-50%) translateY(25px);\r\n        font-family: var(--primary-font);\r\n        font-weight: 600;\r\n        z-index: 10000;\r\n        border-radius: 10px;\r\n        box-shadow: 0 12px 35px rgba(0,0,0,0.8);\r\n        opacity: 0;\r\n        transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        border: 1px solid var(--ig-pink);\r\n    }\r\n    \r\n    .pg-ig-toast i {\r\n        color: #fff;\r\n        background: var(--ig-pink);\r\n        border-radius: 50%;\r\n        padding: 6px;\r\n        font-size: 1.1rem;\r\n    }\r\n    \r\n    .pg-ig-toast.show {\r\n        visibility: visible;\r\n        opacity: 1;\r\n        transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .pg-ig-grid { grid-template-columns: repeat(2, 1fr); }\r\n        .pg-ig-title { font-size: 2.4rem; }\r\n        .pg-ig-settings { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .pg-ig-grid { grid-template-columns: 1fr; }\r\n        .pg-ig-container { padding: 30px 15px !important; }\r\n        .pg-ig-results { padding: 20px 0; }\r\n        .pg-ig-settings { padding: 15px; gap: 20px; }\r\n        .pg-ig-textarea { min-height: 120px !important; font-size: 1.3rem !important; }\r\n        \r\n        .pg-ig-toolbar { flex-direction: column; align-items: stretch; }\r\n        .pg-ig-tool-group { justify-content: space-between; }\r\n        .pg-ig-preset { width: 100%; text-align: center; }\r\n        \r\n        .pg-ig-card { padding: 16px; }\r\n        .pg-ig-card-preview { font-size: 1.1rem; max-height: 140px; }\r\n        \r\n        .pg-ig-opt-btn { padding: 12px 8px; font-size: 0.8rem; }\r\n        .pg-ig-load-btn { padding: 13px 28px; font-size: 0.95rem; width: 100%; justify-content: center; }\r\n        .pg-ig-title { font-size: 1.85rem; }\r\n        .pg-ig-subtitle { font-size: 0.95rem; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-ig-wrapper\" id=\"pg-ig-tool\">\r\n    <div class=\"pg-ig-container pg-ig-hero\">\r\n        <h1 class=\"pg-ig-title\"><i class=\"fa-brands fa-instagram\"><\/i> Instagram Text Generator \u2013 Style Instantly<\/h1>\r\n        <p class=\"pg-ig-subtitle\">Transform plain text into aesthetic Unicode styles, clean social displays, and elegant gothic fonts optimized for Instagram bios, captions, comments, and DMs.<\/p>\r\n        \r\n        <div class=\"pg-ig-main-card\">\r\n            <div class=\"pg-ig-header\">\r\n                <div class=\"pg-ig-avatar\"><i class=\"fa-solid fa-font\"><\/i><\/div>\r\n                <div class=\"pg-ig-header-text\">Create Insta Text<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"pg-ig-input-area\">\r\n                <textarea class=\"pg-ig-textarea\" id=\"pgIgInput\" placeholder=\"Type your caption or bio text here...\"><\/textarea>\r\n                \r\n                <div class=\"pg-ig-toolbar\">\r\n                    <div class=\"pg-ig-tool-group\">\r\n                        <button class=\"pg-ig-btn\" id=\"pgIgPaste\" title=\"Paste\"><i class=\"fa-solid fa-clipboard\"><\/i> Paste<\/button>\r\n                        <button class=\"pg-ig-btn\" id=\"pgIgSelect\" title=\"Select\"><i class=\"fa-solid fa-object-group\"><\/i> Select<\/button>\r\n                        <button class=\"pg-ig-btn primary-btn\" id=\"pgIgCopyBase\" title=\"Copy Original\"><i class=\"fa-regular fa-copy\"><\/i> Copy<\/button>\r\n                    <\/div>\r\n                    \r\n                    <select class=\"pg-ig-preset\" id=\"pgIgPreset\">\r\n                        <option value=\"\" disabled selected>\ud83d\udcf8 Insta Presets<\/option>\r\n                        <option value=\"Living my best life \u2728\">\u2728 Aesthetic Bio<\/option>\r\n                        <option value=\"New Post Alert \ud83d\udce2\">\ud83d\udce2 Post Announcement<\/option>\r\n                        <option value=\"Follow for more content!\">\ud83d\udc65 Call to Action<\/option>\r\n                        <option value=\"Link in bio \ud83d\udc47\">\ud83d\udd17 Link in Bio<\/option>\r\n                        <option value=\"Throwback Thursday \ud83d\udcf8\">\ud83d\udcc5 Story Theme<\/option>\r\n                        <option value=\"Double tap if you agree \ud83d\udc95\">\ud83d\udcac Engagement Hook<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"pg-ig-settings\">\r\n                <div>\r\n                    <div class=\"pg-ig-label\"><i class=\"fa-solid fa-text-height\"><\/i> Text Style<\/div>\r\n                    <div class=\"pg-ig-options\">\r\n                        <button class=\"pg-ig-opt-btn style-btn active\" data-mode=\"SansBold\">\r\n                            <i class=\"fa-solid fa-bold\"><\/i> Sans Bold\r\n                        <\/button>\r\n                        <button class=\"pg-ig-opt-btn style-btn\" data-mode=\"Script\">\r\n                            <i class=\"fa-solid fa-feather-pointed\"><\/i> Script\r\n                        <\/button>\r\n                        <button class=\"pg-ig-opt-btn style-btn\" data-mode=\"DoubleStruck\">\r\n                            <i class=\"fa-solid fa-circle-nodes\"><\/i> Double Struck\r\n                        <\/button>\r\n                        <button class=\"pg-ig-opt-btn style-btn\" data-mode=\"Gothic\">\r\n                            <i class=\"fa-solid fa-chess\"><\/i> Gothic\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <div class=\"pg-ig-label\"><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i> Embellishments<\/div>\r\n                    <div class=\"pg-ig-options\">\r\n                        <button class=\"pg-ig-opt-btn deco-btn active\" data-deco=\"Clean\">\r\n                            <i class=\"fa-solid fa-ban\"><\/i> Clean\r\n                        <\/button>\r\n                        <button class=\"pg-ig-opt-btn deco-btn\" data-deco=\"Emojis\">\r\n                            <i class=\"fa-solid fa-face-smile\"><\/i> Emojis\r\n                        <\/button>\r\n                        <button class=\"pg-ig-opt-btn deco-btn\" data-deco=\"Hashtags\">\r\n                            <i class=\"fa-solid fa-hashtag\"><\/i> Hashtags\r\n                        <\/button>\r\n                        <button class=\"pg-ig-opt-btn deco-btn\" data-deco=\"Spaced\">\r\n                            <i class=\"fa-solid fa-arrows-left-right\"><\/i> Spaced\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pg-ig-results\">\r\n            <div class=\"pg-ig-grid\" id=\"pgIgGrid\"><\/div>\r\n            <button class=\"pg-ig-load-btn\" id=\"pgIgLoadBtn\"><span>Load More Styles<\/span> <i class=\"fa-solid fa-chevron-down\"><\/i><\/button>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"pgIgToast\" class=\"pg-ig-toast\"><i class=\"fa-solid fa-check\"><\/i> <span>Copied to Clipboard<\/span><\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const wrapper = document.getElementById('pg-ig-tool');\r\n    const input = wrapper.querySelector('#pgIgInput');\r\n    const grid = wrapper.querySelector('#pgIgGrid');\r\n    const loadBtn = wrapper.querySelector('#pgIgLoadBtn');\r\n    const toast = wrapper.querySelector('#pgIgToast');\r\n    const pasteBtn = wrapper.querySelector('#pgIgPaste');\r\n    const selectBtn = wrapper.querySelector('#pgIgSelect');\r\n    const copyBase = wrapper.querySelector('#pgIgCopyBase');\r\n    const presetSel = wrapper.querySelector('#pgIgPreset');\r\n\r\n    let currentMode = 'SansBold';\r\n    let currentDeco = 'Clean';\r\n    let limit = 9;\r\n    const INCREMENT = 9;\r\n    const TOTAL = 108;\r\n\r\n    const base = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\r\n    const baseArr = Array.from(base);\r\n\r\n    const sansBoldMap = \"\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\ud835\udfec\ud835\udfed\ud835\udfee\ud835\udfef\ud835\udff0\ud835\udff1\ud835\udff2\ud835\udff3\ud835\udff4\ud835\udff5\";\r\n    const sansBoldArr = Array.from(sansBoldMap);\r\n    \r\n    const scriptMap = \"\ud835\udcb6\ud835\udcb7\ud835\udcb8\ud835\udcb9\ud835\udc52\ud835\udcbb\ud835\udc54\ud835\udcbd\ud835\udcbe\ud835\udcbf\ud835\udcc0\ud835\udcc1\ud835\udcc2\ud835\udcc3\ud835\udc5c\ud835\udcc5\ud835\udcc6\ud835\udcc7\ud835\udcc8\ud835\udcc9\ud835\udcca\ud835\udccb\ud835\udccc\ud835\udccd\ud835\udcce\ud835\udccf\ud835\udc9c\u212c\ud835\udc9e\ud835\udc9f\u2130\u2131\ud835\udca2\u210b\u2110\ud835\udca5\ud835\udca6\u2112\u2133\ud835\udca9\ud835\udcaa\ud835\udcab\ud835\udcac\u211b\ud835\udcae\ud835\udcaf\ud835\udcb0\ud835\udcb1\ud835\udcb2\ud835\udcb3\ud835\udcb4\ud835\udcb50123456789\";\r\n    const scriptArr = Array.from(scriptMap);\r\n    \r\n    const doubleMap = \"\ud835\udd52\ud835\udd53\ud835\udd54\ud835\udd55\ud835\udd56\ud835\udd57\ud835\udd58\ud835\udd59\ud835\udd5a\ud835\udd5b\ud835\udd5c\ud835\udd5d\ud835\udd5e\ud835\udd5f\ud835\udd60\ud835\udd61\ud835\udd62\ud835\udd63\ud835\udd64\ud835\udd65\ud835\udd66\ud835\udd67\ud835\udd68\ud835\udd69\ud835\udd6a\ud835\udd6b\ud835\udd38\ud835\udd39\u2102\ud835\udd3b\ud835\udd3c\ud835\udd3d\ud835\udd3e\u210d\ud835\udd40\ud835\udd41\ud835\udd42\ud835\udd43\ud835\udd44\u2115\ud835\udd46\u2119\u211a\u211d\ud835\udd4a\ud835\udd4b\ud835\udd4c\ud835\udd4d\ud835\udd4e\ud835\udd4f\ud835\udd50\u2124\ud835\udfd8\ud835\udfd9\ud835\udfda\ud835\udfdb\ud835\udfdc\ud835\udfdd\ud835\udfde\ud835\udfdf\ud835\udfe0\ud835\udfe1\";\r\n    const doubleArr = Array.from(doubleMap);\r\n    \r\n    const gothicMap = \"\ud835\udd1e\ud835\udd1f\ud835\udd20\ud835\udd21\ud835\udd22\ud835\udd23\ud835\udd24\ud835\udd25\ud835\udd26\ud835\udd27\ud835\udd28\ud835\udd29\ud835\udd2a\ud835\udd2b\ud835\udd2c\ud835\udd2d\ud835\udd2e\ud835\udd2f\ud835\udd30\ud835\udd31\ud835\udd32\ud835\udd33\ud835\udd34\ud835\udd35\ud835\udd36\ud835\udd37\ud835\udd04\ud835\udd05\u212d\ud835\udd07\ud835\udd08\ud835\udd09\ud835\udd0a\u210c\u2111\ud835\udd0d\ud835\udd0e\ud835\udd0f\ud835\udd10\ud835\udd11\ud835\udd12\ud835\udd13\ud835\udd14\u211c\ud835\udd16\ud835\udd17\ud835\udd18\ud835\udd19\ud835\udd1a\ud835\udd1b\ud835\udd1c\u2128\ud835\udfce\ud835\udfcf\ud835\udfd0\ud835\udfd1\ud835\udfd2\ud835\udfd3\ud835\udfd4\ud835\udfd5\ud835\udfd6\ud835\udfd7\";\r\n    const gothicArr = Array.from(gothicMap);\r\n\r\n    const modeMap = {\r\n        'SansBold': sansBoldArr,\r\n        'Script': scriptArr,\r\n        'DoubleStruck': doubleArr,\r\n        'Gothic': gothicArr\r\n    };\r\n\r\n    const copyText = (txt, btn) => {\r\n        if (navigator.clipboard && navigator.clipboard.writeText) {\r\n            navigator.clipboard.writeText(txt).then(() => showToast(btn));\r\n        } else {\r\n            const ta = document.createElement(\"textarea\");\r\n            ta.value = txt;\r\n            ta.style.cssText = \"position:fixed;top:0;left:0;opacity:0;pointer-events:none;\";\r\n            document.body.appendChild(ta);\r\n            ta.select();\r\n            try { document.execCommand('copy'); showToast(btn); } catch(e) { console.error(e); }\r\n            document.body.removeChild(ta);\r\n        }\r\n    };\r\n\r\n    const showToast = (btn) => {\r\n        if(btn) {\r\n            btn.classList.add('copied');\r\n            btn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i>';\r\n            setTimeout(() => {\r\n                btn.classList.remove('copied');\r\n                btn.innerHTML = '<i class=\"fa-regular fa-copy\"><\/i>';\r\n            }, 1600);\r\n        }\r\n        toast.classList.add('show');\r\n        setTimeout(() => toast.classList.remove('show'), 1600);\r\n    };\r\n\r\n    const transformText = (txt, mode, deco, idx) => {\r\n        if(!txt) return \"\";\r\n        const map = modeMap[mode] || sansBoldArr;\r\n        let out = Array.from(txt).map(c => {\r\n            const i = baseArr.indexOf(c);\r\n            return i !== -1 ? map[i] : c;\r\n        }).join('');\r\n\r\n        if(deco === 'Emojis') {\r\n            const emojiSets = [\r\n                ['\u2728', '\ud83d\udcab', '\ud83c\udf1f'],\r\n                ['\ud83d\udd25', '\ud83d\udc96', '\ud83d\udc95'],\r\n                ['\ud83c\udf38', '\ud83e\udd8b', '\ud83c\udf3a'],\r\n                ['\ud83d\udcab', '\u26a1', '\ud83c\udf19']\r\n            ];\r\n            const set = emojiSets[idx % emojiSets.length];\r\n            out = `${set[0]} ${out} ${set[1]}`;\r\n        } else if(deco === 'Hashtags') {\r\n            const tags = ['#aesthetic', '#vibes', '#instagood', '#love', '#mood', '#explore'];\r\n            const tag = tags[idx % tags.length];\r\n            out = `${out}\\n\\n${tag}`;\r\n        } else if(deco === 'Spaced') {\r\n            out = out.split('').join('  ');\r\n            const dots = ['\u00b7', '\u2022', '\u25e6', '\u25aa\ufe0f'];\r\n            const d = dots[idx % dots.length];\r\n            out = `${d} ${out} ${d}`;\r\n        }\r\n\r\n        return out;\r\n    };\r\n\r\n    const genMeta = () => {\r\n        const names = [\r\n            'Bio Style', 'Caption Style', 'Comment Style', 'Story Text',\r\n            'Reel Title', 'Aesthetic Bio', 'Clean Caption', 'Gothic Style',\r\n            'Bold Display', 'Script Fancy', 'Spaced Out', 'Minimal Text',\r\n            'Vibe Caption', 'Mood Text', 'Insta Header', 'Profile Bio',\r\n            'Dark Gothic', 'Neon Script', 'Elegant Bio', 'Trendy Text',\r\n            'Viral Caption', 'Chill Vibe', 'Bold Statement', 'Soft Aesthetic'\r\n        ];\r\n        \/\/ Fixed missing quotes around 'fa-bolt'\r\n        const icons = ['fa-font', 'fa-quote-left', 'fa-comment', 'fa-camera-retro', 'fa-video', 'fa-palette', 'fa-feather-pointed', 'fa-chess', 'fa-bold', 'fa-pen-nib', 'fa-arrows-left-right', 'fa-grip-lines', 'fa-wind', 'fa-face-smile', 'fa-heading', 'fa-user-astronaut', 'fa-skull', 'fa-bolt', 'fa-crown', 'fa-heart', 'fa-fire', 'fa-cloud', 'fa-star', 'fa-gem'];\r\n        \r\n        const list = [];\r\n        for(let i=0; i<TOTAL; i++) {\r\n            const times = ['Just now', '2m', '5m', '15m', '1h', '3h', '6h', 'Yesterday', '2d', '1w'];\r\n            list.push({\r\n                id: `ig-${i}`,\r\n                name: `${names[i % names.length]} #${Math.floor(i\/names.length)+1}`,\r\n                time: times[i % times.length],\r\n                icon: icons[i % icons.length]\r\n            });\r\n        }\r\n        return list;\r\n    };\r\n\r\n    const allMeta = genMeta();\r\n\r\n    const render = () => {\r\n        grid.innerHTML = '';\r\n        const raw = input.value || \"Instagram Bio \u2728\";\r\n        const show = allMeta.slice(0, limit);\r\n        \r\n        show.forEach((meta, idx) => {\r\n            const out = transformText(raw, currentMode, currentDeco, idx);\r\n            \r\n            const card = document.createElement('div');\r\n            card.className = 'pg-ig-card';\r\n            card.innerHTML = `\r\n                <div class=\"pg-ig-card-header\">\r\n                    <div class=\"pg-ig-card-profile\">\r\n                        <div class=\"pg-ig-card-avatar\"><i class=\"fa-solid ${meta.icon}\"><\/i><\/div>\r\n                        <div class=\"pg-ig-card-meta\">\r\n                            <div class=\"pg-ig-card-title\">${meta.name}<\/div>\r\n                            <div class=\"pg-ig-card-time\"><i class=\"fa-regular fa-clock\"><\/i> ${meta.time}<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <button class=\"pg-ig-copy-btn\" title=\"Copy\"><i class=\"fa-regular fa-copy\"><\/i><\/button>\r\n                <\/div>\r\n                <div class=\"pg-ig-card-preview\">${out}<\/div>\r\n                <div class=\"pg-ig-card-footer\">\r\n                    <div class=\"pg-ig-card-action\"><i class=\"fa-regular fa-heart\"><\/i> Like<\/div>\r\n                    <div class=\"pg-ig-card-action\"><i class=\"fa-regular fa-comment\"><\/i> Comment<\/div>\r\n                    <div class=\"pg-ig-card-action\"><i class=\"fa-regular fa-paper-plane\"><\/i> Share<\/div>\r\n                <\/div>\r\n            `;\r\n            \r\n            const copyBtn = card.querySelector('.pg-ig-copy-btn');\r\n            copyBtn.addEventListener('click', (e) => {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                copyText(out, copyBtn);\r\n            });\r\n            \r\n            grid.appendChild(card);\r\n        });\r\n        \r\n        const remaining = Math.max(0, TOTAL - limit);\r\n        if(remaining > 0) {\r\n            loadBtn.style.display = 'inline-flex';\r\n            loadBtn.querySelector('span').textContent = `Load More Styles (${remaining})`;\r\n        } else {\r\n            loadBtn.style.display = 'none';\r\n        }\r\n    };\r\n\r\n    input.addEventListener('input', render);\r\n    \r\n    pasteBtn.addEventListener('click', async (e) => {\r\n        e.preventDefault();\r\n        try {\r\n            const t = await navigator.clipboard.readText();\r\n            input.value = t;\r\n            render();\r\n        } catch {\r\n            input.focus();\r\n        }\r\n    });\r\n\r\n    selectBtn.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        input.select();\r\n    });\r\n\r\n    copyBase.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        if(input.value) copyText(input.value, null);\r\n    });\r\n\r\n    presetSel.addEventListener('change', (e) => {\r\n        if(e.target.value) {\r\n            input.value = e.target.value;\r\n            render();\r\n            e.target.selectedIndex = 0;\r\n        }\r\n    });\r\n\r\n    loadBtn.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        limit += INCREMENT;\r\n        render();\r\n    });\r\n\r\n    wrapper.querySelectorAll('.style-btn').forEach(btn => {\r\n        btn.addEventListener('click', (e) => {\r\n            e.preventDefault();\r\n            wrapper.querySelectorAll('.style-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentMode = btn.dataset.mode;\r\n            limit = 9;\r\n            render();\r\n        });\r\n    });\r\n\r\n    wrapper.querySelectorAll('.deco-btn').forEach(btn => {\r\n        btn.addEventListener('click', (e) => {\r\n            e.preventDefault();\r\n            wrapper.querySelectorAll('.deco-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentDeco = btn.dataset.deco;\r\n            limit = 9;\r\n            render();\r\n        });\r\n    });\r\n\r\n    render();\r\n});\r\n<\/script>\r\n<!-- END OF FILE Instagram Text Generator -->\r\n\r\n<!-- <content section is starting -->\r\n\r\n<div>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <!-- SECTION 1 -->\r\n\r\n\r\n<section class=\"pg-itg-section pg-itg-sec1\">\r\n        <div class=\"pg-itg-wrap\">\r\n\t\r\n<\/div>\r\n\t<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <section class=\"pg-itg-section pg-itg-sec1\">\r\n        <div class=\"pg-itg-wrap\">\r\n            <h2 class=\"pg-itg-heading\">What Makes This <span class=\"pg-itg-kw\">Instagram Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-itg-sub\">Instagram limits you to a single, boring default font. Our generator unlocks dozens of aesthetic, cursive, and bold Unicode fonts to make your bio and feed captions instantly stand out from the crowd.<\/p>\r\n            <div class=\"pg-itg-grid\">\r\n                <div class=\"pg-itg-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(225,48,108,0.12);color:#e1306c;\"><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Aesthetic Font Library<\/div>\r\n                    <p class=\"pg-itg-desc\">From elegant cursive and typewriter fonts to bold gothic and cute bubble letters, get access to the most popular Instagram aesthetics without downloading any shady third-party keyboard apps.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(131,58,180,0.12);color:#833ab4;\"><i class=\"fa-solid fa-align-center\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Bio Formatting Friendly<\/div>\r\n                    <p class=\"pg-itg-desc\">Our characters are true Unicode, meaning they preserve their visual weight and spacing perfectly when pasted into Instagram\u2019s restrictive 150-character profile bio section.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(245,96,64,0.12);color:#f56040;\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Instant Live Previews<\/div>\r\n                    <p class=\"pg-itg-desc\">Type your caption and watch it transform into over 50 different styles simultaneously. Everything happens locally in your browser with zero loading screens or server lag.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(253,29,29,0.12);color:#fd1d1d;\"><i class=\"fa-solid fa-clipboard-check\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Clean Copy & Paste<\/div>\r\n                    <p class=\"pg-itg-desc\">Say goodbye to invisible characters or broken boxes. One click securely copies the pure text to your clipboard, ready to be pasted cleanly into any IG text field.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(193,53,132,0.12);color:#c13584;\"><i class=\"fa-solid fa-mobile-screen-button\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Native Mobile Rendering<\/div>\r\n                    <p class=\"pg-itg-desc\">Whether your followers are scrolling on an iPhone or an Android device, our generated fonts use universal symbols that render flawlessly across all modern smartphone OS versions.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(252,175,69,0.12);color:#fcaf45;\"><i class=\"fa-solid fa-infinity\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">100% Free & Unlimited<\/div>\r\n                    <p class=\"pg-itg-desc\">No subscription tiers, no paywalled fonts, and no account required. Generate as many stylish captions and bio updates as you want, completely free forever.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 -->\r\n    <section class=\"pg-itg-section pg-itg-sec2\">\r\n        <div class=\"pg-itg-wrap\">\r\n            <h2 class=\"pg-itg-heading pg-itg-sec2-heading\">How to Use Our <span class=\"pg-itg-kw pg-itg-sec2-kw\">Instagram Text Generator<\/span>?<\/h2>\r\n            <p class=\"pg-itg-sub pg-itg-sec2-sub\">Upgrading your Instagram aesthetic takes just seconds. No coding or design skills required\u2014just follow these simple steps to make your profile pop.<\/p>\r\n            <div class=\"pg-itg-grid\">\r\n                <div class=\"pg-itg-card pg-itg-sec2-card\">\r\n                    <span class=\"pg-itg-emoji\">\u2328\ufe0f<\/span>\r\n                    <div class=\"pg-itg-title\">Step 1: Type Your Text<\/div>\r\n                    <p class=\"pg-itg-desc\">Enter your name, bio, or photo caption into the input box. Our generator accepts standard letters, numbers, and even pairs well with your favorite emojis.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec2-card\">\r\n                    <span class=\"pg-itg-emoji\">\u2728<\/span>\r\n                    <div class=\"pg-itg-title\">Step 2: Find Your Aesthetic<\/div>\r\n                    <p class=\"pg-itg-desc\">Scroll through the massive list of generated styles. Choose sleek cursive for a soft aesthetic, bold serif for a professional look, or gothic for an edgy vibe.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec2-card\">\r\n                    <span class=\"pg-itg-emoji\">\ud83d\udc41\ufe0f<\/span>\r\n                    <div class=\"pg-itg-title\">Step 3: Preview the Look<\/div>\r\n                    <p class=\"pg-itg-desc\">Check the live results to make sure the font fits your personal brand. What you see on screen is exactly how it will format on the Instagram app.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec2-card\">\r\n                    <span class=\"pg-itg-emoji\">\ud83d\udccb<\/span>\r\n                    <div class=\"pg-itg-title\">Step 4: Copy to Clipboard<\/div>\r\n                    <p class=\"pg-itg-desc\">Click the copy button next to your favorite font style. The unique Unicode characters are instantly saved to your phone or computer's clipboard.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec2-card\">\r\n                    <span class=\"pg-itg-emoji\">\ud83d\udcf1<\/span>\r\n                    <div class=\"pg-itg-title\">Step 5: Open Instagram<\/div>\r\n                    <p class=\"pg-itg-desc\">Navigate to the Instagram app. Go to \"Edit Profile\" for your bio, or start a new post, Reel, or Story where you want the custom text to appear.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec2-card\">\r\n                    <span class=\"pg-itg-emoji\">\ud83d\ude80<\/span>\r\n                    <div class=\"pg-itg-title\">Step 6: Paste & Publish<\/div>\r\n                    <p class=\"pg-itg-desc\">Paste the copied text and hit save or share. Custom fonts naturally draw the eye, helping increase engagement, profile visits, and follower conversions.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 -->\r\n    <section class=\"pg-itg-section pg-itg-sec3\">\r\n        <div class=\"pg-itg-wrap\">\r\n            <h2 class=\"pg-itg-heading\">Best Places to Use <span class=\"pg-itg-kw\">Instagram Text Generator<\/span> Results?<\/h2>\r\n            <p class=\"pg-itg-sub\">Custom fonts are a powerful tool to hook scrollers and build your personal brand. Here are the most effective places to deploy your stylish text on IG.<\/p>\r\n            <div class=\"pg-itg-grid\">\r\n                <div class=\"pg-itg-card pg-itg-sec3-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(225,48,108,0.12);color:#e1306c;\"><i class=\"fa-solid fa-user-pen\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Profile Name & Bios<\/div>\r\n                    <p class=\"pg-itg-desc\">Your bio is your digital first impression. Use a cursive or bold aesthetic font to highlight your name, profession, or key achievements to make your profile unforgettable.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec3-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(253,29,29,0.12);color:#fd1d1d;\"><i class=\"fa-solid fa-image\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Feed Post Captions<\/div>\r\n                    <p class=\"pg-itg-desc\">The first line of your caption is crucial. Use bold or italic custom fonts for your hook to stop the scroll and encourage users to click the \"Read More\" button.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec3-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(131,58,180,0.12);color:#833ab4;\"><i class=\"fa-solid fa-video\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Reels Descriptions<\/div>\r\n                    <p class=\"pg-itg-desc\">Reels captions are notoriously cramped. Stand out by using a highly legible, stylized font for your main call-to-action or discount code right at the top of the description.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec3-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(245,96,64,0.12);color:#f56040;\"><i class=\"fa-solid fa-comment-dots\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Stand-Out Comments<\/div>\r\n                    <p class=\"pg-itg-desc\">Want a creator to notice your reply? Dropping a comment written in a unique typewriter or bubble font guarantees your text stands out visually from hundreds of standard replies.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec3-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(252,175,69,0.12);color:#fcaf45;\"><i class=\"fa-solid fa-circle-notch\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Story Highlight Titles<\/div>\r\n                    <p class=\"pg-itg-desc\">Keep your profile looking incredibly clean by using minimal, spaced-out, or tiny aesthetic text for the titles under your Instagram Story Highlight covers.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec3-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(193,53,132,0.12);color:#c13584;\"><i class=\"fa-solid fa-paper-plane\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Direct Messages (DMs)<\/div>\r\n                    <p class=\"pg-itg-desc\">Sending a pitch to a brand or trying to get your crush's attention? Send a DM with stylized text to instantly show off your creativity and playful personality.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        *, *::before, *::after {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --itg-primary: #e1306c; \/* Instagram Pink *\/\r\n            --itg-grad: linear-gradient(135deg, #833AB4, #E1306C, #FCAF45);\r\n            --itg-shadow: 0 12px 30px rgba(225, 48, 108, 0.18);\r\n            --itg-ease: cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --itg-speed: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --itg-ff: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        }\r\n\r\n        .pg-itg-section {\r\n            width: 100%;\r\n            padding: clamp(48px, 8vw, 96px) 20px;\r\n            position: relative;\r\n            font-family: var(--itg-ff);\r\n            color: #0a0a0a;\r\n            line-height: 1.6;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        .pg-itg-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .pg-itg-heading {\r\n            font-family: var(--itg-ff);\r\n            font-size: clamp(1.5rem, 4vw, 2.25rem);\r\n            font-weight: 800;\r\n            text-align: center;\r\n            color: #000000;\r\n            margin-bottom: clamp(8px, 1.5vw, 14px);\r\n            line-height: 1.2;\r\n            letter-spacing: -0.03em;\r\n        }\r\n\r\n        .pg-itg-kw {\r\n            color: #000000;\r\n            position: relative;\r\n        }\r\n\r\n        .pg-itg-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(--itg-grad);\r\n            border-radius: 3px;\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--itg-ease);\r\n        }\r\n\r\n        .pg-itg-section:hover .pg-itg-kw::after {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-itg-sub {\r\n            font-family: var(--itg-ff);\r\n            font-size: clamp(0.88rem, 1.8vw, 1.02rem);\r\n            font-weight: 400;\r\n            text-align: center;\r\n            color: #1a1a1a;\r\n            max-width: 660px;\r\n            margin: 0 auto clamp(32px, 5vw, 56px);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .pg-itg-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: clamp(16px, 2.5vw, 26px);\r\n            align-items: stretch;\r\n        }\r\n\r\n        \/* === CARD BASE === *\/\r\n        .pg-itg-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(--itg-speed);\r\n            border: 1.5px solid #e0e0e8;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .pg-itg-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(--itg-grad);\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--itg-ease);\r\n            z-index: 4;\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-itg-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(225,48,108,0.10) 0%, rgba(131,58,180,0.04) 60%, transparent 100%);\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.55s ease-out, height 0.55s ease-out, opacity 0.55s ease-out;\r\n            opacity: 0;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .pg-itg-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-itg-card.pg-itg-down {\r\n            transform: translateY(-1px) scale(0.985) !important;\r\n        }\r\n\r\n        .pg-itg-card.pg-itg-down::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-itg-card.pg-itg-glow::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 1;\r\n        }\r\n\r\n        .pg-itg-card.pg-itg-glow-out::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 0;\r\n        }\r\n\r\n        \/* === ICON === *\/\r\n        .pg-itg-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(--itg-speed);\r\n            position: relative;\r\n            z-index: 3;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .pg-itg-card:hover .pg-itg-icon {\r\n            transform: scale(1.12) rotate(-4deg);\r\n        }\r\n\r\n        .pg-itg-card.pg-itg-down .pg-itg-icon {\r\n            transform: scale(1.04) rotate(0deg);\r\n        }\r\n\r\n        \/* === EMOJI === *\/\r\n        .pg-itg-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(--itg-speed);\r\n            position: relative;\r\n            z-index: 3;\r\n            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .pg-itg-card:hover .pg-itg-emoji {\r\n            transform: scale(1.22) rotate(-6deg);\r\n        }\r\n\r\n        .pg-itg-card.pg-itg-down .pg-itg-emoji {\r\n            transform: scale(1.08) rotate(0deg);\r\n        }\r\n\r\n        \/* === TITLE === *\/\r\n        .pg-itg-title {\r\n            font-family: var(--itg-ff);\r\n            font-size: clamp(0.95rem, 2vw, 1.1rem);\r\n            font-weight: 700;\r\n            color: #000000;\r\n            margin-bottom: clamp(6px, 1vw, 10px);\r\n            line-height: 1.35;\r\n            position: relative;\r\n            z-index: 3;\r\n        }\r\n\r\n        \/* === DESC === *\/\r\n        .pg-itg-desc {\r\n            font-family: var(--itg-ff);\r\n            font-size: clamp(0.8rem, 1.5vw, 0.9rem);\r\n            font-weight: 400;\r\n            color: #1a1a1a;\r\n            line-height: 1.65;\r\n            position: relative;\r\n            z-index: 3;\r\n            margin-top: auto;\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 1 \u2014 #fff bg \/ #fff cards\r\n           ============================== *\/\r\n        .pg-itg-sec1 {\r\n            background: #ffffff;\r\n        }\r\n\r\n        .pg-itg-sec1 .pg-itg-card {\r\n            background: #ffffff;\r\n            border-color: #dcdce5;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n        }\r\n\r\n        .pg-itg-sec1 .pg-itg-card:hover {\r\n            border-color: var(--itg-primary);\r\n            box-shadow: var(--itg-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 2 \u2014 requested purple gradient bg \/ white cards\r\n           ============================== *\/\r\n        .pg-itg-sec2 {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        }\r\n\r\n        .pg-itg-sec2 .pg-itg-heading.pg-itg-sec2-heading {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-itg-sec2 .pg-itg-kw.pg-itg-sec2-kw {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-itg-sec2 .pg-itg-kw.pg-itg-sec2-kw::after {\r\n            background: linear-gradient(90deg, #FCAF45, #E1306C, #ffffff);\r\n        }\r\n\r\n        .pg-itg-sec2 .pg-itg-sub.pg-itg-sec2-sub {\r\n            color: rgba(255,255,255,0.9);\r\n        }\r\n\r\n        .pg-itg-sec2 .pg-itg-card.pg-itg-sec2-card {\r\n            background: #ffffff;\r\n            border-color: rgba(255,255,255,0.25);\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.12);\r\n        }\r\n\r\n        .pg-itg-sec2 .pg-itg-card.pg-itg-sec2-card::before {\r\n            background: linear-gradient(90deg, #667eea, #764ba2, #E1306C);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-itg-sec2 .pg-itg-card.pg-itg-sec2-card::after {\r\n            background: radial-gradient(circle, rgba(102,126,234,0.08) 0%, rgba(118,75,162,0.04) 60%, transparent 100%);\r\n        }\r\n\r\n        .pg-itg-sec2 .pg-itg-card.pg-itg-sec2-card:hover {\r\n            border-color: rgba(102,126,234,0.5);\r\n            box-shadow: 0 14px 40px rgba(118,75,162,0.25);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .pg-itg-sec2 .pg-itg-emoji {\r\n            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 3 \u2014 #fff bg \/ soft gray cards\r\n           ============================== *\/\r\n        .pg-itg-sec3 {\r\n            background: #ffffff;\r\n        }\r\n\r\n        .pg-itg-sec3 .pg-itg-card.pg-itg-sec3-card {\r\n            background: #f5f6f9;\r\n            border-color: #d8dce4;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.03);\r\n        }\r\n\r\n        .pg-itg-sec3 .pg-itg-card.pg-itg-sec3-card::before {\r\n            background: var(--itg-grad);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-itg-sec3 .pg-itg-card.pg-itg-sec3-card:hover {\r\n            border-color: var(--itg-primary);\r\n            box-shadow: var(--itg-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ==============================\r\n           RESPONSIVE\r\n           ============================== *\/\r\n        @media (max-width: 820px) {\r\n            .pg-itg-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 16px;\r\n            }\r\n            .pg-itg-section {\r\n                padding: clamp(36px, 6vw, 64px) 16px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 540px) {\r\n            .pg-itg-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 14px;\r\n            }\r\n            .pg-itg-card {\r\n                padding: 22px;\r\n            }\r\n            .pg-itg-sub {\r\n                margin-bottom: 28px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .pg-itg-section {\r\n                padding: 32px 12px;\r\n            }\r\n            .pg-itg-card {\r\n                padding: 18px;\r\n                border-radius: 12px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n    (function() {\r\n        var cards = document.querySelectorAll('.pg-itg-card');\r\n        cards.forEach(function(card) {\r\n            function glow(el) {\r\n                el.classList.remove('pg-itg-glow', 'pg-itg-glow-out');\r\n                void el.offsetWidth;\r\n                el.classList.add('pg-itg-glow');\r\n                setTimeout(function() {\r\n                    el.classList.add('pg-itg-glow-out');\r\n                }, 300);\r\n                setTimeout(function() {\r\n                    el.classList.remove('pg-itg-glow', 'pg-itg-glow-out');\r\n                }, 700);\r\n            }\r\n            card.addEventListener('mousedown', function() {\r\n                card.classList.add('pg-itg-down');\r\n            });\r\n            card.addEventListener('mouseup', function() {\r\n                setTimeout(function() {\r\n                    card.classList.remove('pg-itg-down');\r\n                }, 120);\r\n                glow(card);\r\n            });\r\n            card.addEventListener('mouseleave', function() {\r\n                card.classList.remove('pg-itg-down', 'pg-itg-glow', 'pg-itg-glow-out');\r\n            });\r\n            card.addEventListener('touchstart', function() {\r\n                card.classList.add('pg-itg-down');\r\n                glow(card);\r\n            }, { passive: true });\r\n            card.addEventListener('touchend', function() {\r\n                setTimeout(function() {\r\n                    card.classList.remove('pg-itg-down');\r\n                }, 150);\r\n            });\r\n            card.addEventListener('touchcancel', function() {\r\n                card.classList.remove('pg-itg-down', 'pg-itg-glow', 'pg-itg-glow-out');\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/div>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<!-- START OF FILE Instagram 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-ig-wrapper {\r\n        --primary-font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        \r\n        --theme-panel: rgba(30, 18, 45, 0.95);\r\n        --theme-panel-hover: rgba(45, 25, 65, 0.98);\r\n        --theme-bg-alt: rgba(18, 10, 30, 0.9);\r\n        --theme-border: rgba(225, 48, 108, 0.25);\r\n        \r\n        --ig-pink: #E1306C;\r\n        --ig-purple: #833AB4;\r\n        --ig-orange: #F77737;\r\n        --ig-yellow: #FCAF45;\r\n        --ig-cyan: #00d4aa;\r\n        --text-bright: #f5f0ff;\r\n        --text-muted: #c8b8e0;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #361656 100%);\r\n        --grad-ig: linear-gradient(135deg, #833AB4, #E1306C, #F77737);\r\n        --grad-shimmer: linear-gradient(90deg, transparent, rgba(225, 48, 108, 0.35), transparent);\r\n        \r\n        --glow-pink: 0 0 25px rgba(225, 48, 108, 0.5);\r\n        --glow-purple: 0 0 20px rgba(131, 58, 180, 0.4);\r\n        --shadow-ui: 0 15px 40px rgba(0, 0, 0, 0.65);\r\n        --shadow-card: 0 8px 20px rgba(18, 10, 30, 0.6);\r\n        \r\n        --transition-ui: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n        --transition-fast: all 0.2s ease;\r\n        \r\n        font-family: var(--primary-font);\r\n        color: var(--text-bright);\r\n        line-height: 1.5;\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        text-align: center;\r\n        background: var(--grad-master);\r\n        background-attachment: fixed;\r\n    }\r\n\r\n    .pg-ig-wrapper * { box-sizing: border-box; }\r\n\r\n    .pg-ig-container {\r\n        max-width: 1100px !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-ig-hero {\r\n        z-index: 2;\r\n        padding-top: 10px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pg-ig-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 3rem;\r\n        font-weight: 800;\r\n        line-height: 1.2;\r\n        margin: 0 auto 12px auto;\r\n        letter-spacing: -0.5px;\r\n        color: #fff;\r\n        text-shadow: 0 4px 15px rgba(0,0,0,0.5), var(--glow-pink);\r\n        max-width: 950px;\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: 15px;\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .pg-ig-title i {\r\n        color: var(--ig-orange);\r\n        text-shadow: var(--glow-pink);\r\n        background: linear-gradient(135deg, rgba(131,58,180,0.8), rgba(225,48,108,0.8));\r\n        border-radius: 12px;\r\n        padding: 12px;\r\n        font-size: 2.2rem;\r\n        box-shadow: var(--glow-purple);\r\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n    \r\n    .pg-ig-title:hover i {\r\n        transform: rotate(15deg) scale(1.15);\r\n    }\r\n\r\n    .pg-ig-title::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -15px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: block;\r\n        width: 60px;\r\n        height: 5px;\r\n        background: var(--grad-ig);\r\n        border-radius: 5px;\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .pg-ig-title:hover::after {\r\n        width: 220px;\r\n        box-shadow: var(--glow-pink);\r\n    }\r\n    \r\n    .pg-ig-subtitle {\r\n        font-family: var(--primary-font);\r\n        font-size: 1.15rem;\r\n        color: rgba(245, 240, 255, 0.9);\r\n        max-width: 800px;\r\n        margin: 25px auto 35px auto;\r\n        padding: 0 10px;\r\n        font-weight: 500;\r\n        text-shadow: 0 2px 8px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .pg-ig-main-card {\r\n        background: var(--theme-panel);\r\n        backdrop-filter: blur(16px);\r\n        -webkit-backdrop-filter: blur(16px);\r\n        border: 1px solid var(--theme-border);\r\n        width: 100%;\r\n        box-shadow: var(--shadow-ui);\r\n        border-radius: 16px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n    \r\n    .pg-ig-main-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; height: 4px;\r\n        background: var(--grad-ig);\r\n        opacity: 0.9;\r\n        transform: scaleX(0);\r\n        transform-origin: left;\r\n        transition: transform 0.5s ease;\r\n    }\r\n    \r\n    .pg-ig-main-card:hover::before { transform: scaleX(1); }\r\n\r\n    .pg-ig-header {\r\n        padding: 18px 24px;\r\n        border-bottom: 1px solid var(--theme-border);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n        background: rgba(225, 48, 108, 0.08);\r\n    }\r\n\r\n    .pg-ig-avatar {\r\n        width: 48px;\r\n        height: 48px;\r\n        border-radius: 50%;\r\n        background: var(--grad-ig);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.5rem;\r\n        color: #fff;\r\n        box-shadow: var(--glow-pink);\r\n        transition: transform 0.3s ease;\r\n    }\r\n    \r\n    .pg-ig-header:hover .pg-ig-avatar { \r\n        transform: rotate(360deg);\r\n    }\r\n\r\n    .pg-ig-header-text {\r\n        font-weight: 700;\r\n        font-size: 1.2rem;\r\n        color: var(--text-bright);\r\n        letter-spacing: 0.3px;\r\n    }\r\n\r\n    .pg-ig-input-area {\r\n        padding: 24px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 18px;\r\n        background: var(--theme-bg-alt);\r\n    }\r\n\r\n    .pg-ig-textarea {\r\n        width: 100% !important;\r\n        min-height: 140px !important;\r\n        padding: 20px 22px !important;\r\n        background: rgba(0, 0, 0, 0.3) !important;\r\n        border: 2px solid var(--theme-border) !important;\r\n        color: #fff !important;\r\n        font-family: var(--primary-font) !important;\r\n        font-weight: 400 !important;\r\n        font-size: 1.6rem !important;\r\n        outline: none !important;\r\n        text-align: left !important;\r\n        white-space: pre-wrap !important;\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        resize: vertical;\r\n        border-radius: 12px;\r\n        transition: var(--transition-fast);\r\n    }\r\n    \r\n    .pg-ig-textarea:focus {\r\n        border-color: var(--ig-pink) !important;\r\n        box-shadow: 0 0 0 4px rgba(225, 48, 108, 0.2) !important;\r\n    }\r\n    \r\n    .pg-ig-textarea::placeholder { color: var(--text-muted); opacity: 0.7; }\r\n\r\n    .pg-ig-toolbar {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 12px;\r\n        padding: 14px 18px;\r\n        border: 1px solid var(--theme-border);\r\n        border-radius: 12px;\r\n        background: rgba(225, 48, 108, 0.06);\r\n    }\r\n\r\n    .pg-ig-tool-group {\r\n        display: flex;\r\n        gap: 10px;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .pg-ig-btn {\r\n        background: transparent;\r\n        color: var(--text-muted);\r\n        border: 1px solid var(--theme-border);\r\n        padding: 10px 15px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.9rem;\r\n        font-weight: 600;\r\n        border-radius: 10px;\r\n        cursor: pointer;\r\n        transition: var(--transition-fast);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pg-ig-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%;\r\n        width: 100%; height: 100%;\r\n        background: var(--grad-shimmer);\r\n        transition: left 0.4s ease;\r\n    }\r\n    \r\n    .pg-ig-btn:hover {\r\n        background: rgba(225, 48, 108, 0.15);\r\n        color: var(--ig-pink);\r\n        border-color: var(--ig-pink);\r\n        box-shadow: var(--glow-pink);\r\n    }\r\n    \r\n    .pg-ig-btn:hover::before { left: 100%; }\r\n\r\n    .pg-ig-btn.primary-btn {\r\n        color: var(--ig-cyan);\r\n        background: rgba(0, 212, 170, 0.15);\r\n        border-color: var(--ig-cyan);\r\n    }\r\n    \r\n    .pg-ig-btn.primary-btn:hover {\r\n        background: rgba(0, 212, 170, 0.25);\r\n        box-shadow: 0 0 20px rgba(0, 212, 170, 0.4);\r\n    }\r\n\r\n    .pg-ig-btn:active { transform: scale(0.94); }\r\n\r\n    .pg-ig-preset {\r\n        background: rgba(0,0,0,0.35);\r\n        color: var(--text-muted);\r\n        border: 1px solid var(--theme-border);\r\n        padding: 10px 14px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.9rem;\r\n        font-weight: 600;\r\n        border-radius: 10px;\r\n        cursor: pointer;\r\n        outline: none;\r\n        transition: var(--transition-fast);\r\n        min-width: 190px;\r\n    }\r\n    \r\n    .pg-ig-preset:hover, .pg-ig-preset:focus {\r\n        background: rgba(225, 48, 108, 0.2);\r\n        color: var(--ig-orange);\r\n        border-color: var(--ig-pink);\r\n    }\r\n    \r\n    .pg-ig-preset option {\r\n        background: var(--theme-panel);\r\n        color: var(--text-bright);\r\n    }\r\n\r\n    .pg-ig-settings {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 24px;\r\n        padding: 28px 24px;\r\n        background: var(--theme-panel);\r\n        border-top: 1px solid var(--theme-border);\r\n    }\r\n\r\n    .pg-ig-label {\r\n        display: flex;\r\n        align-items: center;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.95rem;\r\n        font-weight: 700;\r\n        color: var(--text-bright);\r\n        margin-bottom: 14px;\r\n        gap: 8px;\r\n    }\r\n    \r\n    .pg-ig-label i {\r\n        color: var(--ig-pink);\r\n        font-size: 1.15rem;\r\n    }\r\n\r\n    .pg-ig-options {\r\n        display: grid;\r\n        gap: 10px;\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .pg-ig-opt-btn {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        border: 1px solid transparent;\r\n        padding: 14px 10px;\r\n        color: var(--text-bright);\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        border-radius: 12px;\r\n        transition: var(--transition-fast);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 8px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-ig-opt-btn i {\r\n        font-size: 1.3rem;\r\n        color: var(--text-muted);\r\n        transition: var(--transition-fast);\r\n    }\r\n    \r\n    .pg-ig-opt-btn::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; right: 0;\r\n        width: 0; height: 100%;\r\n        background: var(--grad-shimmer);\r\n        transition: width 0.5s ease;\r\n    }\r\n    \r\n    .pg-ig-opt-btn:hover::after { width: 100%; }\r\n    \r\n    .pg-ig-opt-btn:hover {\r\n        background: rgba(225, 48, 108, 0.12);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    .pg-ig-opt-btn:hover i {\r\n        color: var(--ig-orange);\r\n        transform: scale(1.15);\r\n    }\r\n\r\n    .pg-ig-opt-btn.active {\r\n        background: rgba(225, 48, 108, 0.3);\r\n        color: var(--ig-pink);\r\n        border-color: var(--ig-pink);\r\n        box-shadow: var(--glow-pink);\r\n    }\r\n    \r\n    .pg-ig-opt-btn.active i {\r\n        color: var(--ig-yellow);\r\n        transform: scale(1.2);\r\n    }\r\n\r\n    .pg-ig-results {\r\n        padding: 40px 0;\r\n        width: 100%;\r\n        position: relative;\r\n    }\r\n    \r\n    .pg-ig-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 20px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .pg-ig-card {\r\n        background: var(--theme-panel);\r\n        border: 1px solid var(--theme-border);\r\n        padding: 20px;\r\n        transition: var(--transition-ui);\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 14px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        box-shadow: var(--shadow-card);\r\n    }\r\n    \r\n    .pg-ig-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%; left: -50%;\r\n        width: 200%; height: 200%;\r\n        background: radial-gradient(circle, rgba(225, 48, 108, 0.1) 0%, transparent 70%);\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n    }\r\n    \r\n    .pg-ig-card:hover {\r\n        transform: translateY(-6px) scale(1.01);\r\n        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);\r\n        border-color: var(--ig-pink);\r\n    }\r\n    \r\n    .pg-ig-card:hover::before { opacity: 1; }\r\n\r\n    .pg-ig-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: 16px;\r\n    }\r\n    \r\n    .pg-ig-card-profile {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n    }\r\n\r\n    .pg-ig-card-avatar {\r\n        width: 42px;\r\n        height: 42px;\r\n        border-radius: 50%;\r\n        background: var(--grad-ig);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #fff;\r\n        font-size: 1.15rem;\r\n        box-shadow: 0 0 12px rgba(225, 48, 108, 0.5);\r\n    }\r\n\r\n    .pg-ig-card-meta {\r\n        display: flex;\r\n        flex-direction: column;\r\n        text-align: left;\r\n    }\r\n\r\n    .pg-ig-card-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 0.95rem;\r\n        font-weight: 600;\r\n        color: var(--text-bright);\r\n    }\r\n\r\n    .pg-ig-card-time {\r\n        font-size: 0.8rem;\r\n        color: var(--text-muted);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n    }\r\n\r\n    .pg-ig-copy-btn {\r\n        background: transparent;\r\n        border: 1px solid var(--theme-border);\r\n        color: var(--text-muted);\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 10px;\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        position: relative;\r\n        z-index: 2;\r\n    }\r\n    \r\n    .pg-ig-copy-btn i { font-size: 1.1rem; transition: transform 0.2s ease; }\r\n    \r\n    .pg-ig-copy-btn:hover {\r\n        background: var(--ig-pink);\r\n        color: #fff;\r\n        border-color: var(--ig-pink);\r\n        box-shadow: var(--glow-pink);\r\n    }\r\n    \r\n    .pg-ig-copy-btn:hover i { transform: scale(1.2) rotate(10deg); }\r\n    \r\n    .pg-ig-copy-btn:active { transform: scale(0.88); }\r\n    \r\n    .pg-ig-copy-btn.copied {\r\n        background: var(--ig-pink) !important;\r\n        color: #fff !important;\r\n        border-color: var(--ig-pink) !important;\r\n        box-shadow: var(--glow-pink) !important;\r\n    }\r\n\r\n    .pg-ig-card-preview {\r\n        font-size: 1.25rem;\r\n        color: var(--text-bright);\r\n        width: 100%;\r\n        text-align: left;\r\n        font-family: var(--primary-font);\r\n        font-weight: normal;\r\n        position: relative;\r\n        z-index: 1;\r\n        padding: 6px 0 16px 0;\r\n        transition: var(--transition-fast);\r\n        white-space: pre-wrap !important;\r\n        word-break: break-word !important;\r\n        overflow-wrap: break-word !important;\r\n        box-sizing: border-box !important;\r\n        line-height: 1.4 !important;\r\n        max-height: 160px;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-ig-card:hover .pg-ig-card-preview {\r\n        color: var(--ig-pink);\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .pg-ig-card-footer {\r\n        border-top: 1px solid var(--theme-border);\r\n        padding-top: 14px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        color: var(--text-muted);\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        flex-wrap: wrap;\r\n        gap: 6px;\r\n    }\r\n\r\n    .pg-ig-card-action {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        cursor: pointer;\r\n        transition: color 0.2s ease;\r\n    }\r\n    .pg-ig-card-action:hover { color: var(--ig-pink); }\r\n    .pg-ig-card-action:hover i { transform: scale(1.15); }\r\n    .pg-ig-card-action i { transition: transform 0.2s ease; }\r\n\r\n    .pg-ig-load-btn {\r\n        background: var(--theme-panel);\r\n        color: var(--ig-pink);\r\n        border: 2px solid var(--ig-pink);\r\n        padding: 15px 42px;\r\n        font-family: var(--primary-font);\r\n        font-weight: 700;\r\n        font-size: 1.05rem;\r\n        cursor: pointer;\r\n        margin-top: 30px;\r\n        border-radius: 10px;\r\n        transition: var(--transition-fast);\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        box-shadow: var(--shadow-card);\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-ig-load-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%; width: 100%; height: 100%;\r\n        background: var(--grad-ig);\r\n        transition: left 0.45s ease;\r\n        z-index: 0;\r\n    }\r\n    \r\n    .pg-ig-load-btn span, .pg-ig-load-btn i { position: relative; z-index: 1; }\r\n    \r\n    .pg-ig-load-btn:hover {\r\n        color: #fff;\r\n        border-color: transparent;\r\n        transform: translateY(-4px);\r\n        box-shadow: var(--glow-pink);\r\n    }\r\n    \r\n    .pg-ig-load-btn:hover::before { left: 0; }\r\n    .pg-ig-load-btn:hover i { transform: translateY(5px) rotate(180deg); }\r\n    .pg-ig-load-btn:active { transform: translateY(0); }\r\n\r\n    .pg-ig-toast {\r\n        visibility: hidden;\r\n        background: rgba(18, 10, 30, 0.98);\r\n        color: #fff;\r\n        padding: 18px 28px;\r\n        position: fixed;\r\n        left: 50%;\r\n        bottom: 45px;\r\n        transform: translateX(-50%) translateY(25px);\r\n        font-family: var(--primary-font);\r\n        font-weight: 600;\r\n        z-index: 10000;\r\n        border-radius: 10px;\r\n        box-shadow: 0 12px 35px rgba(0,0,0,0.8);\r\n        opacity: 0;\r\n        transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        border: 1px solid var(--ig-pink);\r\n    }\r\n    \r\n    .pg-ig-toast i {\r\n        color: #fff;\r\n        background: var(--ig-pink);\r\n        border-radius: 50%;\r\n        padding: 6px;\r\n        font-size: 1.1rem;\r\n    }\r\n    \r\n    .pg-ig-toast.show {\r\n        visibility: visible;\r\n        opacity: 1;\r\n        transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .pg-ig-grid { grid-template-columns: repeat(2, 1fr); }\r\n        .pg-ig-title { font-size: 2.4rem; }\r\n        .pg-ig-settings { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .pg-ig-grid { grid-template-columns: 1fr; }\r\n        .pg-ig-container { padding: 30px 15px !important; }\r\n        .pg-ig-results { padding: 20px 0; }\r\n        .pg-ig-settings { padding: 15px; gap: 20px; }\r\n        .pg-ig-textarea { min-height: 120px !important; font-size: 1.3rem !important; }\r\n        \r\n        .pg-ig-toolbar { flex-direction: column; align-items: stretch; }\r\n        .pg-ig-tool-group { justify-content: space-between; }\r\n        .pg-ig-preset { width: 100%; text-align: center; }\r\n        \r\n        .pg-ig-card { padding: 16px; }\r\n        .pg-ig-card-preview { font-size: 1.1rem; max-height: 140px; }\r\n        \r\n        .pg-ig-opt-btn { padding: 12px 8px; font-size: 0.8rem; }\r\n        .pg-ig-load-btn { padding: 13px 28px; font-size: 0.95rem; width: 100%; justify-content: center; }\r\n        .pg-ig-title { font-size: 1.85rem; }\r\n        .pg-ig-subtitle { font-size: 0.95rem; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-ig-wrapper\" id=\"pg-ig-tool\">\r\n    <div class=\"pg-ig-container pg-ig-hero\">\r\n        <h1 class=\"pg-ig-title\"><i class=\"fa-brands fa-instagram\"><\/i> Instagram Text Generator \u2013 Style Instantly<\/h1>\r\n        <p class=\"pg-ig-subtitle\">Transform plain text into aesthetic Unicode styles, clean social displays, and elegant gothic fonts optimized for Instagram bios, captions, comments, and DMs.<\/p>\r\n        \r\n        <div class=\"pg-ig-main-card\">\r\n            <div class=\"pg-ig-header\">\r\n                <div class=\"pg-ig-avatar\"><i class=\"fa-solid fa-font\"><\/i><\/div>\r\n                <div class=\"pg-ig-header-text\">Create Insta Text<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"pg-ig-input-area\">\r\n                <textarea class=\"pg-ig-textarea\" id=\"pgIgInput\" placeholder=\"Type your caption or bio text here...\"><\/textarea>\r\n                \r\n                <div class=\"pg-ig-toolbar\">\r\n                    <div class=\"pg-ig-tool-group\">\r\n                        <button class=\"pg-ig-btn\" id=\"pgIgPaste\" title=\"Paste\"><i class=\"fa-solid fa-clipboard\"><\/i> Paste<\/button>\r\n                        <button class=\"pg-ig-btn\" id=\"pgIgSelect\" title=\"Select\"><i class=\"fa-solid fa-object-group\"><\/i> Select<\/button>\r\n                        <button class=\"pg-ig-btn primary-btn\" id=\"pgIgCopyBase\" title=\"Copy Original\"><i class=\"fa-regular fa-copy\"><\/i> Copy<\/button>\r\n                    <\/div>\r\n                    \r\n                    <select class=\"pg-ig-preset\" id=\"pgIgPreset\">\r\n                        <option value=\"\" disabled selected>\ud83d\udcf8 Insta Presets<\/option>\r\n                        <option value=\"Living my best life \u2728\">\u2728 Aesthetic Bio<\/option>\r\n                        <option value=\"New Post Alert \ud83d\udce2\">\ud83d\udce2 Post Announcement<\/option>\r\n                        <option value=\"Follow for more content!\">\ud83d\udc65 Call to Action<\/option>\r\n                        <option value=\"Link in bio \ud83d\udc47\">\ud83d\udd17 Link in Bio<\/option>\r\n                        <option value=\"Throwback Thursday \ud83d\udcf8\">\ud83d\udcc5 Story Theme<\/option>\r\n                        <option value=\"Double tap if you agree \ud83d\udc95\">\ud83d\udcac Engagement Hook<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"pg-ig-settings\">\r\n                <div>\r\n                    <div class=\"pg-ig-label\"><i class=\"fa-solid fa-text-height\"><\/i> Text Style<\/div>\r\n                    <div class=\"pg-ig-options\">\r\n                        <button class=\"pg-ig-opt-btn style-btn active\" data-mode=\"SansBold\">\r\n                            <i class=\"fa-solid fa-bold\"><\/i> Sans Bold\r\n                        <\/button>\r\n                        <button class=\"pg-ig-opt-btn style-btn\" data-mode=\"Script\">\r\n                            <i class=\"fa-solid fa-feather-pointed\"><\/i> Script\r\n                        <\/button>\r\n                        <button class=\"pg-ig-opt-btn style-btn\" data-mode=\"DoubleStruck\">\r\n                            <i class=\"fa-solid fa-circle-nodes\"><\/i> Double Struck\r\n                        <\/button>\r\n                        <button class=\"pg-ig-opt-btn style-btn\" data-mode=\"Gothic\">\r\n                            <i class=\"fa-solid fa-chess\"><\/i> Gothic\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <div class=\"pg-ig-label\"><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i> Embellishments<\/div>\r\n                    <div class=\"pg-ig-options\">\r\n                        <button class=\"pg-ig-opt-btn deco-btn active\" data-deco=\"Clean\">\r\n                            <i class=\"fa-solid fa-ban\"><\/i> Clean\r\n                        <\/button>\r\n                        <button class=\"pg-ig-opt-btn deco-btn\" data-deco=\"Emojis\">\r\n                            <i class=\"fa-solid fa-face-smile\"><\/i> Emojis\r\n                        <\/button>\r\n                        <button class=\"pg-ig-opt-btn deco-btn\" data-deco=\"Hashtags\">\r\n                            <i class=\"fa-solid fa-hashtag\"><\/i> Hashtags\r\n                        <\/button>\r\n                        <button class=\"pg-ig-opt-btn deco-btn\" data-deco=\"Spaced\">\r\n                            <i class=\"fa-solid fa-arrows-left-right\"><\/i> Spaced\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pg-ig-results\">\r\n            <div class=\"pg-ig-grid\" id=\"pgIgGrid\"><\/div>\r\n            <button class=\"pg-ig-load-btn\" id=\"pgIgLoadBtn\"><span>Load More Styles<\/span> <i class=\"fa-solid fa-chevron-down\"><\/i><\/button>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"pgIgToast\" class=\"pg-ig-toast\"><i class=\"fa-solid fa-check\"><\/i> <span>Copied to Clipboard<\/span><\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const wrapper = document.getElementById('pg-ig-tool');\r\n    const input = wrapper.querySelector('#pgIgInput');\r\n    const grid = wrapper.querySelector('#pgIgGrid');\r\n    const loadBtn = wrapper.querySelector('#pgIgLoadBtn');\r\n    const toast = wrapper.querySelector('#pgIgToast');\r\n    const pasteBtn = wrapper.querySelector('#pgIgPaste');\r\n    const selectBtn = wrapper.querySelector('#pgIgSelect');\r\n    const copyBase = wrapper.querySelector('#pgIgCopyBase');\r\n    const presetSel = wrapper.querySelector('#pgIgPreset');\r\n\r\n    let currentMode = 'SansBold';\r\n    let currentDeco = 'Clean';\r\n    let limit = 9;\r\n    const INCREMENT = 9;\r\n    const TOTAL = 108;\r\n\r\n    const base = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\r\n    const baseArr = Array.from(base);\r\n\r\n    const sansBoldMap = \"\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\ud835\udfec\ud835\udfed\ud835\udfee\ud835\udfef\ud835\udff0\ud835\udff1\ud835\udff2\ud835\udff3\ud835\udff4\ud835\udff5\";\r\n    const sansBoldArr = Array.from(sansBoldMap);\r\n    \r\n    const scriptMap = \"\ud835\udcb6\ud835\udcb7\ud835\udcb8\ud835\udcb9\ud835\udc52\ud835\udcbb\ud835\udc54\ud835\udcbd\ud835\udcbe\ud835\udcbf\ud835\udcc0\ud835\udcc1\ud835\udcc2\ud835\udcc3\ud835\udc5c\ud835\udcc5\ud835\udcc6\ud835\udcc7\ud835\udcc8\ud835\udcc9\ud835\udcca\ud835\udccb\ud835\udccc\ud835\udccd\ud835\udcce\ud835\udccf\ud835\udc9c\u212c\ud835\udc9e\ud835\udc9f\u2130\u2131\ud835\udca2\u210b\u2110\ud835\udca5\ud835\udca6\u2112\u2133\ud835\udca9\ud835\udcaa\ud835\udcab\ud835\udcac\u211b\ud835\udcae\ud835\udcaf\ud835\udcb0\ud835\udcb1\ud835\udcb2\ud835\udcb3\ud835\udcb4\ud835\udcb50123456789\";\r\n    const scriptArr = Array.from(scriptMap);\r\n    \r\n    const doubleMap = \"\ud835\udd52\ud835\udd53\ud835\udd54\ud835\udd55\ud835\udd56\ud835\udd57\ud835\udd58\ud835\udd59\ud835\udd5a\ud835\udd5b\ud835\udd5c\ud835\udd5d\ud835\udd5e\ud835\udd5f\ud835\udd60\ud835\udd61\ud835\udd62\ud835\udd63\ud835\udd64\ud835\udd65\ud835\udd66\ud835\udd67\ud835\udd68\ud835\udd69\ud835\udd6a\ud835\udd6b\ud835\udd38\ud835\udd39\u2102\ud835\udd3b\ud835\udd3c\ud835\udd3d\ud835\udd3e\u210d\ud835\udd40\ud835\udd41\ud835\udd42\ud835\udd43\ud835\udd44\u2115\ud835\udd46\u2119\u211a\u211d\ud835\udd4a\ud835\udd4b\ud835\udd4c\ud835\udd4d\ud835\udd4e\ud835\udd4f\ud835\udd50\u2124\ud835\udfd8\ud835\udfd9\ud835\udfda\ud835\udfdb\ud835\udfdc\ud835\udfdd\ud835\udfde\ud835\udfdf\ud835\udfe0\ud835\udfe1\";\r\n    const doubleArr = Array.from(doubleMap);\r\n    \r\n    const gothicMap = \"\ud835\udd1e\ud835\udd1f\ud835\udd20\ud835\udd21\ud835\udd22\ud835\udd23\ud835\udd24\ud835\udd25\ud835\udd26\ud835\udd27\ud835\udd28\ud835\udd29\ud835\udd2a\ud835\udd2b\ud835\udd2c\ud835\udd2d\ud835\udd2e\ud835\udd2f\ud835\udd30\ud835\udd31\ud835\udd32\ud835\udd33\ud835\udd34\ud835\udd35\ud835\udd36\ud835\udd37\ud835\udd04\ud835\udd05\u212d\ud835\udd07\ud835\udd08\ud835\udd09\ud835\udd0a\u210c\u2111\ud835\udd0d\ud835\udd0e\ud835\udd0f\ud835\udd10\ud835\udd11\ud835\udd12\ud835\udd13\ud835\udd14\u211c\ud835\udd16\ud835\udd17\ud835\udd18\ud835\udd19\ud835\udd1a\ud835\udd1b\ud835\udd1c\u2128\ud835\udfce\ud835\udfcf\ud835\udfd0\ud835\udfd1\ud835\udfd2\ud835\udfd3\ud835\udfd4\ud835\udfd5\ud835\udfd6\ud835\udfd7\";\r\n    const gothicArr = Array.from(gothicMap);\r\n\r\n    const modeMap = {\r\n        'SansBold': sansBoldArr,\r\n        'Script': scriptArr,\r\n        'DoubleStruck': doubleArr,\r\n        'Gothic': gothicArr\r\n    };\r\n\r\n    const copyText = (txt, btn) => {\r\n        if (navigator.clipboard && navigator.clipboard.writeText) {\r\n            navigator.clipboard.writeText(txt).then(() => showToast(btn));\r\n        } else {\r\n            const ta = document.createElement(\"textarea\");\r\n            ta.value = txt;\r\n            ta.style.cssText = \"position:fixed;top:0;left:0;opacity:0;pointer-events:none;\";\r\n            document.body.appendChild(ta);\r\n            ta.select();\r\n            try { document.execCommand('copy'); showToast(btn); } catch(e) { console.error(e); }\r\n            document.body.removeChild(ta);\r\n        }\r\n    };\r\n\r\n    const showToast = (btn) => {\r\n        if(btn) {\r\n            btn.classList.add('copied');\r\n            btn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i>';\r\n            setTimeout(() => {\r\n                btn.classList.remove('copied');\r\n                btn.innerHTML = '<i class=\"fa-regular fa-copy\"><\/i>';\r\n            }, 1600);\r\n        }\r\n        toast.classList.add('show');\r\n        setTimeout(() => toast.classList.remove('show'), 1600);\r\n    };\r\n\r\n    const transformText = (txt, mode, deco, idx) => {\r\n        if(!txt) return \"\";\r\n        const map = modeMap[mode] || sansBoldArr;\r\n        let out = Array.from(txt).map(c => {\r\n            const i = baseArr.indexOf(c);\r\n            return i !== -1 ? map[i] : c;\r\n        }).join('');\r\n\r\n        if(deco === 'Emojis') {\r\n            const emojiSets = [\r\n                ['\u2728', '\ud83d\udcab', '\ud83c\udf1f'],\r\n                ['\ud83d\udd25', '\ud83d\udc96', '\ud83d\udc95'],\r\n                ['\ud83c\udf38', '\ud83e\udd8b', '\ud83c\udf3a'],\r\n                ['\ud83d\udcab', '\u26a1', '\ud83c\udf19']\r\n            ];\r\n            const set = emojiSets[idx % emojiSets.length];\r\n            out = `${set[0]} ${out} ${set[1]}`;\r\n        } else if(deco === 'Hashtags') {\r\n            const tags = ['#aesthetic', '#vibes', '#instagood', '#love', '#mood', '#explore'];\r\n            const tag = tags[idx % tags.length];\r\n            out = `${out}\\n\\n${tag}`;\r\n        } else if(deco === 'Spaced') {\r\n            out = out.split('').join('  ');\r\n            const dots = ['\u00b7', '\u2022', '\u25e6', '\u25aa\ufe0f'];\r\n            const d = dots[idx % dots.length];\r\n            out = `${d} ${out} ${d}`;\r\n        }\r\n\r\n        return out;\r\n    };\r\n\r\n    const genMeta = () => {\r\n        const names = [\r\n            'Bio Style', 'Caption Style', 'Comment Style', 'Story Text',\r\n            'Reel Title', 'Aesthetic Bio', 'Clean Caption', 'Gothic Style',\r\n            'Bold Display', 'Script Fancy', 'Spaced Out', 'Minimal Text',\r\n            'Vibe Caption', 'Mood Text', 'Insta Header', 'Profile Bio',\r\n            'Dark Gothic', 'Neon Script', 'Elegant Bio', 'Trendy Text',\r\n            'Viral Caption', 'Chill Vibe', 'Bold Statement', 'Soft Aesthetic'\r\n        ];\r\n        \/\/ Fixed missing quotes around 'fa-bolt'\r\n        const icons = ['fa-font', 'fa-quote-left', 'fa-comment', 'fa-camera-retro', 'fa-video', 'fa-palette', 'fa-feather-pointed', 'fa-chess', 'fa-bold', 'fa-pen-nib', 'fa-arrows-left-right', 'fa-grip-lines', 'fa-wind', 'fa-face-smile', 'fa-heading', 'fa-user-astronaut', 'fa-skull', 'fa-bolt', 'fa-crown', 'fa-heart', 'fa-fire', 'fa-cloud', 'fa-star', 'fa-gem'];\r\n        \r\n        const list = [];\r\n        for(let i=0; i<TOTAL; i++) {\r\n            const times = ['Just now', '2m', '5m', '15m', '1h', '3h', '6h', 'Yesterday', '2d', '1w'];\r\n            list.push({\r\n                id: `ig-${i}`,\r\n                name: `${names[i % names.length]} #${Math.floor(i\/names.length)+1}`,\r\n                time: times[i % times.length],\r\n                icon: icons[i % icons.length]\r\n            });\r\n        }\r\n        return list;\r\n    };\r\n\r\n    const allMeta = genMeta();\r\n\r\n    const render = () => {\r\n        grid.innerHTML = '';\r\n        const raw = input.value || \"Instagram Bio \u2728\";\r\n        const show = allMeta.slice(0, limit);\r\n        \r\n        show.forEach((meta, idx) => {\r\n            const out = transformText(raw, currentMode, currentDeco, idx);\r\n            \r\n            const card = document.createElement('div');\r\n            card.className = 'pg-ig-card';\r\n            card.innerHTML = `\r\n                <div class=\"pg-ig-card-header\">\r\n                    <div class=\"pg-ig-card-profile\">\r\n                        <div class=\"pg-ig-card-avatar\"><i class=\"fa-solid ${meta.icon}\"><\/i><\/div>\r\n                        <div class=\"pg-ig-card-meta\">\r\n                            <div class=\"pg-ig-card-title\">${meta.name}<\/div>\r\n                            <div class=\"pg-ig-card-time\"><i class=\"fa-regular fa-clock\"><\/i> ${meta.time}<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <button class=\"pg-ig-copy-btn\" title=\"Copy\"><i class=\"fa-regular fa-copy\"><\/i><\/button>\r\n                <\/div>\r\n                <div class=\"pg-ig-card-preview\">${out}<\/div>\r\n                <div class=\"pg-ig-card-footer\">\r\n                    <div class=\"pg-ig-card-action\"><i class=\"fa-regular fa-heart\"><\/i> Like<\/div>\r\n                    <div class=\"pg-ig-card-action\"><i class=\"fa-regular fa-comment\"><\/i> Comment<\/div>\r\n                    <div class=\"pg-ig-card-action\"><i class=\"fa-regular fa-paper-plane\"><\/i> Share<\/div>\r\n                <\/div>\r\n            `;\r\n            \r\n            const copyBtn = card.querySelector('.pg-ig-copy-btn');\r\n            copyBtn.addEventListener('click', (e) => {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                copyText(out, copyBtn);\r\n            });\r\n            \r\n            grid.appendChild(card);\r\n        });\r\n        \r\n        const remaining = Math.max(0, TOTAL - limit);\r\n        if(remaining > 0) {\r\n            loadBtn.style.display = 'inline-flex';\r\n            loadBtn.querySelector('span').textContent = `Load More Styles (${remaining})`;\r\n        } else {\r\n            loadBtn.style.display = 'none';\r\n        }\r\n    };\r\n\r\n    input.addEventListener('input', render);\r\n    \r\n    pasteBtn.addEventListener('click', async (e) => {\r\n        e.preventDefault();\r\n        try {\r\n            const t = await navigator.clipboard.readText();\r\n            input.value = t;\r\n            render();\r\n        } catch {\r\n            input.focus();\r\n        }\r\n    });\r\n\r\n    selectBtn.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        input.select();\r\n    });\r\n\r\n    copyBase.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        if(input.value) copyText(input.value, null);\r\n    });\r\n\r\n    presetSel.addEventListener('change', (e) => {\r\n        if(e.target.value) {\r\n            input.value = e.target.value;\r\n            render();\r\n            e.target.selectedIndex = 0;\r\n        }\r\n    });\r\n\r\n    loadBtn.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        limit += INCREMENT;\r\n        render();\r\n    });\r\n\r\n    wrapper.querySelectorAll('.style-btn').forEach(btn => {\r\n        btn.addEventListener('click', (e) => {\r\n            e.preventDefault();\r\n            wrapper.querySelectorAll('.style-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentMode = btn.dataset.mode;\r\n            limit = 9;\r\n            render();\r\n        });\r\n    });\r\n\r\n    wrapper.querySelectorAll('.deco-btn').forEach(btn => {\r\n        btn.addEventListener('click', (e) => {\r\n            e.preventDefault();\r\n            wrapper.querySelectorAll('.deco-btn').forEach(b => b.classList.remove('active'));\r\n            btn.classList.add('active');\r\n            currentDeco = btn.dataset.deco;\r\n            limit = 9;\r\n            render();\r\n        });\r\n    });\r\n\r\n    render();\r\n});\r\n<\/script>\r\n<!-- END OF FILE Instagram Text Generator -->\r\n\r\n<!-- <content section is starting -->\r\n\r\n<div>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <!-- SECTION 1 -->\r\n\r\n\r\n<section class=\"pg-itg-section pg-itg-sec1\">\r\n        <div class=\"pg-itg-wrap\">\r\n\t\r\n<\/div>\r\n\t<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <section class=\"pg-itg-section pg-itg-sec1\">\r\n        <div class=\"pg-itg-wrap\">\r\n            <h2 class=\"pg-itg-heading\">What Makes This <span class=\"pg-itg-kw\">Instagram Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-itg-sub\">Instagram limits you to a single, boring default font. Our generator unlocks dozens of aesthetic, cursive, and bold Unicode fonts to make your bio and feed captions instantly stand out from the crowd.<\/p>\r\n            <div class=\"pg-itg-grid\">\r\n                <div class=\"pg-itg-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(225,48,108,0.12);color:#e1306c;\"><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Aesthetic Font Library<\/div>\r\n                    <p class=\"pg-itg-desc\">From elegant cursive and typewriter fonts to bold gothic and cute bubble letters, get access to the most popular Instagram aesthetics without downloading any shady third-party keyboard apps.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(131,58,180,0.12);color:#833ab4;\"><i class=\"fa-solid fa-align-center\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Bio Formatting Friendly<\/div>\r\n                    <p class=\"pg-itg-desc\">Our characters are true Unicode, meaning they preserve their visual weight and spacing perfectly when pasted into Instagram\u2019s restrictive 150-character profile bio section.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(245,96,64,0.12);color:#f56040;\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Instant Live Previews<\/div>\r\n                    <p class=\"pg-itg-desc\">Type your caption and watch it transform into over 50 different styles simultaneously. Everything happens locally in your browser with zero loading screens or server lag.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(253,29,29,0.12);color:#fd1d1d;\"><i class=\"fa-solid fa-clipboard-check\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Clean Copy & Paste<\/div>\r\n                    <p class=\"pg-itg-desc\">Say goodbye to invisible characters or broken boxes. One click securely copies the pure text to your clipboard, ready to be pasted cleanly into any IG text field.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(193,53,132,0.12);color:#c13584;\"><i class=\"fa-solid fa-mobile-screen-button\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Native Mobile Rendering<\/div>\r\n                    <p class=\"pg-itg-desc\">Whether your followers are scrolling on an iPhone or an Android device, our generated fonts use universal symbols that render flawlessly across all modern smartphone OS versions.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(252,175,69,0.12);color:#fcaf45;\"><i class=\"fa-solid fa-infinity\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">100% Free & Unlimited<\/div>\r\n                    <p class=\"pg-itg-desc\">No subscription tiers, no paywalled fonts, and no account required. Generate as many stylish captions and bio updates as you want, completely free forever.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 -->\r\n    <section class=\"pg-itg-section pg-itg-sec2\">\r\n        <div class=\"pg-itg-wrap\">\r\n            <h2 class=\"pg-itg-heading pg-itg-sec2-heading\">How to Use Our <span class=\"pg-itg-kw pg-itg-sec2-kw\">Instagram Text Generator<\/span>?<\/h2>\r\n            <p class=\"pg-itg-sub pg-itg-sec2-sub\">Upgrading your Instagram aesthetic takes just seconds. No coding or design skills required\u2014just follow these simple steps to make your profile pop.<\/p>\r\n            <div class=\"pg-itg-grid\">\r\n                <div class=\"pg-itg-card pg-itg-sec2-card\">\r\n                    <span class=\"pg-itg-emoji\">\u2328\ufe0f<\/span>\r\n                    <div class=\"pg-itg-title\">Step 1: Type Your Text<\/div>\r\n                    <p class=\"pg-itg-desc\">Enter your name, bio, or photo caption into the input box. Our generator accepts standard letters, numbers, and even pairs well with your favorite emojis.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec2-card\">\r\n                    <span class=\"pg-itg-emoji\">\u2728<\/span>\r\n                    <div class=\"pg-itg-title\">Step 2: Find Your Aesthetic<\/div>\r\n                    <p class=\"pg-itg-desc\">Scroll through the massive list of generated styles. Choose sleek cursive for a soft aesthetic, bold serif for a professional look, or gothic for an edgy vibe.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec2-card\">\r\n                    <span class=\"pg-itg-emoji\">\ud83d\udc41\ufe0f<\/span>\r\n                    <div class=\"pg-itg-title\">Step 3: Preview the Look<\/div>\r\n                    <p class=\"pg-itg-desc\">Check the live results to make sure the font fits your personal brand. What you see on screen is exactly how it will format on the Instagram app.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec2-card\">\r\n                    <span class=\"pg-itg-emoji\">\ud83d\udccb<\/span>\r\n                    <div class=\"pg-itg-title\">Step 4: Copy to Clipboard<\/div>\r\n                    <p class=\"pg-itg-desc\">Click the copy button next to your favorite font style. The unique Unicode characters are instantly saved to your phone or computer's clipboard.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec2-card\">\r\n                    <span class=\"pg-itg-emoji\">\ud83d\udcf1<\/span>\r\n                    <div class=\"pg-itg-title\">Step 5: Open Instagram<\/div>\r\n                    <p class=\"pg-itg-desc\">Navigate to the Instagram app. Go to \"Edit Profile\" for your bio, or start a new post, Reel, or Story where you want the custom text to appear.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec2-card\">\r\n                    <span class=\"pg-itg-emoji\">\ud83d\ude80<\/span>\r\n                    <div class=\"pg-itg-title\">Step 6: Paste & Publish<\/div>\r\n                    <p class=\"pg-itg-desc\">Paste the copied text and hit save or share. Custom fonts naturally draw the eye, helping increase engagement, profile visits, and follower conversions.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 -->\r\n    <section class=\"pg-itg-section pg-itg-sec3\">\r\n        <div class=\"pg-itg-wrap\">\r\n            <h2 class=\"pg-itg-heading\">Best Places to Use <span class=\"pg-itg-kw\">Instagram Text Generator<\/span> Results?<\/h2>\r\n            <p class=\"pg-itg-sub\">Custom fonts are a powerful tool to hook scrollers and build your personal brand. Here are the most effective places to deploy your stylish text on IG.<\/p>\r\n            <div class=\"pg-itg-grid\">\r\n                <div class=\"pg-itg-card pg-itg-sec3-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(225,48,108,0.12);color:#e1306c;\"><i class=\"fa-solid fa-user-pen\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Profile Name & Bios<\/div>\r\n                    <p class=\"pg-itg-desc\">Your bio is your digital first impression. Use a cursive or bold aesthetic font to highlight your name, profession, or key achievements to make your profile unforgettable.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec3-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(253,29,29,0.12);color:#fd1d1d;\"><i class=\"fa-solid fa-image\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Feed Post Captions<\/div>\r\n                    <p class=\"pg-itg-desc\">The first line of your caption is crucial. Use bold or italic custom fonts for your hook to stop the scroll and encourage users to click the \"Read More\" button.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec3-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(131,58,180,0.12);color:#833ab4;\"><i class=\"fa-solid fa-video\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Reels Descriptions<\/div>\r\n                    <p class=\"pg-itg-desc\">Reels captions are notoriously cramped. Stand out by using a highly legible, stylized font for your main call-to-action or discount code right at the top of the description.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec3-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(245,96,64,0.12);color:#f56040;\"><i class=\"fa-solid fa-comment-dots\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Stand-Out Comments<\/div>\r\n                    <p class=\"pg-itg-desc\">Want a creator to notice your reply? Dropping a comment written in a unique typewriter or bubble font guarantees your text stands out visually from hundreds of standard replies.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec3-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(252,175,69,0.12);color:#fcaf45;\"><i class=\"fa-solid fa-circle-notch\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Story Highlight Titles<\/div>\r\n                    <p class=\"pg-itg-desc\">Keep your profile looking incredibly clean by using minimal, spaced-out, or tiny aesthetic text for the titles under your Instagram Story Highlight covers.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-itg-card pg-itg-sec3-card\">\r\n                    <div class=\"pg-itg-icon\" style=\"background:rgba(193,53,132,0.12);color:#c13584;\"><i class=\"fa-solid fa-paper-plane\"><\/i><\/div>\r\n                    <div class=\"pg-itg-title\">Direct Messages (DMs)<\/div>\r\n                    <p class=\"pg-itg-desc\">Sending a pitch to a brand or trying to get your crush's attention? Send a DM with stylized text to instantly show off your creativity and playful personality.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        *, *::before, *::after {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --itg-primary: #e1306c; \/* Instagram Pink *\/\r\n            --itg-grad: linear-gradient(135deg, #833AB4, #E1306C, #FCAF45);\r\n            --itg-shadow: 0 12px 30px rgba(225, 48, 108, 0.18);\r\n            --itg-ease: cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --itg-speed: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n            --itg-ff: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        }\r\n\r\n        .pg-itg-section {\r\n            width: 100%;\r\n            padding: clamp(48px, 8vw, 96px) 20px;\r\n            position: relative;\r\n            font-family: var(--itg-ff);\r\n            color: #0a0a0a;\r\n            line-height: 1.6;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        .pg-itg-wrap {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .pg-itg-heading {\r\n            font-family: var(--itg-ff);\r\n            font-size: clamp(1.5rem, 4vw, 2.25rem);\r\n            font-weight: 800;\r\n            text-align: center;\r\n            color: #000000;\r\n            margin-bottom: clamp(8px, 1.5vw, 14px);\r\n            line-height: 1.2;\r\n            letter-spacing: -0.03em;\r\n        }\r\n\r\n        .pg-itg-kw {\r\n            color: #000000;\r\n            position: relative;\r\n        }\r\n\r\n        .pg-itg-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(--itg-grad);\r\n            border-radius: 3px;\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--itg-ease);\r\n        }\r\n\r\n        .pg-itg-section:hover .pg-itg-kw::after {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-itg-sub {\r\n            font-family: var(--itg-ff);\r\n            font-size: clamp(0.88rem, 1.8vw, 1.02rem);\r\n            font-weight: 400;\r\n            text-align: center;\r\n            color: #1a1a1a;\r\n            max-width: 660px;\r\n            margin: 0 auto clamp(32px, 5vw, 56px);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .pg-itg-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: clamp(16px, 2.5vw, 26px);\r\n            align-items: stretch;\r\n        }\r\n\r\n        \/* === CARD BASE === *\/\r\n        .pg-itg-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(--itg-speed);\r\n            border: 1.5px solid #e0e0e8;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .pg-itg-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(--itg-grad);\r\n            transform: scaleX(0);\r\n            transform-origin: left;\r\n            transition: transform 0.4s var(--itg-ease);\r\n            z-index: 4;\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-itg-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(225,48,108,0.10) 0%, rgba(131,58,180,0.04) 60%, transparent 100%);\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.55s ease-out, height 0.55s ease-out, opacity 0.55s ease-out;\r\n            opacity: 0;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .pg-itg-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-itg-card.pg-itg-down {\r\n            transform: translateY(-1px) scale(0.985) !important;\r\n        }\r\n\r\n        .pg-itg-card.pg-itg-down::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .pg-itg-card.pg-itg-glow::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 1;\r\n        }\r\n\r\n        .pg-itg-card.pg-itg-glow-out::after {\r\n            width: 320px;\r\n            height: 320px;\r\n            opacity: 0;\r\n        }\r\n\r\n        \/* === ICON === *\/\r\n        .pg-itg-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(--itg-speed);\r\n            position: relative;\r\n            z-index: 3;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .pg-itg-card:hover .pg-itg-icon {\r\n            transform: scale(1.12) rotate(-4deg);\r\n        }\r\n\r\n        .pg-itg-card.pg-itg-down .pg-itg-icon {\r\n            transform: scale(1.04) rotate(0deg);\r\n        }\r\n\r\n        \/* === EMOJI === *\/\r\n        .pg-itg-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(--itg-speed);\r\n            position: relative;\r\n            z-index: 3;\r\n            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .pg-itg-card:hover .pg-itg-emoji {\r\n            transform: scale(1.22) rotate(-6deg);\r\n        }\r\n\r\n        .pg-itg-card.pg-itg-down .pg-itg-emoji {\r\n            transform: scale(1.08) rotate(0deg);\r\n        }\r\n\r\n        \/* === TITLE === *\/\r\n        .pg-itg-title {\r\n            font-family: var(--itg-ff);\r\n            font-size: clamp(0.95rem, 2vw, 1.1rem);\r\n            font-weight: 700;\r\n            color: #000000;\r\n            margin-bottom: clamp(6px, 1vw, 10px);\r\n            line-height: 1.35;\r\n            position: relative;\r\n            z-index: 3;\r\n        }\r\n\r\n        \/* === DESC === *\/\r\n        .pg-itg-desc {\r\n            font-family: var(--itg-ff);\r\n            font-size: clamp(0.8rem, 1.5vw, 0.9rem);\r\n            font-weight: 400;\r\n            color: #1a1a1a;\r\n            line-height: 1.65;\r\n            position: relative;\r\n            z-index: 3;\r\n            margin-top: auto;\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 1 \u2014 #fff bg \/ #fff cards\r\n           ============================== *\/\r\n        .pg-itg-sec1 {\r\n            background: #ffffff;\r\n        }\r\n\r\n        .pg-itg-sec1 .pg-itg-card {\r\n            background: #ffffff;\r\n            border-color: #dcdce5;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n        }\r\n\r\n        .pg-itg-sec1 .pg-itg-card:hover {\r\n            border-color: var(--itg-primary);\r\n            box-shadow: var(--itg-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 2 \u2014 requested purple gradient bg \/ white cards\r\n           ============================== *\/\r\n        .pg-itg-sec2 {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n        }\r\n\r\n        .pg-itg-sec2 .pg-itg-heading.pg-itg-sec2-heading {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-itg-sec2 .pg-itg-kw.pg-itg-sec2-kw {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .pg-itg-sec2 .pg-itg-kw.pg-itg-sec2-kw::after {\r\n            background: linear-gradient(90deg, #FCAF45, #E1306C, #ffffff);\r\n        }\r\n\r\n        .pg-itg-sec2 .pg-itg-sub.pg-itg-sec2-sub {\r\n            color: rgba(255,255,255,0.9);\r\n        }\r\n\r\n        .pg-itg-sec2 .pg-itg-card.pg-itg-sec2-card {\r\n            background: #ffffff;\r\n            border-color: rgba(255,255,255,0.25);\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.12);\r\n        }\r\n\r\n        .pg-itg-sec2 .pg-itg-card.pg-itg-sec2-card::before {\r\n            background: linear-gradient(90deg, #667eea, #764ba2, #E1306C);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-itg-sec2 .pg-itg-card.pg-itg-sec2-card::after {\r\n            background: radial-gradient(circle, rgba(102,126,234,0.08) 0%, rgba(118,75,162,0.04) 60%, transparent 100%);\r\n        }\r\n\r\n        .pg-itg-sec2 .pg-itg-card.pg-itg-sec2-card:hover {\r\n            border-color: rgba(102,126,234,0.5);\r\n            box-shadow: 0 14px 40px rgba(118,75,162,0.25);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .pg-itg-sec2 .pg-itg-emoji {\r\n            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));\r\n        }\r\n\r\n        \/* ==============================\r\n           SECTION 3 \u2014 #fff bg \/ soft gray cards\r\n           ============================== *\/\r\n        .pg-itg-sec3 {\r\n            background: #ffffff;\r\n        }\r\n\r\n        .pg-itg-sec3 .pg-itg-card.pg-itg-sec3-card {\r\n            background: #f5f6f9;\r\n            border-color: #d8dce4;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.03);\r\n        }\r\n\r\n        .pg-itg-sec3 .pg-itg-card.pg-itg-sec3-card::before {\r\n            background: var(--itg-grad);\r\n            border-radius: 16px 16px 0 0;\r\n        }\r\n\r\n        .pg-itg-sec3 .pg-itg-card.pg-itg-sec3-card:hover {\r\n            border-color: var(--itg-primary);\r\n            box-shadow: var(--itg-shadow);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* ==============================\r\n           RESPONSIVE\r\n           ============================== *\/\r\n        @media (max-width: 820px) {\r\n            .pg-itg-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 16px;\r\n            }\r\n            .pg-itg-section {\r\n                padding: clamp(36px, 6vw, 64px) 16px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 540px) {\r\n            .pg-itg-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 14px;\r\n            }\r\n            .pg-itg-card {\r\n                padding: 22px;\r\n            }\r\n            .pg-itg-sub {\r\n                margin-bottom: 28px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .pg-itg-section {\r\n                padding: 32px 12px;\r\n            }\r\n            .pg-itg-card {\r\n                padding: 18px;\r\n                border-radius: 12px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n    (function() {\r\n        var cards = document.querySelectorAll('.pg-itg-card');\r\n        cards.forEach(function(card) {\r\n            function glow(el) {\r\n                el.classList.remove('pg-itg-glow', 'pg-itg-glow-out');\r\n                void el.offsetWidth;\r\n                el.classList.add('pg-itg-glow');\r\n                setTimeout(function() {\r\n                    el.classList.add('pg-itg-glow-out');\r\n                }, 300);\r\n                setTimeout(function() {\r\n                    el.classList.remove('pg-itg-glow', 'pg-itg-glow-out');\r\n                }, 700);\r\n            }\r\n            card.addEventListener('mousedown', function() {\r\n                card.classList.add('pg-itg-down');\r\n            });\r\n            card.addEventListener('mouseup', function() {\r\n                setTimeout(function() {\r\n                    card.classList.remove('pg-itg-down');\r\n                }, 120);\r\n                glow(card);\r\n            });\r\n            card.addEventListener('mouseleave', function() {\r\n                card.classList.remove('pg-itg-down', 'pg-itg-glow', 'pg-itg-glow-out');\r\n            });\r\n            card.addEventListener('touchstart', function() {\r\n                card.classList.add('pg-itg-down');\r\n                glow(card);\r\n            }, { passive: true });\r\n            card.addEventListener('touchend', function() {\r\n                setTimeout(function() {\r\n                    card.classList.remove('pg-itg-down');\r\n                }, 150);\r\n            });\r\n            card.addEventListener('touchcancel', function() {\r\n                card.classList.remove('pg-itg-down', 'pg-itg-glow', 'pg-itg-glow-out');\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n<\/div>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-575","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u0645\u0648\u0644\u062f \u0646\u0635\u0648\u0635 \u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645 \u2013 \u062a\u0635\u0645\u064a\u0645 \u0641\u0648\u0631\u064a<\/title>\n<meta name=\"description\" content=\"\u0623\u0646\u0634\u0626 \u0646\u0635\u0648\u0635\u064b\u0627 \u0631\u0627\u0626\u0639\u0629 \u0644\u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0648\u0644\u062f \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0645\u062c\u0627\u0646\u064a \u0627\u0644\u062e\u0627\u0635 \u0628\u0646\u0627. \u0623\u0636\u0641 \u062e\u0637\u0648\u0637\u064b\u0627 \u0648\u0623\u0646\u0645\u0627\u0637\u064b\u0627 \u0645\u0645\u064a\u0632\u0629 \u0625\u0644\u0649 \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0648\u062a\u0639\u0644\u064a\u0642\u0627\u062a\u0643 - \u0627\u0646\u0633\u062e \u0648\u0627\u0644\u0635\u0642 \u0641\u064a \u062b\u0648\u0627\u0646\u064d.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/onlinetexteditor.io\/ar\/instagram-text-generator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Instagram Text Generator \u2013 Style Instantly\" \/>\n<meta property=\"og:description\" content=\"Create stunning Instagram text with our free Instagram Text Generator. Add cool fonts and styles to your bio and captions \u2014 copy &amp; paste in seconds.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onlinetexteditor.io\/instagram-text-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Text Editor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-06T09:16:20+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\\\/instagram-text-generator\\\/\",\"url\":\"https:\\\/\\\/onlinetexteditor.io\\\/instagram-text-generator\\\/\",\"name\":\"Instagram Text Generator \u2013 Style Instantly\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#website\"},\"datePublished\":\"2026-03-16T00:00:23+00:00\",\"dateModified\":\"2026-04-06T09:16:20+00:00\",\"description\":\"Create stunning Instagram text with our free Instagram Text Generator. Add cool fonts and styles to your bio and captions \u2014 copy & paste in seconds.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/instagram-text-generator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/onlinetexteditor.io\\\/instagram-text-generator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/instagram-text-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/onlinetexteditor.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Instagram Text Generator \u2013 Style Instantly\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#website\",\"url\":\"https:\\\/\\\/onlinetexteditor.io\\\/\",\"name\":\"Online Text Editor\",\"description\":\"Free &amp; Secure Rich Text Editing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/onlinetexteditor.io\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0645\u0648\u0644\u062f \u0646\u0635\u0648\u0635 \u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645 \u2013 \u062a\u0635\u0645\u064a\u0645 \u0641\u0648\u0631\u064a","description":"\u0623\u0646\u0634\u0626 \u0646\u0635\u0648\u0635\u064b\u0627 \u0631\u0627\u0626\u0639\u0629 \u0644\u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0648\u0644\u062f \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0645\u062c\u0627\u0646\u064a \u0627\u0644\u062e\u0627\u0635 \u0628\u0646\u0627. \u0623\u0636\u0641 \u062e\u0637\u0648\u0637\u064b\u0627 \u0648\u0623\u0646\u0645\u0627\u0637\u064b\u0627 \u0645\u0645\u064a\u0632\u0629 \u0625\u0644\u0649 \u0633\u064a\u0631\u062a\u0643 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0648\u062a\u0639\u0644\u064a\u0642\u0627\u062a\u0643 - \u0627\u0646\u0633\u062e \u0648\u0627\u0644\u0635\u0642 \u0641\u064a \u062b\u0648\u0627\u0646\u064d.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/onlinetexteditor.io\/ar\/instagram-text-generator\/","og_locale":"en_US","og_type":"article","og_title":"Instagram Text Generator \u2013 Style Instantly","og_description":"Create stunning Instagram text with our free Instagram Text Generator. Add cool fonts and styles to your bio and captions \u2014 copy & paste in seconds.","og_url":"https:\/\/onlinetexteditor.io\/instagram-text-generator\/","og_site_name":"Online Text Editor","article_modified_time":"2026-04-06T09:16:20+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onlinetexteditor.io\/instagram-text-generator\/","url":"https:\/\/onlinetexteditor.io\/instagram-text-generator\/","name":"Instagram Text Generator \u2013 Style Instantly","isPartOf":{"@id":"https:\/\/onlinetexteditor.io\/#website"},"datePublished":"2026-03-16T00:00:23+00:00","dateModified":"2026-04-06T09:16:20+00:00","description":"Create stunning Instagram text with our free Instagram Text Generator. Add cool fonts and styles to your bio and captions \u2014 copy & paste in seconds.","breadcrumb":{"@id":"https:\/\/onlinetexteditor.io\/instagram-text-generator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onlinetexteditor.io\/instagram-text-generator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onlinetexteditor.io\/instagram-text-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/onlinetexteditor.io\/"},{"@type":"ListItem","position":2,"name":"Instagram Text Generator \u2013 Style Instantly"}]},{"@type":"WebSite","@id":"https:\/\/onlinetexteditor.io\/#website","url":"https:\/\/onlinetexteditor.io\/","name":"Online Text Editor","description":"Free &amp; Secure Rich Text Editing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/onlinetexteditor.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/onlinetexteditor.io\/ar\/wp-json\/wp\/v2\/pages\/575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onlinetexteditor.io\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onlinetexteditor.io\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/ar\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/ar\/wp-json\/wp\/v2\/comments?post=575"}],"version-history":[{"count":3,"href":"https:\/\/onlinetexteditor.io\/ar\/wp-json\/wp\/v2\/pages\/575\/revisions"}],"predecessor-version":[{"id":578,"href":"https:\/\/onlinetexteditor.io\/ar\/wp-json\/wp\/v2\/pages\/575\/revisions\/578"}],"wp:attachment":[{"href":"https:\/\/onlinetexteditor.io\/ar\/wp-json\/wp\/v2\/media?parent=575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}