{"id":428,"date":"2026-03-01T00:00:52","date_gmt":"2026-03-01T00:00:52","guid":{"rendered":"https:\/\/onlinetexteditor.io\/?page_id=428"},"modified":"2026-04-06T04:49:06","modified_gmt":"2026-04-06T04:49:06","slug":"fancy-text-generator","status":"publish","type":"page","link":"https:\/\/onlinetexteditor.io\/es\/fancy-text-generator\/","title":{"rendered":"Fancy 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 Fancy 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-fancy-wrapper {\r\n        --primary-font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        --serif-font: 'Georgia', 'Times New Roman', serif;\r\n        \r\n        --theme-panel: rgba(255, 255, 255, 0.96);\r\n        --theme-panel-hover: rgba(255, 255, 255, 0.99);\r\n        --theme-bg-alt: rgba(248, 246, 255, 0.95);\r\n        --theme-border: rgba(120, 60, 180, 0.2);\r\n        \r\n        --accent-purple: #7c3aed;\r\n        --accent-violet: #8b5cf6;\r\n        --accent-indigo: #6366f1;\r\n        --accent-gold: #d97706;\r\n        --accent-rose: #e11d48;\r\n        --text-dark: #1e1b4b;\r\n        --text-primary: #312e81;\r\n        --text-secondary: #6b21a8;\r\n        --text-muted: #7c729a;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #361656 100%);\r\n        --grad-fancy: linear-gradient(135deg, #7c3aed, #d97706, #e11d48);\r\n        --grad-shimmer: linear-gradient(90deg, transparent, rgba(124, 58, 237, 0.15), transparent);\r\n        \r\n        --glow-purple: 0 0 20px rgba(124, 58, 237, 0.4);\r\n        --shadow-ui: 0 15px 40px rgba(0, 0, 0, 0.6);\r\n        --shadow-card: 0 4px 15px rgba(124, 58, 237, 0.15);\r\n        --shadow-card-hover: 0 12px 30px rgba(124, 58, 237, 0.25);\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-primary);\r\n        line-height: 1.6;\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-fancy-wrapper * { box-sizing: border-box; }\r\n\r\n    .pg-fancy-container {\r\n        max-width: 1200px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        padding: 40px 20px !important;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .pg-fancy-hero {\r\n        z-index: 2;\r\n        padding-top: 10px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pg-fancy-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 3.2rem;\r\n        font-weight: 900;\r\n        line-height: 1.1;\r\n        margin: 0 auto 14px auto;\r\n        letter-spacing: -0.5px;\r\n        color: #ffffff;\r\n        text-shadow: 0 3px 12px rgba(0,0,0,0.4);\r\n        max-width: 1000px;\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: 16px;\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .pg-fancy-title i {\r\n        color: #ffffff;\r\n        border-radius: 14px;\r\n        padding: 12px;\r\n        font-size: 2rem;\r\n        transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.4));\r\n    }\r\n    \r\n    .pg-fancy-title:hover i {\r\n        transform: rotate(15deg) scale(1.1);\r\n    }\r\n\r\n    .pg-fancy-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: 70px;\r\n        height: 3px;\r\n        background: #ffffff;\r\n        border-radius: 3px;\r\n        box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);\r\n        transition: width 0.35s ease;\r\n    }\r\n    \r\n    .pg-fancy-title:hover::after { width: 200px; }\r\n    \r\n    .pg-fancy-subtitle {\r\n        font-family: var(--primary-font);\r\n        font-size: 1.2rem;\r\n        color: rgba(255, 255, 255, 0.88);\r\n        max-width: 850px;\r\n        margin: 25px auto 35px auto;\r\n        padding: 0 10px;\r\n        font-weight: 500;\r\n        text-shadow: 0 2px 6px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    \/* WHITE LAYOUT BOX THEME *\/\r\n    .pg-fancy-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 rgba(124, 58, 237, 0.15);\r\n        width: 100%;\r\n        box-shadow: var(--shadow-ui);\r\n        border-radius: 20px;\r\n        position: relative;\r\n        overflow: visible;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n    \r\n    .pg-fancy-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-fancy);\r\n        border-radius: 4px 4px 0 0;\r\n    }\r\n\r\n    .pg-fancy-header {\r\n        padding: 22px 28px;\r\n        border-bottom: 1px solid rgba(124, 58, 237, 0.12);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 18px;\r\n        background: linear-gradient(135deg, rgba(124, 58, 237, 0.04), rgba(217, 119, 6, 0.04));\r\n        border-radius: 20px 20px 0 0;\r\n    }\r\n\r\n    .pg-fancy-avatar {\r\n        width: 52px;\r\n        height: 52px;\r\n        border-radius: 14px;\r\n        background: var(--grad-fancy);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.4rem;\r\n        color: #fff;\r\n        box-shadow: 0 0 12px rgba(124, 58, 237, 0.35);\r\n        transition: transform 0.3s ease;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    .pg-fancy-header:hover .pg-fancy-avatar { transform: rotate(-10deg) scale(1.08); }\r\n\r\n    .pg-fancy-header-text {\r\n        font-weight: 700;\r\n        font-size: 1.25rem;\r\n        color: var(--text-dark);\r\n        letter-spacing: 0.2px;\r\n    }\r\n\r\n    .pg-fancy-input-area {\r\n        padding: 26px 28px;\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-fancy-textarea {\r\n        width: 100% !important;\r\n        min-height: 140px !important;\r\n        padding: 20px 22px !important;\r\n        background: rgba(255, 255, 255, 0.9) !important;\r\n        border: 1px solid rgba(124, 58, 237, 0.2) !important;\r\n        border-left: 4px solid var(--accent-purple) !important;\r\n        color: var(--text-dark) !important;\r\n        font-family: var(--primary-font) !important;\r\n        font-weight: 500 !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: all 0.3s ease;\r\n        overflow-y: auto;\r\n        box-shadow: inset 0 2px 6px rgba(124, 58, 237, 0.05);\r\n    }\r\n    \r\n    .pg-fancy-textarea:focus {\r\n        border-color: var(--accent-purple) !important;\r\n        box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15), inset 0 2px 6px rgba(124, 58, 237, 0.08) !important;\r\n        background: rgba(255, 255, 255, 1) !important;\r\n    }\r\n    \r\n    .pg-fancy-textarea::placeholder { color: var(--text-muted); opacity: 0.6; font-weight: 400 !important; }\r\n\r\n    .pg-fancy-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: 16px 18px;\r\n        border: 1px solid rgba(124, 58, 237, 0.15);\r\n        border-radius: 10px;\r\n        background: rgba(255, 255, 255, 0.8);\r\n    }\r\n\r\n    .pg-fancy-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-fancy-btn {\r\n        background: transparent;\r\n        color: var(--text-secondary);\r\n        border: 1px solid rgba(124, 58, 237, 0.2);\r\n        padding: 10px 14px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        transition: all 0.25s ease;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 7px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pg-fancy-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-fancy-btn:hover {\r\n        background: rgba(124, 58, 237, 0.12);\r\n        color: var(--accent-purple);\r\n        border-color: var(--accent-purple);\r\n        box-shadow: 0 0 12px rgba(124, 58, 237, 0.25);\r\n        transform: translateY(-2px);\r\n    }\r\n    \r\n    .pg-fancy-btn:hover::before { left: 100%; }\r\n\r\n    .pg-fancy-btn.primary-btn {\r\n        color: var(--accent-gold);\r\n        background: rgba(217, 119, 6, 0.1);\r\n        border-color: var(--accent-gold);\r\n    }\r\n    \r\n    .pg-fancy-btn.primary-btn:hover {\r\n        background: rgba(217, 119, 6, 0.2);\r\n        box-shadow: 0 0 12px rgba(217, 119, 6, 0.3);\r\n    }\r\n\r\n    .pg-fancy-btn:active { transform: scale(0.96); }\r\n\r\n    .pg-fancy-preset {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        color: var(--text-secondary);\r\n        border: 1px solid rgba(124, 58, 237, 0.2);\r\n        padding: 10px 14px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        outline: none;\r\n        transition: all 0.25s ease;\r\n        min-width: 190px;\r\n    }\r\n    \r\n    .pg-fancy-preset:hover, .pg-fancy-preset:focus {\r\n        background: rgba(124, 58, 237, 0.12);\r\n        color: var(--accent-purple);\r\n        border-color: var(--accent-purple);\r\n    }\r\n    \r\n    .pg-fancy-preset option {\r\n        background: var(--theme-panel);\r\n        color: var(--text-primary);\r\n    }\r\n\r\n    .pg-fancy-settings {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 24px;\r\n        padding: 26px 28px;\r\n        background: var(--theme-panel);\r\n        border-top: 1px solid rgba(124, 58, 237, 0.12);\r\n    }\r\n\r\n    .pg-fancy-label {\r\n        display: flex;\r\n        align-items: center;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.92rem;\r\n        font-weight: 700;\r\n        color: var(--text-dark);\r\n        margin-bottom: 14px;\r\n        gap: 8px;\r\n    }\r\n    \r\n    .pg-fancy-label i {\r\n        color: var(--accent-purple);\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .pg-fancy-options {\r\n        display: grid;\r\n        gap: 10px;\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .pg-fancy-opt-btn {\r\n        background: rgba(255, 255, 255, 0.7);\r\n        border: 1px solid rgba(124, 58, 237, 0.15);\r\n        padding: 14px 10px;\r\n        color: var(--text-primary);\r\n        font-family: var(--primary-font);\r\n        font-size: 0.82rem;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        border-radius: 10px;\r\n        transition: all 0.25s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 7px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-fancy-opt-btn i {\r\n        font-size: 1.15rem;\r\n        color: var(--text-muted);\r\n        transition: all 0.25s ease;\r\n    }\r\n    \r\n    .pg-fancy-opt-btn::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0; left: 0; width: 0%; height: 3px;\r\n        background: var(--grad-fancy);\r\n        transition: width 0.3s ease;\r\n    }\r\n    \r\n    .pg-fancy-opt-btn:hover::after { width: 100%; }\r\n    \r\n    .pg-fancy-opt-btn:hover {\r\n        background: rgba(124, 58, 237, 0.08);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 12px rgba(124, 58, 237, 0.15);\r\n    }\r\n\r\n    .pg-fancy-opt-btn:hover i {\r\n        color: var(--accent-purple);\r\n        transform: scale(1.15);\r\n    }\r\n\r\n    .pg-fancy-opt-btn.active {\r\n        background: rgba(124, 58, 237, 0.15);\r\n        color: var(--accent-purple);\r\n        border-color: var(--accent-purple);\r\n        box-shadow: 0 0 15px rgba(124, 58, 237, 0.3);\r\n    }\r\n    \r\n    .pg-fancy-opt-btn.active::after { width: 100%; }\r\n    \r\n    .pg-fancy-opt-btn.active i { color: var(--accent-gold); }\r\n\r\n    .pg-fancy-results {\r\n        padding: 40px 0;\r\n        width: 100%;\r\n        position: relative;\r\n    }\r\n    \r\n    .pg-fancy-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 16px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* NEW ELEGANT CARD DESIGN *\/\r\n    .pg-fancy-card {\r\n        background: var(--theme-panel);\r\n        border: 1px solid rgba(124, 58, 237, 0.15);\r\n        border-radius: 16px;\r\n        padding: 0;\r\n        transition: all 0.35s ease;\r\n        position: relative;\r\n        overflow: hidden;\r\n        box-shadow: var(--shadow-card);\r\n        min-height: auto;\r\n    }\r\n    \r\n    .pg-fancy-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 3px; height: 0%;\r\n        background: var(--grad-fancy);\r\n        transition: height 0.35s ease;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .pg-fancy-card:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: var(--shadow-card-hover);\r\n        border-color: rgba(124, 58, 237, 0.35);\r\n    }\r\n    \r\n    .pg-fancy-card:hover::before { height: 100%; }\r\n\r\n    .pg-fancy-card-inner {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        width: 100%;\r\n        padding: 20px 24px;\r\n        gap: 18px;\r\n    }\r\n\r\n    .pg-fancy-card-avatar {\r\n        width: 46px;\r\n        height: 46px;\r\n        border-radius: 50%;\r\n        background: var(--grad-fancy);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #fff;\r\n        font-size: 1.1rem;\r\n        flex-shrink: 0;\r\n        box-shadow: 0 0 10px rgba(124, 58, 237, 0.3);\r\n    }\r\n\r\n    .pg-fancy-card-content {\r\n        flex: 1;\r\n        min-width: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 6px;\r\n    }\r\n\r\n    .pg-fancy-card-header-row {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        width: 100%;\r\n    }\r\n\r\n    .pg-fancy-card-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 0.95rem;\r\n        font-weight: 700;\r\n        color: var(--text-dark);\r\n        text-align: left;\r\n    }\r\n\r\n    .pg-fancy-card-time {\r\n        font-size: 0.75rem;\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-fancy-card-copy-btn {\r\n        background: transparent;\r\n        border: 1px solid rgba(124, 58, 237, 0.2);\r\n        color: var(--text-secondary);\r\n        width: 40px;\r\n        height: 40px;\r\n        min-width: 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: all 0.25s ease;\r\n        outline: none;\r\n        margin-left: 12px;\r\n        margin-top: -8px;\r\n    }\r\n    \r\n    .pg-fancy-card-copy-btn i { font-size: 1.05rem; transition: all 0.25s ease; }\r\n    \r\n    .pg-fancy-card-copy-btn:hover {\r\n        background: var(--accent-purple);\r\n        color: #fff;\r\n        border-color: var(--accent-purple);\r\n        box-shadow: var(--glow-purple);\r\n        transform: scale(1.08);\r\n    }\r\n    \r\n    .pg-fancy-card-copy-btn:hover i { transform: rotate(15deg); }\r\n    .pg-fancy-card-copy-btn:active { transform: scale(0.9); }\r\n    \r\n    .pg-fancy-card-copy-btn.copied {\r\n        background: var(--accent-purple) !important;\r\n        color: #fff !important;\r\n        border-color: var(--accent-purple) !important;\r\n        box-shadow: var(--glow-purple) !important;\r\n    }\r\n\r\n    .pg-fancy-card-preview {\r\n        font-size: 1.2rem;\r\n        color: var(--text-primary);\r\n        text-align: left;\r\n        font-family: var(--primary-font);\r\n        font-weight: 500;\r\n        position: relative;\r\n        z-index: 1;\r\n        transition: all 0.3s ease;\r\n        white-space: normal !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.5 !important;\r\n        max-height: 75px;\r\n        overflow-y: auto;\r\n        scrollbar-width: thin;\r\n        scrollbar-color: var(--accent-violet) transparent;\r\n    }\r\n    \r\n    .pg-fancy-card-preview::-webkit-scrollbar { width: 5px; }\r\n    .pg-fancy-card-preview::-webkit-scrollbar-track { background: transparent; }\r\n    .pg-fancy-card-preview::-webkit-scrollbar-thumb { background: var(--accent-violet); border-radius: 3px; }\r\n    \r\n    .pg-fancy-card:hover .pg-fancy-card-preview { color: var(--text-dark); }\r\n\r\n    .pg-fancy-card-footer {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        gap: 10px;\r\n        padding: 12px 24px;\r\n        border-top: 1px solid rgba(124, 58, 237, 0.1);\r\n        color: var(--text-muted);\r\n        font-size: 0.78rem;\r\n        font-weight: 600;\r\n        background: rgba(248, 246, 255, 0.5);\r\n    }\r\n\r\n    .pg-fancy-card-action {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n        cursor: pointer;\r\n        transition: color 0.2s ease;\r\n    }\r\n    .pg-fancy-card-action:hover { color: var(--accent-purple); }\r\n    .pg-fancy-card-action:hover i { transform: scale(1.15); }\r\n    .pg-fancy-card-action i { transition: transform 0.2s ease; }\r\n\r\n    .pg-fancy-load-btn {\r\n        background: transparent !important;\r\n        color: #ffffff !important;\r\n        border: 2px solid #ffffff !important;\r\n        padding: 15px 45px;\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: 12px;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        box-shadow: 0 0 15px rgba(255, 255, 255, 0.25);\r\n        overflow: hidden;\r\n        z-index: 10;\r\n    }\r\n    \r\n    .pg-fancy-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-fancy);\r\n        transition: left 0.5s ease;\r\n        z-index: 0;\r\n    }\r\n    \r\n    .pg-fancy-load-btn span, .pg-fancy-load-btn i { position: relative; z-index: 1; }\r\n    \r\n    .pg-fancy-load-btn:hover {\r\n        color: #000 !important;\r\n        border-color: transparent !important;\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 0 30px rgba(124, 58, 237, 0.5);\r\n    }\r\n    \r\n    .pg-fancy-load-btn:hover::before { left: 0; }\r\n    .pg-fancy-load-btn:hover i { transform: translateY(5px) rotate(180deg); }\r\n    .pg-fancy-load-btn:active { transform: translateY(0); }\r\n\r\n    .pg-fancy-toast {\r\n        visibility: hidden;\r\n        background: rgba(255, 255, 255, 0.98);\r\n        color: var(--accent-purple);\r\n        padding: 16px 26px;\r\n        position: fixed;\r\n        left: 50%;\r\n        bottom: 40px;\r\n        transform: translateX(-50%) translateY(25px);\r\n        font-family: var(--primary-font);\r\n        font-weight: 700;\r\n        z-index: 10000;\r\n        border-radius: 10px;\r\n        box-shadow: 0 12px 35px rgba(0,0,0,0.5);\r\n        opacity: 0;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        border: 1px solid rgba(124, 58, 237, 0.3);\r\n    }\r\n    \r\n    .pg-fancy-toast i {\r\n        color: #fff;\r\n        background: var(--accent-purple);\r\n        border-radius: 50%;\r\n        padding: 5px;\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .pg-fancy-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-fancy-container { max-width: 850px !important; }\r\n        .pg-fancy-title { font-size: 2.5rem; }\r\n        .pg-fancy-settings { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .pg-fancy-container { padding: 30px 15px !important; max-width: 100% !important; }\r\n        .pg-fancy-results { padding: 25px 0; }\r\n        .pg-fancy-settings { padding: 20px; gap: 18px; }\r\n        .pg-fancy-input-area { padding: 20px; }\r\n        .pg-fancy-textarea { min-height: 120px !important; font-size: 1.35rem !important; padding: 18px 20px !important; }\r\n        \r\n        .pg-fancy-toolbar { flex-direction: column; align-items: stretch; }\r\n        .pg-fancy-tool-group { justify-content: center; }\r\n        .pg-fancy-preset { width: 100%; text-align: center; min-width: auto; }\r\n        \r\n        .pg-fancy-card-inner { padding: 16px 18px; gap: 14px; }\r\n        .pg-fancy-card-avatar { width: 40px; height: 40px; font-size: 0.95rem; }\r\n        .pg-fancy-card-preview { font-size: 1.1rem; max-height: 65px; }\r\n        .pg-fancy-card-footer { padding: 10px 18px; flex-wrap: wrap; justify-content: center; }\r\n        \r\n        .pg-fancy-opt-btn { padding: 12px 8px; font-size: 0.78rem; }\r\n        .pg-fancy-load-btn { padding: 13px 28px; font-size: 0.95rem; width: 100%; justify-content: center; }\r\n        .pg-fancy-title { font-size: 1.9rem; }\r\n        .pg-fancy-subtitle { font-size: 0.95rem; }\r\n        .pg-fancy-header { padding: 18px; }\r\n        .pg-fancy-avatar { width: 46px; height: 46px; font-size: 1.2rem; }\r\n        .pg-fancy-card-copy-btn { width: 36px; height: 36px; min-width: 36px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-fancy-wrapper\" id=\"pg-fancy-tool\">\r\n    <div class=\"pg-fancy-container pg-fancy-hero\">\r\n        <h1 class=\"pg-fancy-title\"><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i> Fancy Text Generator - Style Instantly<\/h1>\r\n        <p class=\"pg-fancy-subtitle\">Transform ordinary text into elegant Unicode masterpieces with stylish scripts, decorative symbols, and modern gothic fonts. Copy and paste anywhere with zero formatting loss.<\/p>\r\n        \r\n        <div class=\"pg-fancy-main-card\">\r\n            <div class=\"pg-fancy-header\">\r\n                <div class=\"pg-fancy-avatar\"><i class=\"fa-solid fa-gem\"><\/i><\/div>\r\n                <div class=\"pg-fancy-header-text\">Create Fancy Text<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"pg-fancy-input-area\">\r\n                <textarea class=\"pg-fancy-textarea\" id=\"pgFancyInput\" placeholder=\"Type text to make it fancy...\"><\/textarea>\r\n                \r\n                <div class=\"pg-fancy-toolbar\">\r\n                    <div class=\"pg-fancy-tool-group\">\r\n                        <button class=\"pg-fancy-btn\" id=\"pgFancyPaste\" title=\"Paste\"><i class=\"fa-solid fa-clipboard\"><\/i> Paste<\/button>\r\n                        <button class=\"pg-fancy-btn\" id=\"pgFancySelect\" title=\"Select\"><i class=\"fa-solid fa-object-group\"><\/i> Select<\/button>\r\n                        <button class=\"pg-fancy-btn primary-btn\" id=\"pgFancyCopyBase\" title=\"Copy Base\"><i class=\"fa-regular fa-copy\"><\/i> Copy<\/button>\r\n                    <\/div>\r\n                    \r\n                    <select class=\"pg-fancy-preset\" id=\"pgFancyPreset\">\r\n                        <option value=\"\" disabled selected>\u2728 Fancy Presets<\/option>\r\n                        <option value=\"Elegant Text Style\">\ud83d\udd8b\ufe0f Elegant Script<\/option>\r\n                        <option value=\"Premium Look \u2728\">\ud83d\udc8e Premium Style<\/option>\r\n                        <option value=\"Luxury Bio\">\ud83d\udc51 Luxury Bio<\/option>\r\n                        <option value=\"Aesthetic Vibes\">\ud83c\udf38 Aesthetic Vibes<\/option>\r\n                        <option value=\"Stylish Header\">\ud83d\udcdc Stylish Header<\/option>\r\n                        <option value=\"Minimalist Design\">\ud83e\udd0d Minimalist<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"pg-fancy-settings\">\r\n                <div>\r\n                    <div class=\"pg-fancy-label\"><i class=\"fa-solid fa-text-height\"><\/i> Fancy Style<\/div>\r\n                    <div class=\"pg-fancy-options\">\r\n                        <button class=\"pg-fancy-opt-btn style-btn active\" data-mode=\"Script\">\r\n                            <i class=\"fa-solid fa-feather-pointed\"><\/i> Script\r\n                        <\/button>\r\n                        <button class=\"pg-fancy-opt-btn style-btn\" data-mode=\"Serif\">\r\n                            <i class=\"fa-solid fa-font\"><\/i> Serif Bold\r\n                        <\/button>\r\n                        <button class=\"pg-fancy-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-fancy-opt-btn style-btn\" data-mode=\"Gothic\">\r\n                            <i class=\"fa-solid fa-chess-rook\"><\/i> Gothic\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <div class=\"pg-fancy-label\"><i class=\"fa-solid fa-sliders\"><\/i> Decorations<\/div>\r\n                    <div class=\"pg-fancy-options\">\r\n                        <button class=\"pg-fancy-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-fancy-opt-btn deco-btn\" data-deco=\"Diamonds\">\r\n                            <i class=\"fa-solid fa-gem\"><\/i> Diamonds\r\n                        <\/button>\r\n                        <button class=\"pg-fancy-opt-btn deco-btn\" data-deco=\"Stars\">\r\n                            <i class=\"fa-solid fa-star\"><\/i> Stars\r\n                        <\/button>\r\n                        <button class=\"pg-fancy-opt-btn deco-btn\" data-deco=\"Flowers\">\r\n                            <i class=\"fa-solid fa-seedling\"><\/i> Flowers\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pg-fancy-results\">\r\n            <div class=\"pg-fancy-grid\" id=\"pgFancyGrid\"><\/div>\r\n            <button class=\"pg-fancy-load-btn\" id=\"pgFancyLoadBtn\"><span>Load More Styles<\/span> <i class=\"fa-solid fa-chevron-down\"><\/i><\/button>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"pgFancyToast\" class=\"pg-fancy-toast\"><i class=\"fa-solid fa-check\"><\/i> <span>Copied!<\/span><\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const wrapper = document.getElementById('pg-fancy-tool');\r\n    const input = wrapper.querySelector('#pgFancyInput');\r\n    const grid = wrapper.querySelector('#pgFancyGrid');\r\n    const loadBtn = wrapper.querySelector('#pgFancyLoadBtn');\r\n    const toast = wrapper.querySelector('#pgFancyToast');\r\n    const pasteBtn = wrapper.querySelector('#pgFancyPaste');\r\n    const selectBtn = wrapper.querySelector('#pgFancySelect');\r\n    const copyBase = wrapper.querySelector('#pgFancyCopyBase');\r\n    const presetSel = wrapper.querySelector('#pgFancyPreset');\r\n\r\n    let currentMode = 'Script';\r\n    let currentDeco = 'Clean';\r\n    let limit = 8;\r\n    const INCREMENT = 8;\r\n    const TOTAL = 108;\r\n\r\n    const base = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\r\n    const baseArr = Array.from(base);\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 serifMap = \"\ud835\udc1a\ud835\udc1b\ud835\udc1c\ud835\udc1d\ud835\udc1e\ud835\udc1f\ud835\udc20\ud835\udc21\ud835\udc22\ud835\udc23\ud835\udc24\ud835\udc25\ud835\udc26\ud835\udc27\ud835\udc28\ud835\udc29\ud835\udc2a\ud835\udc2b\ud835\udc2c\ud835\udc2d\ud835\udc2e\ud835\udc2f\ud835\udc30\ud835\udc31\ud835\udc32\ud835\udc33\ud835\udc00\ud835\udc01\ud835\udc02\ud835\udc03\ud835\udc04\ud835\udc05\ud835\udc06\ud835\udc07\ud835\udc08\ud835\udc09\ud835\udc0a\ud835\udc0b\ud835\udc0c\ud835\udc0d\ud835\udc0e\ud835\udc0f\ud835\udc10\ud835\udc11\ud835\udc12\ud835\udc13\ud835\udc14\ud835\udc15\ud835\udc16\ud835\udc17\ud835\udc18\ud835\udc19\ud835\udfce\ud835\udfcf\ud835\udfd0\ud835\udfd1\ud835\udfd2\ud835\udfd3\ud835\udfd4\ud835\udfd5\ud835\udfd6\ud835\udfd7\";\r\n    const serifArr = Array.from(serifMap);\r\n    \r\n    const doubleStruckMap = \"\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 doubleStruckArr = Array.from(doubleStruckMap);\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 circledMap = \"\u24d0\u24d1\u24d2\u24d3\u24d4\u24d5\u24d6\u24d7\u24d8\u24d9\u24da\u24db\u24dc\u24dd\u24de\u24df\u24e0\u24e1\u24e2\u24e3\u24e4\u24e5\u24e6\u24e7\u24e8\u24e9\u24b6\u24b7\u24b8\u24b9\u24ba\u24bb\u24bc\u24bd\u24be\u24bf\u24c0\u24c1\u24c2\u24c3\u24c4\u24c5\u24c6\u24c7\u24c8\u24c9\u24ca\u24cb\u24cc\u24cd\u24ce\u24cf\u24ea\u2460\u2461\u2462\u2463\u2464\u2465\u2466\u2467\u2468\";\r\n    const circledArr = Array.from(circledMap);\r\n\r\n    const modeMap = {\r\n        'Script': scriptArr,\r\n        'Serif': serifArr,\r\n        'DoubleStruck': doubleStruckArr,\r\n        'Gothic': gothicArr,\r\n        'Circled': circledArr\r\n    };\r\n\r\n    const transformText = (txt, mode, deco, idx) => {\r\n        if(!txt) return \"\";\r\n        const map = modeMap[mode] || scriptArr;\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 === 'Diamonds') {\r\n            const diamonds = ['\ud83d\udc8e', '\u25c6', '\u2756', '\u25c7', '\u2666\ufe0f'];\r\n            const d = diamonds[idx % diamonds.length];\r\n            out = `${d} ${out} ${d}`;\r\n        } else if(deco === 'Stars') {\r\n            const stars = ['\u2728', '\u2b50', '\ud83c\udf1f', '\ud83d\udcab', '\ud83d\udd2e'];\r\n            const s = stars[idx % stars.length];\r\n            out = `${s} ${out} ${s}`;\r\n        } else if(deco === 'Flowers') {\r\n            const flowers = ['\ud83c\udf38', '\ud83c\udf3a', '\ud83c\udf37', '\ud83c\udf3b', '\ud83d\udc90'];\r\n            const f = flowers[idx % flowers.length];\r\n            out = `${f} ${out} ${f}`;\r\n        }\r\n        \r\n        return out;\r\n    };\r\n\r\n    const copyText = (txt, btn) => {\r\n        if (navigator.clipboard && navigator.clipboard.writeText) {\r\n            navigator.clipboard.writeText(txt).then(() => showToast(btn));\r\n        } else {\r\n            const ta = document.createElement(\"textarea\");\r\n            ta.value = txt;\r\n            ta.style.cssText = \"position:fixed;top:0;left:0;opacity:0;pointer-events:none;\";\r\n            document.body.appendChild(ta);\r\n            ta.select();\r\n            try { document.execCommand('copy'); showToast(btn); } catch(e) { console.error(e); }\r\n            document.body.removeChild(ta);\r\n        }\r\n    };\r\n\r\n    const showToast = (btn) => {\r\n        if(btn) {\r\n            btn.classList.add('copied');\r\n            btn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i>';\r\n            setTimeout(() => {\r\n                btn.classList.remove('copied');\r\n                btn.innerHTML = '<i class=\"fa-regular fa-copy\"><\/i>';\r\n            }, 1400);\r\n        }\r\n        toast.classList.add('show');\r\n        setTimeout(() => toast.classList.remove('show'), 1400);\r\n    };\r\n\r\n    const genMeta = () => {\r\n        const names = [\r\n            'Elegant Script', 'Bold Serif', 'Gothic Dark', 'Double Struck',\r\n            'Circled Fancy', 'Luxury Style', 'Classic Script', 'Modern Bold',\r\n            'Gothic Elegance', 'Diamond Style', 'Star Light', 'Floral Fancy',\r\n            'Premium Text', 'Minimal Script', 'Bold Elegant', 'Gothic Mix',\r\n            'Double Fancy', 'Circle Bold', 'Script Luxury', 'Serif Fancy',\r\n            'Gothic Bold', 'Struck Elegance', 'Circled Bold', 'Script Mix'\r\n        ];\r\n        const icons = ['fa-feather-pointed', 'fa-font', 'fa-chess-rook', 'fa-circle-nodes', 'fa-circle', 'fa-gem', 'fa-star', 'fa-seedling', 'fa-crown', 'fa-wand-sparkles', 'fa-palette', 'fa-quill', 'fa-scroll', 'fa-signature', 'fa-pen-nib', 'fa-pencil'];\r\n        \r\n        const list = [];\r\n        for(let i=0; i<TOTAL; i++) {\r\n            const times = ['Just now', '1s ago', '5s ago', '10s ago', '20s ago', '30s ago', '1m ago', '3m ago', '5m ago', '10m ago'];\r\n            list.push({\r\n                id: `fancy-${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 || \"Fancy Text \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-fancy-card';\r\n            card.innerHTML = `\r\n                <div class=\"pg-fancy-card-inner\">\r\n                    <div class=\"pg-fancy-card-avatar\"><i class=\"fa-solid ${meta.icon}\"><\/i><\/div>\r\n                    <div class=\"pg-fancy-card-content\">\r\n                        <div class=\"pg-fancy-card-header-row\">\r\n                            <div class=\"pg-fancy-card-title\">${meta.name}<\/div>\r\n                            <div class=\"pg-fancy-card-time\"><i class=\"fa-regular fa-clock\"><\/i> ${meta.time}<\/div>\r\n                        <\/div>\r\n                        <div class=\"pg-fancy-card-preview\">${out}<\/div>\r\n                    <\/div>\r\n                    <button class=\"pg-fancy-card-copy-btn\" title=\"Copy\"><i class=\"fa-regular fa-copy\"><\/i><\/button>\r\n                <\/div>\r\n                <div class=\"pg-fancy-card-footer\">\r\n                    <div class=\"pg-fancy-card-action\"><i class=\"fa-regular fa-heart\"><\/i> Like<\/div>\r\n                    <div class=\"pg-fancy-card-action\"><i class=\"fa-regular fa-bookmark\"><\/i> Save<\/div>\r\n                    <div class=\"pg-fancy-card-action\"><i class=\"fa-solid fa-share-nodes\"><\/i> Share<\/div>\r\n                <\/div>\r\n            `;\r\n            \r\n            const copyBtn = card.querySelector('.pg-fancy-card-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.setProperty('display', 'inline-flex', 'important');\r\n            loadBtn.querySelector('span').textContent = `Load More Styles (${remaining})`;\r\n        } else {\r\n            loadBtn.style.setProperty('display', 'none', 'important');\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 = 8;\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 = 8;\r\n            render();\r\n        });\r\n    });\r\n\r\n    render();\r\n});\r\n<\/script>\r\n<!-- END OF FILE Fancy Text Generator -->\r\n\r\n\r\n<!-- <content section is strating -->\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 \u2014 WHITE BG + WHITE CARDS -->\r\n\r\n\r\n\r\n<section class=\"pg-fcs-section pg-fcs-sec1\">\r\n        <div class=\"pg-fcs-inner\">\r\n\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\r\n    <section class=\"pg-fcs-section pg-fcs-sec1\">\r\n        <div class=\"pg-fcs-inner\">\r\n            <h2 class=\"pg-fcs-heading\">What Makes This <span class=\"pg-fcs-kw\">Fancy Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Discover why thousands of users trust our fancy text generator to create stunning, copy-paste ready stylish text for any platform \u2014 completely free.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(124,58,237,0.10);color:#7c3aed;\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Instant Text Conversion<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Type once and watch your text transform into multiple fancy styles instantly \u2014 zero waiting, zero hassle with our fancy text generator.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(217,119,6,0.10);color:#d97706;\"><i class=\"fa-solid fa-palette\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">150+ Unique Font Styles<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">From bold gothic to elegant cursive, our fancy text generator offers over 150 Unicode-based styles you won't find anywhere else.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(139,92,246,0.10);color:#8b5cf6;\"><i class=\"fa-solid fa-copy\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">One-Click Copy & Paste<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Simply click the copy button next to any style \u2014 your fancy text is ready to paste on Instagram, TikTok, Twitter, or anywhere.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(99,102,241,0.10);color:#6366f1;\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">100% Safe & Private<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Our fancy text generator runs entirely in your browser. No data is sent to any server \u2014 your text stays completely private.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(225,29,72,0.08);color:#e11d48;\"><i class=\"fa-solid fa-mobile-screen-button\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Works on All Devices<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Whether on mobile, tablet, or desktop \u2014 our fancy text generator is fully responsive and works smoothly on every screen size.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(124,58,237,0.06);color:#a78bfa;\"><i class=\"fa-solid fa-infinity\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Unlimited Free Usage<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">No sign-ups, no limits, no hidden fees. Use this fancy text generator as many times as you want \u2014 free forever.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 \u2014 GRADIENT BG + GLASS CARDS -->\r\n    <section class=\"pg-fcs-section pg-fcs-sec2\">\r\n        <div class=\"pg-fcs-inner\">\r\n            <h2 class=\"pg-fcs-heading\">How Does Our <span class=\"pg-fcs-kw\">Fancy Text Generator<\/span> Work?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Using our fancy text generator is as easy as 1-2-3. No technical skills needed \u2014 just follow these simple steps and get your stylish text in seconds.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\u270d\ufe0f<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 1: Enter Your Text<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Start by typing or pasting your regular text into the input box of our fancy text generator \u2014 any word or sentence works perfectly.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udd04<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 2: Choose Your Style<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Browse through the generated fancy text styles \u2014 explore bold, italic, cursive, bubble, medieval, and dozens more unique options.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udccb<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 3: Copy Your Result<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Found the perfect style? Hit the copy button and your fancy text is instantly saved to clipboard \u2014 ready to use anywhere online.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udcf1<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 4: Paste on Your Platform<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Go to Instagram, TikTok, Facebook, WhatsApp, or any app \u2014 paste your fancy text directly into bios, captions, or messages.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83e\uddea<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 5: Mix & Match Styles<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Get creative by combining different fancy text styles in one sentence \u2014 mix bold headers with cursive body text for a unique look.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\u2728<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 6: Repeat & Experiment<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Keep experimenting with new text and styles \u2014 our fancy text generator has no limits, so try as many combos as your creativity allows.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 \u2014 WHITE BG + SOFT GRAY CARDS -->\r\n    <section class=\"pg-fcs-section pg-fcs-sec3\">\r\n        <div class=\"pg-fcs-inner\">\r\n            <h2 class=\"pg-fcs-heading\">Where Can You Use <span class=\"pg-fcs-kw\">Fancy Text Generator<\/span> Results?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Our fancy text generator creates Unicode text that works across almost every platform and app. Here are the most popular ways users style their content.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(225,48,108,0.10);color:#e1306c;\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Instagram Bio & Captions<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Stand out on Instagram with a stylish bio and captions \u2014 use cursive, bold, or glitch text to make your profile unforgettable.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,0,80,0.08);color:#ff0050;\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">TikTok Profile & Comments<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Make your TikTok username and video comments pop with fancy Unicode text \u2014 grab attention and boost engagement instantly.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(29,161,242,0.10);color:#1da1f2;\"><i class=\"fa-brands fa-twitter\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Twitter \/ X Posts & Bio<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Elevate your tweets and X profile with stylish text that stands out in crowded feeds \u2014 make your voice heard visually too.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(88,101,242,0.10);color:#5865f2;\"><i class=\"fa-brands fa-discord\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Discord Server & Chat<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Style your Discord username, server name, and chat messages with fancy fonts \u2014 create a unique identity in your community server.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,0,0,0.08);color:#cc0000;\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">YouTube Titles & Descriptions<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Make your YouTube video titles and channel descriptions more clickable \u2014 fancy text helps your content stand out in search results.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(37,211,102,0.10);color:#25d366;\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">WhatsApp Status & Messages<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Impress your contacts with stylish WhatsApp status updates and messages \u2014 send wishes and fun texts in beautiful fancy fonts.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n        :root{\r\n            --accent-purple:#7c3aed;--accent-violet:#8b5cf6;--accent-indigo:#6366f1;\r\n            --accent-gold:#d97706;--accent-rose:#e11d48;\r\n            --text-dark:#1e1b4b;--text-primary:#312e81;--text-muted:#7c729a;\r\n            --grad-fancy:linear-gradient(135deg,#7c3aed,#d97706,#e11d48);\r\n            --theme-bg-alt:rgba(248,246,255,0.95);\r\n            --shadow-card:0 4px 15px rgba(124,58,237,0.15);\r\n            --shadow-card-hover:0 12px 30px rgba(124,58,237,0.25);\r\n            --tr:all .35s cubic-bezier(.2,.8,.2,1);\r\n            --ff:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif\r\n        }\r\n        .pg-fcs-section{width:100%;padding:clamp(48px,8vw,96px) 20px;position:relative;overflow:hidden;font-family:var(--ff);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}\r\n        .pg-fcs-inner{max-width:1200px;margin:0 auto}\r\n        .pg-fcs-heading{font-family:var(--ff);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;text-align:center;color:var(--text-dark);margin-bottom:clamp(8px,1.5vw,14px);line-height:1.2;letter-spacing:-.03em}\r\n        .pg-fcs-kw{color:var(--accent-purple);position:relative}\r\n        .pg-fcs-kw::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:var(--grad-fancy);border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1)}\r\n        .pg-fcs-section:hover .pg-fcs-kw::after{transform:scaleX(1)}\r\n        .pg-fcs-sub{font-family:var(--ff);font-size:clamp(.88rem,1.8vw,1.02rem);font-weight:400;text-align:center;color:var(--text-muted);max-width:660px;margin:0 auto clamp(32px,5vw,56px);line-height:1.7}\r\n        .pg-fcs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,26px)}\r\n        .pg-fcs-card{border-radius:16px;padding:clamp(22px,3vw,32px);position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--tr);border:1px solid transparent}\r\n        .pg-fcs-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--grad-fancy);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1);z-index:2}\r\n        .pg-fcs-card::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.12) 0%,rgba(124,58,237,.04) 60%,transparent 100%);transform:translate(-50%,-50%);transition:width .55s ease-out,height .55s ease-out,opacity .55s ease-out;opacity:0;z-index:1;pointer-events:none}\r\n        .pg-fcs-card:hover::before{transform:scaleX(1)}\r\n        .pg-fcs-card.pg-fcs-pressed{transform:translateY(-1px) scale(.985)!important}\r\n        .pg-fcs-card.pg-fcs-pressed::before{transform:scaleX(1)}\r\n        .pg-fcs-card.pg-fcs-ripple::after{width:320px;height:320px;opacity:1}\r\n        .pg-fcs-card.pg-fcs-ripple-out::after{width:320px;height:320px;opacity:0}\r\n        .pg-fcs-icon{width:clamp(46px,5vw,58px);height:clamp(46px,5vw,58px);min-width:46px;min-height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:clamp(18px,2.5vw,24px);margin-bottom:clamp(14px,2vw,20px);transition:var(--tr);position:relative;z-index:3}\r\n        .pg-fcs-card:hover .pg-fcs-icon{transform:scale(1.12) rotate(-4deg)}\r\n        .pg-fcs-card.pg-fcs-pressed .pg-fcs-icon{transform:scale(1.04) rotate(0deg)}\r\n        .pg-fcs-emoji{font-size:clamp(28px,3.5vw,36px);margin-bottom:clamp(12px,1.8vw,16px);display:inline-block;transition:var(--tr);position:relative;z-index:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}\r\n        .pg-fcs-card:hover .pg-fcs-emoji{transform:scale(1.22) rotate(-6deg)}\r\n        .pg-fcs-card.pg-fcs-pressed .pg-fcs-emoji{transform:scale(1.08) rotate(0deg)}\r\n        .pg-fcs-card-title{font-family:var(--ff);font-size:clamp(.95rem,2vw,1.1rem);font-weight:700;color:var(--text-dark);margin-bottom:clamp(6px,1vw,10px);line-height:1.35;position:relative;z-index:3}\r\n        .pg-fcs-card-desc{font-family:var(--ff);font-size:clamp(.8rem,1.5vw,.9rem);font-weight:400;color:var(--text-muted);line-height:1.65;position:relative;z-index:3}\r\n\r\n        \/* SEC 1 *\/\r\n        .pg-fcs-sec1{background:#fff}\r\n        .pg-fcs-sec1 .pg-fcs-card{background:#fff;border-color:rgba(124,58,237,.1);box-shadow:0 2px 12px rgba(124,58,237,.06)}\r\n        .pg-fcs-sec1 .pg-fcs-card:hover{border-color:var(--accent-purple);box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}\r\n\r\n        \/* SEC 2 *\/\r\n        .pg-fcs-sec2{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}\r\n        .pg-fcs-sec2 .pg-fcs-heading{color:#fff}\r\n        .pg-fcs-sec2 .pg-fcs-kw{color:#ffd700}\r\n        .pg-fcs-sec2 .pg-fcs-sub{color:rgba(255,255,255,.8)}\r\n        .pg-fcs-sec2 .pg-fcs-card{background:rgba(255,255,255,.95);border-color:rgba(255,255,255,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.12)}\r\n        .pg-fcs-sec2 .pg-fcs-card::before{background:linear-gradient(90deg,#667eea,#764ba2,#ffd700)}\r\n        .pg-fcs-sec2 .pg-fcs-card:hover{border-color:rgba(255,255,255,.7);box-shadow:0 12px 40px rgba(118,75,162,.3);transform:translateY(-5px)}\r\n        .pg-fcs-sec2 .pg-fcs-card::after{background:radial-gradient(circle,rgba(118,75,162,.1) 0%,rgba(102,126,234,.05) 60%,transparent 100%)}\r\n\r\n        \/* SEC 3 *\/\r\n        .pg-fcs-sec3{background:#fff}\r\n        .pg-fcs-sec3 .pg-fcs-card{background:var(--theme-bg-alt);border-color:rgba(124,58,237,.08);box-shadow:0 2px 10px rgba(124,58,237,.04)}\r\n        .pg-fcs-sec3 .pg-fcs-card::before{background:linear-gradient(90deg,var(--accent-purple),var(--accent-gold),var(--accent-rose))}\r\n        .pg-fcs-sec3 .pg-fcs-card:hover{border-color:var(--accent-purple);box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}\r\n\r\n        \/* RESPONSIVE *\/\r\n        @media(max-width:820px){.pg-fcs-grid{grid-template-columns:repeat(2,1fr);gap:16px}.pg-fcs-section{padding:clamp(36px,6vw,64px) 16px}}\r\n        @media(max-width:540px){.pg-fcs-grid{grid-template-columns:1fr;gap:14px}.pg-fcs-card{padding:22px}.pg-fcs-sub{margin-bottom:28px}}\r\n        @media(max-width:360px){.pg-fcs-section{padding:32px 12px}.pg-fcs-card{padding:18px;border-radius:12px}}\r\n    <\/style>\r\n\r\n    <script>\r\n    (function(){\r\n        var c=document.querySelectorAll('.pg-fcs-card');\r\n        c.forEach(function(card){\r\n            function ripple(el){\r\n                el.classList.remove('pg-fcs-ripple','pg-fcs-ripple-out');\r\n                void el.offsetWidth;\r\n                el.classList.add('pg-fcs-ripple');\r\n                setTimeout(function(){el.classList.add('pg-fcs-ripple-out')},300);\r\n                setTimeout(function(){el.classList.remove('pg-fcs-ripple','pg-fcs-ripple-out')},700);\r\n            }\r\n            card.addEventListener('mousedown',function(){card.classList.add('pg-fcs-pressed')});\r\n            card.addEventListener('mouseup',function(){setTimeout(function(){card.classList.remove('pg-fcs-pressed')},120);ripple(card)});\r\n            card.addEventListener('mouseleave',function(){card.classList.remove('pg-fcs-pressed','pg-fcs-ripple','pg-fcs-ripple-out')});\r\n            card.addEventListener('touchstart',function(){card.classList.add('pg-fcs-pressed');ripple(card)},{passive:true});\r\n            card.addEventListener('touchend',function(){setTimeout(function(){card.classList.remove('pg-fcs-pressed')},150)});\r\n            card.addEventListener('touchcancel',function(){card.classList.remove('pg-fcs-pressed','pg-fcs-ripple','pg-fcs-ripple-out')});\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 Fancy 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-fancy-wrapper {\r\n        --primary-font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        --serif-font: 'Georgia', 'Times New Roman', serif;\r\n        \r\n        --theme-panel: rgba(255, 255, 255, 0.96);\r\n        --theme-panel-hover: rgba(255, 255, 255, 0.99);\r\n        --theme-bg-alt: rgba(248, 246, 255, 0.95);\r\n        --theme-border: rgba(120, 60, 180, 0.2);\r\n        \r\n        --accent-purple: #7c3aed;\r\n        --accent-violet: #8b5cf6;\r\n        --accent-indigo: #6366f1;\r\n        --accent-gold: #d97706;\r\n        --accent-rose: #e11d48;\r\n        --text-dark: #1e1b4b;\r\n        --text-primary: #312e81;\r\n        --text-secondary: #6b21a8;\r\n        --text-muted: #7c729a;\r\n        \r\n        --grad-master: linear-gradient(135deg, #667eea 0%, #361656 100%);\r\n        --grad-fancy: linear-gradient(135deg, #7c3aed, #d97706, #e11d48);\r\n        --grad-shimmer: linear-gradient(90deg, transparent, rgba(124, 58, 237, 0.15), transparent);\r\n        \r\n        --glow-purple: 0 0 20px rgba(124, 58, 237, 0.4);\r\n        --shadow-ui: 0 15px 40px rgba(0, 0, 0, 0.6);\r\n        --shadow-card: 0 4px 15px rgba(124, 58, 237, 0.15);\r\n        --shadow-card-hover: 0 12px 30px rgba(124, 58, 237, 0.25);\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-primary);\r\n        line-height: 1.6;\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-fancy-wrapper * { box-sizing: border-box; }\r\n\r\n    .pg-fancy-container {\r\n        max-width: 1200px !important;\r\n        width: 100% !important;\r\n        margin: 0 auto !important;\r\n        padding: 40px 20px !important;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .pg-fancy-hero {\r\n        z-index: 2;\r\n        padding-top: 10px;\r\n        width: 100%;\r\n    }\r\n\r\n    .pg-fancy-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 3.2rem;\r\n        font-weight: 900;\r\n        line-height: 1.1;\r\n        margin: 0 auto 14px auto;\r\n        letter-spacing: -0.5px;\r\n        color: #ffffff;\r\n        text-shadow: 0 3px 12px rgba(0,0,0,0.4);\r\n        max-width: 1000px;\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        gap: 16px;\r\n        transition: var(--transition-ui);\r\n    }\r\n    \r\n    .pg-fancy-title i {\r\n        color: #ffffff;\r\n        border-radius: 14px;\r\n        padding: 12px;\r\n        font-size: 2rem;\r\n        transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.4));\r\n    }\r\n    \r\n    .pg-fancy-title:hover i {\r\n        transform: rotate(15deg) scale(1.1);\r\n    }\r\n\r\n    .pg-fancy-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: 70px;\r\n        height: 3px;\r\n        background: #ffffff;\r\n        border-radius: 3px;\r\n        box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);\r\n        transition: width 0.35s ease;\r\n    }\r\n    \r\n    .pg-fancy-title:hover::after { width: 200px; }\r\n    \r\n    .pg-fancy-subtitle {\r\n        font-family: var(--primary-font);\r\n        font-size: 1.2rem;\r\n        color: rgba(255, 255, 255, 0.88);\r\n        max-width: 850px;\r\n        margin: 25px auto 35px auto;\r\n        padding: 0 10px;\r\n        font-weight: 500;\r\n        text-shadow: 0 2px 6px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    \/* WHITE LAYOUT BOX THEME *\/\r\n    .pg-fancy-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 rgba(124, 58, 237, 0.15);\r\n        width: 100%;\r\n        box-shadow: var(--shadow-ui);\r\n        border-radius: 20px;\r\n        position: relative;\r\n        overflow: visible;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n    \r\n    .pg-fancy-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-fancy);\r\n        border-radius: 4px 4px 0 0;\r\n    }\r\n\r\n    .pg-fancy-header {\r\n        padding: 22px 28px;\r\n        border-bottom: 1px solid rgba(124, 58, 237, 0.12);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 18px;\r\n        background: linear-gradient(135deg, rgba(124, 58, 237, 0.04), rgba(217, 119, 6, 0.04));\r\n        border-radius: 20px 20px 0 0;\r\n    }\r\n\r\n    .pg-fancy-avatar {\r\n        width: 52px;\r\n        height: 52px;\r\n        border-radius: 14px;\r\n        background: var(--grad-fancy);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.4rem;\r\n        color: #fff;\r\n        box-shadow: 0 0 12px rgba(124, 58, 237, 0.35);\r\n        transition: transform 0.3s ease;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    .pg-fancy-header:hover .pg-fancy-avatar { transform: rotate(-10deg) scale(1.08); }\r\n\r\n    .pg-fancy-header-text {\r\n        font-weight: 700;\r\n        font-size: 1.25rem;\r\n        color: var(--text-dark);\r\n        letter-spacing: 0.2px;\r\n    }\r\n\r\n    .pg-fancy-input-area {\r\n        padding: 26px 28px;\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-fancy-textarea {\r\n        width: 100% !important;\r\n        min-height: 140px !important;\r\n        padding: 20px 22px !important;\r\n        background: rgba(255, 255, 255, 0.9) !important;\r\n        border: 1px solid rgba(124, 58, 237, 0.2) !important;\r\n        border-left: 4px solid var(--accent-purple) !important;\r\n        color: var(--text-dark) !important;\r\n        font-family: var(--primary-font) !important;\r\n        font-weight: 500 !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: all 0.3s ease;\r\n        overflow-y: auto;\r\n        box-shadow: inset 0 2px 6px rgba(124, 58, 237, 0.05);\r\n    }\r\n    \r\n    .pg-fancy-textarea:focus {\r\n        border-color: var(--accent-purple) !important;\r\n        box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15), inset 0 2px 6px rgba(124, 58, 237, 0.08) !important;\r\n        background: rgba(255, 255, 255, 1) !important;\r\n    }\r\n    \r\n    .pg-fancy-textarea::placeholder { color: var(--text-muted); opacity: 0.6; font-weight: 400 !important; }\r\n\r\n    .pg-fancy-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: 16px 18px;\r\n        border: 1px solid rgba(124, 58, 237, 0.15);\r\n        border-radius: 10px;\r\n        background: rgba(255, 255, 255, 0.8);\r\n    }\r\n\r\n    .pg-fancy-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-fancy-btn {\r\n        background: transparent;\r\n        color: var(--text-secondary);\r\n        border: 1px solid rgba(124, 58, 237, 0.2);\r\n        padding: 10px 14px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        transition: all 0.25s ease;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 7px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .pg-fancy-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-fancy-btn:hover {\r\n        background: rgba(124, 58, 237, 0.12);\r\n        color: var(--accent-purple);\r\n        border-color: var(--accent-purple);\r\n        box-shadow: 0 0 12px rgba(124, 58, 237, 0.25);\r\n        transform: translateY(-2px);\r\n    }\r\n    \r\n    .pg-fancy-btn:hover::before { left: 100%; }\r\n\r\n    .pg-fancy-btn.primary-btn {\r\n        color: var(--accent-gold);\r\n        background: rgba(217, 119, 6, 0.1);\r\n        border-color: var(--accent-gold);\r\n    }\r\n    \r\n    .pg-fancy-btn.primary-btn:hover {\r\n        background: rgba(217, 119, 6, 0.2);\r\n        box-shadow: 0 0 12px rgba(217, 119, 6, 0.3);\r\n    }\r\n\r\n    .pg-fancy-btn:active { transform: scale(0.96); }\r\n\r\n    .pg-fancy-preset {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        color: var(--text-secondary);\r\n        border: 1px solid rgba(124, 58, 237, 0.2);\r\n        padding: 10px 14px;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        outline: none;\r\n        transition: all 0.25s ease;\r\n        min-width: 190px;\r\n    }\r\n    \r\n    .pg-fancy-preset:hover, .pg-fancy-preset:focus {\r\n        background: rgba(124, 58, 237, 0.12);\r\n        color: var(--accent-purple);\r\n        border-color: var(--accent-purple);\r\n    }\r\n    \r\n    .pg-fancy-preset option {\r\n        background: var(--theme-panel);\r\n        color: var(--text-primary);\r\n    }\r\n\r\n    .pg-fancy-settings {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 24px;\r\n        padding: 26px 28px;\r\n        background: var(--theme-panel);\r\n        border-top: 1px solid rgba(124, 58, 237, 0.12);\r\n    }\r\n\r\n    .pg-fancy-label {\r\n        display: flex;\r\n        align-items: center;\r\n        font-family: var(--primary-font);\r\n        font-size: 0.92rem;\r\n        font-weight: 700;\r\n        color: var(--text-dark);\r\n        margin-bottom: 14px;\r\n        gap: 8px;\r\n    }\r\n    \r\n    .pg-fancy-label i {\r\n        color: var(--accent-purple);\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .pg-fancy-options {\r\n        display: grid;\r\n        gap: 10px;\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .pg-fancy-opt-btn {\r\n        background: rgba(255, 255, 255, 0.7);\r\n        border: 1px solid rgba(124, 58, 237, 0.15);\r\n        padding: 14px 10px;\r\n        color: var(--text-primary);\r\n        font-family: var(--primary-font);\r\n        font-size: 0.82rem;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        border-radius: 10px;\r\n        transition: all 0.25s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 7px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .pg-fancy-opt-btn i {\r\n        font-size: 1.15rem;\r\n        color: var(--text-muted);\r\n        transition: all 0.25s ease;\r\n    }\r\n    \r\n    .pg-fancy-opt-btn::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0; left: 0; width: 0%; height: 3px;\r\n        background: var(--grad-fancy);\r\n        transition: width 0.3s ease;\r\n    }\r\n    \r\n    .pg-fancy-opt-btn:hover::after { width: 100%; }\r\n    \r\n    .pg-fancy-opt-btn:hover {\r\n        background: rgba(124, 58, 237, 0.08);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 4px 12px rgba(124, 58, 237, 0.15);\r\n    }\r\n\r\n    .pg-fancy-opt-btn:hover i {\r\n        color: var(--accent-purple);\r\n        transform: scale(1.15);\r\n    }\r\n\r\n    .pg-fancy-opt-btn.active {\r\n        background: rgba(124, 58, 237, 0.15);\r\n        color: var(--accent-purple);\r\n        border-color: var(--accent-purple);\r\n        box-shadow: 0 0 15px rgba(124, 58, 237, 0.3);\r\n    }\r\n    \r\n    .pg-fancy-opt-btn.active::after { width: 100%; }\r\n    \r\n    .pg-fancy-opt-btn.active i { color: var(--accent-gold); }\r\n\r\n    .pg-fancy-results {\r\n        padding: 40px 0;\r\n        width: 100%;\r\n        position: relative;\r\n    }\r\n    \r\n    .pg-fancy-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 16px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* NEW ELEGANT CARD DESIGN *\/\r\n    .pg-fancy-card {\r\n        background: var(--theme-panel);\r\n        border: 1px solid rgba(124, 58, 237, 0.15);\r\n        border-radius: 16px;\r\n        padding: 0;\r\n        transition: all 0.35s ease;\r\n        position: relative;\r\n        overflow: hidden;\r\n        box-shadow: var(--shadow-card);\r\n        min-height: auto;\r\n    }\r\n    \r\n    .pg-fancy-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 3px; height: 0%;\r\n        background: var(--grad-fancy);\r\n        transition: height 0.35s ease;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .pg-fancy-card:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: var(--shadow-card-hover);\r\n        border-color: rgba(124, 58, 237, 0.35);\r\n    }\r\n    \r\n    .pg-fancy-card:hover::before { height: 100%; }\r\n\r\n    .pg-fancy-card-inner {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        width: 100%;\r\n        padding: 20px 24px;\r\n        gap: 18px;\r\n    }\r\n\r\n    .pg-fancy-card-avatar {\r\n        width: 46px;\r\n        height: 46px;\r\n        border-radius: 50%;\r\n        background: var(--grad-fancy);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #fff;\r\n        font-size: 1.1rem;\r\n        flex-shrink: 0;\r\n        box-shadow: 0 0 10px rgba(124, 58, 237, 0.3);\r\n    }\r\n\r\n    .pg-fancy-card-content {\r\n        flex: 1;\r\n        min-width: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 6px;\r\n    }\r\n\r\n    .pg-fancy-card-header-row {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        width: 100%;\r\n    }\r\n\r\n    .pg-fancy-card-title {\r\n        font-family: var(--primary-font);\r\n        font-size: 0.95rem;\r\n        font-weight: 700;\r\n        color: var(--text-dark);\r\n        text-align: left;\r\n    }\r\n\r\n    .pg-fancy-card-time {\r\n        font-size: 0.75rem;\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-fancy-card-copy-btn {\r\n        background: transparent;\r\n        border: 1px solid rgba(124, 58, 237, 0.2);\r\n        color: var(--text-secondary);\r\n        width: 40px;\r\n        height: 40px;\r\n        min-width: 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: all 0.25s ease;\r\n        outline: none;\r\n        margin-left: 12px;\r\n        margin-top: -8px;\r\n    }\r\n    \r\n    .pg-fancy-card-copy-btn i { font-size: 1.05rem; transition: all 0.25s ease; }\r\n    \r\n    .pg-fancy-card-copy-btn:hover {\r\n        background: var(--accent-purple);\r\n        color: #fff;\r\n        border-color: var(--accent-purple);\r\n        box-shadow: var(--glow-purple);\r\n        transform: scale(1.08);\r\n    }\r\n    \r\n    .pg-fancy-card-copy-btn:hover i { transform: rotate(15deg); }\r\n    .pg-fancy-card-copy-btn:active { transform: scale(0.9); }\r\n    \r\n    .pg-fancy-card-copy-btn.copied {\r\n        background: var(--accent-purple) !important;\r\n        color: #fff !important;\r\n        border-color: var(--accent-purple) !important;\r\n        box-shadow: var(--glow-purple) !important;\r\n    }\r\n\r\n    .pg-fancy-card-preview {\r\n        font-size: 1.2rem;\r\n        color: var(--text-primary);\r\n        text-align: left;\r\n        font-family: var(--primary-font);\r\n        font-weight: 500;\r\n        position: relative;\r\n        z-index: 1;\r\n        transition: all 0.3s ease;\r\n        white-space: normal !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.5 !important;\r\n        max-height: 75px;\r\n        overflow-y: auto;\r\n        scrollbar-width: thin;\r\n        scrollbar-color: var(--accent-violet) transparent;\r\n    }\r\n    \r\n    .pg-fancy-card-preview::-webkit-scrollbar { width: 5px; }\r\n    .pg-fancy-card-preview::-webkit-scrollbar-track { background: transparent; }\r\n    .pg-fancy-card-preview::-webkit-scrollbar-thumb { background: var(--accent-violet); border-radius: 3px; }\r\n    \r\n    .pg-fancy-card:hover .pg-fancy-card-preview { color: var(--text-dark); }\r\n\r\n    .pg-fancy-card-footer {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        gap: 10px;\r\n        padding: 12px 24px;\r\n        border-top: 1px solid rgba(124, 58, 237, 0.1);\r\n        color: var(--text-muted);\r\n        font-size: 0.78rem;\r\n        font-weight: 600;\r\n        background: rgba(248, 246, 255, 0.5);\r\n    }\r\n\r\n    .pg-fancy-card-action {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n        cursor: pointer;\r\n        transition: color 0.2s ease;\r\n    }\r\n    .pg-fancy-card-action:hover { color: var(--accent-purple); }\r\n    .pg-fancy-card-action:hover i { transform: scale(1.15); }\r\n    .pg-fancy-card-action i { transition: transform 0.2s ease; }\r\n\r\n    .pg-fancy-load-btn {\r\n        background: transparent !important;\r\n        color: #ffffff !important;\r\n        border: 2px solid #ffffff !important;\r\n        padding: 15px 45px;\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: 12px;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        box-shadow: 0 0 15px rgba(255, 255, 255, 0.25);\r\n        overflow: hidden;\r\n        z-index: 10;\r\n    }\r\n    \r\n    .pg-fancy-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-fancy);\r\n        transition: left 0.5s ease;\r\n        z-index: 0;\r\n    }\r\n    \r\n    .pg-fancy-load-btn span, .pg-fancy-load-btn i { position: relative; z-index: 1; }\r\n    \r\n    .pg-fancy-load-btn:hover {\r\n        color: #000 !important;\r\n        border-color: transparent !important;\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 0 30px rgba(124, 58, 237, 0.5);\r\n    }\r\n    \r\n    .pg-fancy-load-btn:hover::before { left: 0; }\r\n    .pg-fancy-load-btn:hover i { transform: translateY(5px) rotate(180deg); }\r\n    .pg-fancy-load-btn:active { transform: translateY(0); }\r\n\r\n    .pg-fancy-toast {\r\n        visibility: hidden;\r\n        background: rgba(255, 255, 255, 0.98);\r\n        color: var(--accent-purple);\r\n        padding: 16px 26px;\r\n        position: fixed;\r\n        left: 50%;\r\n        bottom: 40px;\r\n        transform: translateX(-50%) translateY(25px);\r\n        font-family: var(--primary-font);\r\n        font-weight: 700;\r\n        z-index: 10000;\r\n        border-radius: 10px;\r\n        box-shadow: 0 12px 35px rgba(0,0,0,0.5);\r\n        opacity: 0;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        border: 1px solid rgba(124, 58, 237, 0.3);\r\n    }\r\n    \r\n    .pg-fancy-toast i {\r\n        color: #fff;\r\n        background: var(--accent-purple);\r\n        border-radius: 50%;\r\n        padding: 5px;\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .pg-fancy-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-fancy-container { max-width: 850px !important; }\r\n        .pg-fancy-title { font-size: 2.5rem; }\r\n        .pg-fancy-settings { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .pg-fancy-container { padding: 30px 15px !important; max-width: 100% !important; }\r\n        .pg-fancy-results { padding: 25px 0; }\r\n        .pg-fancy-settings { padding: 20px; gap: 18px; }\r\n        .pg-fancy-input-area { padding: 20px; }\r\n        .pg-fancy-textarea { min-height: 120px !important; font-size: 1.35rem !important; padding: 18px 20px !important; }\r\n        \r\n        .pg-fancy-toolbar { flex-direction: column; align-items: stretch; }\r\n        .pg-fancy-tool-group { justify-content: center; }\r\n        .pg-fancy-preset { width: 100%; text-align: center; min-width: auto; }\r\n        \r\n        .pg-fancy-card-inner { padding: 16px 18px; gap: 14px; }\r\n        .pg-fancy-card-avatar { width: 40px; height: 40px; font-size: 0.95rem; }\r\n        .pg-fancy-card-preview { font-size: 1.1rem; max-height: 65px; }\r\n        .pg-fancy-card-footer { padding: 10px 18px; flex-wrap: wrap; justify-content: center; }\r\n        \r\n        .pg-fancy-opt-btn { padding: 12px 8px; font-size: 0.78rem; }\r\n        .pg-fancy-load-btn { padding: 13px 28px; font-size: 0.95rem; width: 100%; justify-content: center; }\r\n        .pg-fancy-title { font-size: 1.9rem; }\r\n        .pg-fancy-subtitle { font-size: 0.95rem; }\r\n        .pg-fancy-header { padding: 18px; }\r\n        .pg-fancy-avatar { width: 46px; height: 46px; font-size: 1.2rem; }\r\n        .pg-fancy-card-copy-btn { width: 36px; height: 36px; min-width: 36px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pg-fancy-wrapper\" id=\"pg-fancy-tool\">\r\n    <div class=\"pg-fancy-container pg-fancy-hero\">\r\n        <h1 class=\"pg-fancy-title\"><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i> Fancy Text Generator - Style Instantly<\/h1>\r\n        <p class=\"pg-fancy-subtitle\">Transform ordinary text into elegant Unicode masterpieces with stylish scripts, decorative symbols, and modern gothic fonts. Copy and paste anywhere with zero formatting loss.<\/p>\r\n        \r\n        <div class=\"pg-fancy-main-card\">\r\n            <div class=\"pg-fancy-header\">\r\n                <div class=\"pg-fancy-avatar\"><i class=\"fa-solid fa-gem\"><\/i><\/div>\r\n                <div class=\"pg-fancy-header-text\">Create Fancy Text<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"pg-fancy-input-area\">\r\n                <textarea class=\"pg-fancy-textarea\" id=\"pgFancyInput\" placeholder=\"Type text to make it fancy...\"><\/textarea>\r\n                \r\n                <div class=\"pg-fancy-toolbar\">\r\n                    <div class=\"pg-fancy-tool-group\">\r\n                        <button class=\"pg-fancy-btn\" id=\"pgFancyPaste\" title=\"Paste\"><i class=\"fa-solid fa-clipboard\"><\/i> Paste<\/button>\r\n                        <button class=\"pg-fancy-btn\" id=\"pgFancySelect\" title=\"Select\"><i class=\"fa-solid fa-object-group\"><\/i> Select<\/button>\r\n                        <button class=\"pg-fancy-btn primary-btn\" id=\"pgFancyCopyBase\" title=\"Copy Base\"><i class=\"fa-regular fa-copy\"><\/i> Copy<\/button>\r\n                    <\/div>\r\n                    \r\n                    <select class=\"pg-fancy-preset\" id=\"pgFancyPreset\">\r\n                        <option value=\"\" disabled selected>\u2728 Fancy Presets<\/option>\r\n                        <option value=\"Elegant Text Style\">\ud83d\udd8b\ufe0f Elegant Script<\/option>\r\n                        <option value=\"Premium Look \u2728\">\ud83d\udc8e Premium Style<\/option>\r\n                        <option value=\"Luxury Bio\">\ud83d\udc51 Luxury Bio<\/option>\r\n                        <option value=\"Aesthetic Vibes\">\ud83c\udf38 Aesthetic Vibes<\/option>\r\n                        <option value=\"Stylish Header\">\ud83d\udcdc Stylish Header<\/option>\r\n                        <option value=\"Minimalist Design\">\ud83e\udd0d Minimalist<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"pg-fancy-settings\">\r\n                <div>\r\n                    <div class=\"pg-fancy-label\"><i class=\"fa-solid fa-text-height\"><\/i> Fancy Style<\/div>\r\n                    <div class=\"pg-fancy-options\">\r\n                        <button class=\"pg-fancy-opt-btn style-btn active\" data-mode=\"Script\">\r\n                            <i class=\"fa-solid fa-feather-pointed\"><\/i> Script\r\n                        <\/button>\r\n                        <button class=\"pg-fancy-opt-btn style-btn\" data-mode=\"Serif\">\r\n                            <i class=\"fa-solid fa-font\"><\/i> Serif Bold\r\n                        <\/button>\r\n                        <button class=\"pg-fancy-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-fancy-opt-btn style-btn\" data-mode=\"Gothic\">\r\n                            <i class=\"fa-solid fa-chess-rook\"><\/i> Gothic\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <div class=\"pg-fancy-label\"><i class=\"fa-solid fa-sliders\"><\/i> Decorations<\/div>\r\n                    <div class=\"pg-fancy-options\">\r\n                        <button class=\"pg-fancy-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-fancy-opt-btn deco-btn\" data-deco=\"Diamonds\">\r\n                            <i class=\"fa-solid fa-gem\"><\/i> Diamonds\r\n                        <\/button>\r\n                        <button class=\"pg-fancy-opt-btn deco-btn\" data-deco=\"Stars\">\r\n                            <i class=\"fa-solid fa-star\"><\/i> Stars\r\n                        <\/button>\r\n                        <button class=\"pg-fancy-opt-btn deco-btn\" data-deco=\"Flowers\">\r\n                            <i class=\"fa-solid fa-seedling\"><\/i> Flowers\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pg-fancy-results\">\r\n            <div class=\"pg-fancy-grid\" id=\"pgFancyGrid\"><\/div>\r\n            <button class=\"pg-fancy-load-btn\" id=\"pgFancyLoadBtn\"><span>Load More Styles<\/span> <i class=\"fa-solid fa-chevron-down\"><\/i><\/button>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"pgFancyToast\" class=\"pg-fancy-toast\"><i class=\"fa-solid fa-check\"><\/i> <span>Copied!<\/span><\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const wrapper = document.getElementById('pg-fancy-tool');\r\n    const input = wrapper.querySelector('#pgFancyInput');\r\n    const grid = wrapper.querySelector('#pgFancyGrid');\r\n    const loadBtn = wrapper.querySelector('#pgFancyLoadBtn');\r\n    const toast = wrapper.querySelector('#pgFancyToast');\r\n    const pasteBtn = wrapper.querySelector('#pgFancyPaste');\r\n    const selectBtn = wrapper.querySelector('#pgFancySelect');\r\n    const copyBase = wrapper.querySelector('#pgFancyCopyBase');\r\n    const presetSel = wrapper.querySelector('#pgFancyPreset');\r\n\r\n    let currentMode = 'Script';\r\n    let currentDeco = 'Clean';\r\n    let limit = 8;\r\n    const INCREMENT = 8;\r\n    const TOTAL = 108;\r\n\r\n    const base = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\r\n    const baseArr = Array.from(base);\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 serifMap = \"\ud835\udc1a\ud835\udc1b\ud835\udc1c\ud835\udc1d\ud835\udc1e\ud835\udc1f\ud835\udc20\ud835\udc21\ud835\udc22\ud835\udc23\ud835\udc24\ud835\udc25\ud835\udc26\ud835\udc27\ud835\udc28\ud835\udc29\ud835\udc2a\ud835\udc2b\ud835\udc2c\ud835\udc2d\ud835\udc2e\ud835\udc2f\ud835\udc30\ud835\udc31\ud835\udc32\ud835\udc33\ud835\udc00\ud835\udc01\ud835\udc02\ud835\udc03\ud835\udc04\ud835\udc05\ud835\udc06\ud835\udc07\ud835\udc08\ud835\udc09\ud835\udc0a\ud835\udc0b\ud835\udc0c\ud835\udc0d\ud835\udc0e\ud835\udc0f\ud835\udc10\ud835\udc11\ud835\udc12\ud835\udc13\ud835\udc14\ud835\udc15\ud835\udc16\ud835\udc17\ud835\udc18\ud835\udc19\ud835\udfce\ud835\udfcf\ud835\udfd0\ud835\udfd1\ud835\udfd2\ud835\udfd3\ud835\udfd4\ud835\udfd5\ud835\udfd6\ud835\udfd7\";\r\n    const serifArr = Array.from(serifMap);\r\n    \r\n    const doubleStruckMap = \"\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 doubleStruckArr = Array.from(doubleStruckMap);\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 circledMap = \"\u24d0\u24d1\u24d2\u24d3\u24d4\u24d5\u24d6\u24d7\u24d8\u24d9\u24da\u24db\u24dc\u24dd\u24de\u24df\u24e0\u24e1\u24e2\u24e3\u24e4\u24e5\u24e6\u24e7\u24e8\u24e9\u24b6\u24b7\u24b8\u24b9\u24ba\u24bb\u24bc\u24bd\u24be\u24bf\u24c0\u24c1\u24c2\u24c3\u24c4\u24c5\u24c6\u24c7\u24c8\u24c9\u24ca\u24cb\u24cc\u24cd\u24ce\u24cf\u24ea\u2460\u2461\u2462\u2463\u2464\u2465\u2466\u2467\u2468\";\r\n    const circledArr = Array.from(circledMap);\r\n\r\n    const modeMap = {\r\n        'Script': scriptArr,\r\n        'Serif': serifArr,\r\n        'DoubleStruck': doubleStruckArr,\r\n        'Gothic': gothicArr,\r\n        'Circled': circledArr\r\n    };\r\n\r\n    const transformText = (txt, mode, deco, idx) => {\r\n        if(!txt) return \"\";\r\n        const map = modeMap[mode] || scriptArr;\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 === 'Diamonds') {\r\n            const diamonds = ['\ud83d\udc8e', '\u25c6', '\u2756', '\u25c7', '\u2666\ufe0f'];\r\n            const d = diamonds[idx % diamonds.length];\r\n            out = `${d} ${out} ${d}`;\r\n        } else if(deco === 'Stars') {\r\n            const stars = ['\u2728', '\u2b50', '\ud83c\udf1f', '\ud83d\udcab', '\ud83d\udd2e'];\r\n            const s = stars[idx % stars.length];\r\n            out = `${s} ${out} ${s}`;\r\n        } else if(deco === 'Flowers') {\r\n            const flowers = ['\ud83c\udf38', '\ud83c\udf3a', '\ud83c\udf37', '\ud83c\udf3b', '\ud83d\udc90'];\r\n            const f = flowers[idx % flowers.length];\r\n            out = `${f} ${out} ${f}`;\r\n        }\r\n        \r\n        return out;\r\n    };\r\n\r\n    const copyText = (txt, btn) => {\r\n        if (navigator.clipboard && navigator.clipboard.writeText) {\r\n            navigator.clipboard.writeText(txt).then(() => showToast(btn));\r\n        } else {\r\n            const ta = document.createElement(\"textarea\");\r\n            ta.value = txt;\r\n            ta.style.cssText = \"position:fixed;top:0;left:0;opacity:0;pointer-events:none;\";\r\n            document.body.appendChild(ta);\r\n            ta.select();\r\n            try { document.execCommand('copy'); showToast(btn); } catch(e) { console.error(e); }\r\n            document.body.removeChild(ta);\r\n        }\r\n    };\r\n\r\n    const showToast = (btn) => {\r\n        if(btn) {\r\n            btn.classList.add('copied');\r\n            btn.innerHTML = '<i class=\"fa-solid fa-check\"><\/i>';\r\n            setTimeout(() => {\r\n                btn.classList.remove('copied');\r\n                btn.innerHTML = '<i class=\"fa-regular fa-copy\"><\/i>';\r\n            }, 1400);\r\n        }\r\n        toast.classList.add('show');\r\n        setTimeout(() => toast.classList.remove('show'), 1400);\r\n    };\r\n\r\n    const genMeta = () => {\r\n        const names = [\r\n            'Elegant Script', 'Bold Serif', 'Gothic Dark', 'Double Struck',\r\n            'Circled Fancy', 'Luxury Style', 'Classic Script', 'Modern Bold',\r\n            'Gothic Elegance', 'Diamond Style', 'Star Light', 'Floral Fancy',\r\n            'Premium Text', 'Minimal Script', 'Bold Elegant', 'Gothic Mix',\r\n            'Double Fancy', 'Circle Bold', 'Script Luxury', 'Serif Fancy',\r\n            'Gothic Bold', 'Struck Elegance', 'Circled Bold', 'Script Mix'\r\n        ];\r\n        const icons = ['fa-feather-pointed', 'fa-font', 'fa-chess-rook', 'fa-circle-nodes', 'fa-circle', 'fa-gem', 'fa-star', 'fa-seedling', 'fa-crown', 'fa-wand-sparkles', 'fa-palette', 'fa-quill', 'fa-scroll', 'fa-signature', 'fa-pen-nib', 'fa-pencil'];\r\n        \r\n        const list = [];\r\n        for(let i=0; i<TOTAL; i++) {\r\n            const times = ['Just now', '1s ago', '5s ago', '10s ago', '20s ago', '30s ago', '1m ago', '3m ago', '5m ago', '10m ago'];\r\n            list.push({\r\n                id: `fancy-${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 || \"Fancy Text \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-fancy-card';\r\n            card.innerHTML = `\r\n                <div class=\"pg-fancy-card-inner\">\r\n                    <div class=\"pg-fancy-card-avatar\"><i class=\"fa-solid ${meta.icon}\"><\/i><\/div>\r\n                    <div class=\"pg-fancy-card-content\">\r\n                        <div class=\"pg-fancy-card-header-row\">\r\n                            <div class=\"pg-fancy-card-title\">${meta.name}<\/div>\r\n                            <div class=\"pg-fancy-card-time\"><i class=\"fa-regular fa-clock\"><\/i> ${meta.time}<\/div>\r\n                        <\/div>\r\n                        <div class=\"pg-fancy-card-preview\">${out}<\/div>\r\n                    <\/div>\r\n                    <button class=\"pg-fancy-card-copy-btn\" title=\"Copy\"><i class=\"fa-regular fa-copy\"><\/i><\/button>\r\n                <\/div>\r\n                <div class=\"pg-fancy-card-footer\">\r\n                    <div class=\"pg-fancy-card-action\"><i class=\"fa-regular fa-heart\"><\/i> Like<\/div>\r\n                    <div class=\"pg-fancy-card-action\"><i class=\"fa-regular fa-bookmark\"><\/i> Save<\/div>\r\n                    <div class=\"pg-fancy-card-action\"><i class=\"fa-solid fa-share-nodes\"><\/i> Share<\/div>\r\n                <\/div>\r\n            `;\r\n            \r\n            const copyBtn = card.querySelector('.pg-fancy-card-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.setProperty('display', 'inline-flex', 'important');\r\n            loadBtn.querySelector('span').textContent = `Load More Styles (${remaining})`;\r\n        } else {\r\n            loadBtn.style.setProperty('display', 'none', 'important');\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 = 8;\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 = 8;\r\n            render();\r\n        });\r\n    });\r\n\r\n    render();\r\n});\r\n<\/script>\r\n<!-- END OF FILE Fancy Text Generator -->\r\n\r\n\r\n<!-- <content section is strating -->\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 \u2014 WHITE BG + WHITE CARDS -->\r\n\r\n\r\n\r\n<section class=\"pg-fcs-section pg-fcs-sec1\">\r\n        <div class=\"pg-fcs-inner\">\r\n\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\r\n    <section class=\"pg-fcs-section pg-fcs-sec1\">\r\n        <div class=\"pg-fcs-inner\">\r\n            <h2 class=\"pg-fcs-heading\">What Makes This <span class=\"pg-fcs-kw\">Fancy Text Generator<\/span> Different?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Discover why thousands of users trust our fancy text generator to create stunning, copy-paste ready stylish text for any platform \u2014 completely free.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(124,58,237,0.10);color:#7c3aed;\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Instant Text Conversion<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Type once and watch your text transform into multiple fancy styles instantly \u2014 zero waiting, zero hassle with our fancy text generator.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(217,119,6,0.10);color:#d97706;\"><i class=\"fa-solid fa-palette\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">150+ Unique Font Styles<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">From bold gothic to elegant cursive, our fancy text generator offers over 150 Unicode-based styles you won't find anywhere else.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(139,92,246,0.10);color:#8b5cf6;\"><i class=\"fa-solid fa-copy\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">One-Click Copy & Paste<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Simply click the copy button next to any style \u2014 your fancy text is ready to paste on Instagram, TikTok, Twitter, or anywhere.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(99,102,241,0.10);color:#6366f1;\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">100% Safe & Private<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Our fancy text generator runs entirely in your browser. No data is sent to any server \u2014 your text stays completely private.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(225,29,72,0.08);color:#e11d48;\"><i class=\"fa-solid fa-mobile-screen-button\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Works on All Devices<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Whether on mobile, tablet, or desktop \u2014 our fancy text generator is fully responsive and works smoothly on every screen size.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(124,58,237,0.06);color:#a78bfa;\"><i class=\"fa-solid fa-infinity\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Unlimited Free Usage<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">No sign-ups, no limits, no hidden fees. Use this fancy text generator as many times as you want \u2014 free forever.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2 \u2014 GRADIENT BG + GLASS CARDS -->\r\n    <section class=\"pg-fcs-section pg-fcs-sec2\">\r\n        <div class=\"pg-fcs-inner\">\r\n            <h2 class=\"pg-fcs-heading\">How Does Our <span class=\"pg-fcs-kw\">Fancy Text Generator<\/span> Work?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Using our fancy text generator is as easy as 1-2-3. No technical skills needed \u2014 just follow these simple steps and get your stylish text in seconds.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\u270d\ufe0f<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 1: Enter Your Text<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Start by typing or pasting your regular text into the input box of our fancy text generator \u2014 any word or sentence works perfectly.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udd04<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 2: Choose Your Style<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Browse through the generated fancy text styles \u2014 explore bold, italic, cursive, bubble, medieval, and dozens more unique options.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udccb<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 3: Copy Your Result<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Found the perfect style? Hit the copy button and your fancy text is instantly saved to clipboard \u2014 ready to use anywhere online.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83d\udcf1<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 4: Paste on Your Platform<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Go to Instagram, TikTok, Facebook, WhatsApp, or any app \u2014 paste your fancy text directly into bios, captions, or messages.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\ud83e\uddea<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 5: Mix & Match Styles<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Get creative by combining different fancy text styles in one sentence \u2014 mix bold headers with cursive body text for a unique look.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <span class=\"pg-fcs-emoji\">\u2728<\/span>\r\n                    <div class=\"pg-fcs-card-title\">Step 6: Repeat & Experiment<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Keep experimenting with new text and styles \u2014 our fancy text generator has no limits, so try as many combos as your creativity allows.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3 \u2014 WHITE BG + SOFT GRAY CARDS -->\r\n    <section class=\"pg-fcs-section pg-fcs-sec3\">\r\n        <div class=\"pg-fcs-inner\">\r\n            <h2 class=\"pg-fcs-heading\">Where Can You Use <span class=\"pg-fcs-kw\">Fancy Text Generator<\/span> Results?<\/h2>\r\n            <p class=\"pg-fcs-sub\">Our fancy text generator creates Unicode text that works across almost every platform and app. Here are the most popular ways users style their content.<\/p>\r\n            <div class=\"pg-fcs-grid\">\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(225,48,108,0.10);color:#e1306c;\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Instagram Bio & Captions<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Stand out on Instagram with a stylish bio and captions \u2014 use cursive, bold, or glitch text to make your profile unforgettable.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,0,80,0.08);color:#ff0050;\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">TikTok Profile & Comments<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Make your TikTok username and video comments pop with fancy Unicode text \u2014 grab attention and boost engagement instantly.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(29,161,242,0.10);color:#1da1f2;\"><i class=\"fa-brands fa-twitter\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Twitter \/ X Posts & Bio<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Elevate your tweets and X profile with stylish text that stands out in crowded feeds \u2014 make your voice heard visually too.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(88,101,242,0.10);color:#5865f2;\"><i class=\"fa-brands fa-discord\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">Discord Server & Chat<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Style your Discord username, server name, and chat messages with fancy fonts \u2014 create a unique identity in your community server.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(255,0,0,0.08);color:#cc0000;\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">YouTube Titles & Descriptions<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Make your YouTube video titles and channel descriptions more clickable \u2014 fancy text helps your content stand out in search results.<\/p>\r\n                <\/div>\r\n                <div class=\"pg-fcs-card\">\r\n                    <div class=\"pg-fcs-icon\" style=\"background:rgba(37,211,102,0.10);color:#25d366;\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/div>\r\n                    <div class=\"pg-fcs-card-title\">WhatsApp Status & Messages<\/div>\r\n                    <p class=\"pg-fcs-card-desc\">Impress your contacts with stylish WhatsApp status updates and messages \u2014 send wishes and fun texts in beautiful fancy fonts.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n        :root{\r\n            --accent-purple:#7c3aed;--accent-violet:#8b5cf6;--accent-indigo:#6366f1;\r\n            --accent-gold:#d97706;--accent-rose:#e11d48;\r\n            --text-dark:#1e1b4b;--text-primary:#312e81;--text-muted:#7c729a;\r\n            --grad-fancy:linear-gradient(135deg,#7c3aed,#d97706,#e11d48);\r\n            --theme-bg-alt:rgba(248,246,255,0.95);\r\n            --shadow-card:0 4px 15px rgba(124,58,237,0.15);\r\n            --shadow-card-hover:0 12px 30px rgba(124,58,237,0.25);\r\n            --tr:all .35s cubic-bezier(.2,.8,.2,1);\r\n            --ff:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif\r\n        }\r\n        .pg-fcs-section{width:100%;padding:clamp(48px,8vw,96px) 20px;position:relative;overflow:hidden;font-family:var(--ff);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}\r\n        .pg-fcs-inner{max-width:1200px;margin:0 auto}\r\n        .pg-fcs-heading{font-family:var(--ff);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;text-align:center;color:var(--text-dark);margin-bottom:clamp(8px,1.5vw,14px);line-height:1.2;letter-spacing:-.03em}\r\n        .pg-fcs-kw{color:var(--accent-purple);position:relative}\r\n        .pg-fcs-kw::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:var(--grad-fancy);border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1)}\r\n        .pg-fcs-section:hover .pg-fcs-kw::after{transform:scaleX(1)}\r\n        .pg-fcs-sub{font-family:var(--ff);font-size:clamp(.88rem,1.8vw,1.02rem);font-weight:400;text-align:center;color:var(--text-muted);max-width:660px;margin:0 auto clamp(32px,5vw,56px);line-height:1.7}\r\n        .pg-fcs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,26px)}\r\n        .pg-fcs-card{border-radius:16px;padding:clamp(22px,3vw,32px);position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--tr);border:1px solid transparent}\r\n        .pg-fcs-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--grad-fancy);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1);z-index:2}\r\n        .pg-fcs-card::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.12) 0%,rgba(124,58,237,.04) 60%,transparent 100%);transform:translate(-50%,-50%);transition:width .55s ease-out,height .55s ease-out,opacity .55s ease-out;opacity:0;z-index:1;pointer-events:none}\r\n        .pg-fcs-card:hover::before{transform:scaleX(1)}\r\n        .pg-fcs-card.pg-fcs-pressed{transform:translateY(-1px) scale(.985)!important}\r\n        .pg-fcs-card.pg-fcs-pressed::before{transform:scaleX(1)}\r\n        .pg-fcs-card.pg-fcs-ripple::after{width:320px;height:320px;opacity:1}\r\n        .pg-fcs-card.pg-fcs-ripple-out::after{width:320px;height:320px;opacity:0}\r\n        .pg-fcs-icon{width:clamp(46px,5vw,58px);height:clamp(46px,5vw,58px);min-width:46px;min-height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:clamp(18px,2.5vw,24px);margin-bottom:clamp(14px,2vw,20px);transition:var(--tr);position:relative;z-index:3}\r\n        .pg-fcs-card:hover .pg-fcs-icon{transform:scale(1.12) rotate(-4deg)}\r\n        .pg-fcs-card.pg-fcs-pressed .pg-fcs-icon{transform:scale(1.04) rotate(0deg)}\r\n        .pg-fcs-emoji{font-size:clamp(28px,3.5vw,36px);margin-bottom:clamp(12px,1.8vw,16px);display:inline-block;transition:var(--tr);position:relative;z-index:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}\r\n        .pg-fcs-card:hover .pg-fcs-emoji{transform:scale(1.22) rotate(-6deg)}\r\n        .pg-fcs-card.pg-fcs-pressed .pg-fcs-emoji{transform:scale(1.08) rotate(0deg)}\r\n        .pg-fcs-card-title{font-family:var(--ff);font-size:clamp(.95rem,2vw,1.1rem);font-weight:700;color:var(--text-dark);margin-bottom:clamp(6px,1vw,10px);line-height:1.35;position:relative;z-index:3}\r\n        .pg-fcs-card-desc{font-family:var(--ff);font-size:clamp(.8rem,1.5vw,.9rem);font-weight:400;color:var(--text-muted);line-height:1.65;position:relative;z-index:3}\r\n\r\n        \/* SEC 1 *\/\r\n        .pg-fcs-sec1{background:#fff}\r\n        .pg-fcs-sec1 .pg-fcs-card{background:#fff;border-color:rgba(124,58,237,.1);box-shadow:0 2px 12px rgba(124,58,237,.06)}\r\n        .pg-fcs-sec1 .pg-fcs-card:hover{border-color:var(--accent-purple);box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}\r\n\r\n        \/* SEC 2 *\/\r\n        .pg-fcs-sec2{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}\r\n        .pg-fcs-sec2 .pg-fcs-heading{color:#fff}\r\n        .pg-fcs-sec2 .pg-fcs-kw{color:#ffd700}\r\n        .pg-fcs-sec2 .pg-fcs-sub{color:rgba(255,255,255,.8)}\r\n        .pg-fcs-sec2 .pg-fcs-card{background:rgba(255,255,255,.95);border-color:rgba(255,255,255,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.12)}\r\n        .pg-fcs-sec2 .pg-fcs-card::before{background:linear-gradient(90deg,#667eea,#764ba2,#ffd700)}\r\n        .pg-fcs-sec2 .pg-fcs-card:hover{border-color:rgba(255,255,255,.7);box-shadow:0 12px 40px rgba(118,75,162,.3);transform:translateY(-5px)}\r\n        .pg-fcs-sec2 .pg-fcs-card::after{background:radial-gradient(circle,rgba(118,75,162,.1) 0%,rgba(102,126,234,.05) 60%,transparent 100%)}\r\n\r\n        \/* SEC 3 *\/\r\n        .pg-fcs-sec3{background:#fff}\r\n        .pg-fcs-sec3 .pg-fcs-card{background:var(--theme-bg-alt);border-color:rgba(124,58,237,.08);box-shadow:0 2px 10px rgba(124,58,237,.04)}\r\n        .pg-fcs-sec3 .pg-fcs-card::before{background:linear-gradient(90deg,var(--accent-purple),var(--accent-gold),var(--accent-rose))}\r\n        .pg-fcs-sec3 .pg-fcs-card:hover{border-color:var(--accent-purple);box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}\r\n\r\n        \/* RESPONSIVE *\/\r\n        @media(max-width:820px){.pg-fcs-grid{grid-template-columns:repeat(2,1fr);gap:16px}.pg-fcs-section{padding:clamp(36px,6vw,64px) 16px}}\r\n        @media(max-width:540px){.pg-fcs-grid{grid-template-columns:1fr;gap:14px}.pg-fcs-card{padding:22px}.pg-fcs-sub{margin-bottom:28px}}\r\n        @media(max-width:360px){.pg-fcs-section{padding:32px 12px}.pg-fcs-card{padding:18px;border-radius:12px}}\r\n    <\/style>\r\n\r\n    <script>\r\n    (function(){\r\n        var c=document.querySelectorAll('.pg-fcs-card');\r\n        c.forEach(function(card){\r\n            function ripple(el){\r\n                el.classList.remove('pg-fcs-ripple','pg-fcs-ripple-out');\r\n                void el.offsetWidth;\r\n                el.classList.add('pg-fcs-ripple');\r\n                setTimeout(function(){el.classList.add('pg-fcs-ripple-out')},300);\r\n                setTimeout(function(){el.classList.remove('pg-fcs-ripple','pg-fcs-ripple-out')},700);\r\n            }\r\n            card.addEventListener('mousedown',function(){card.classList.add('pg-fcs-pressed')});\r\n            card.addEventListener('mouseup',function(){setTimeout(function(){card.classList.remove('pg-fcs-pressed')},120);ripple(card)});\r\n            card.addEventListener('mouseleave',function(){card.classList.remove('pg-fcs-pressed','pg-fcs-ripple','pg-fcs-ripple-out')});\r\n            card.addEventListener('touchstart',function(){card.classList.add('pg-fcs-pressed');ripple(card)},{passive:true});\r\n            card.addEventListener('touchend',function(){setTimeout(function(){card.classList.remove('pg-fcs-pressed')},150)});\r\n            card.addEventListener('touchcancel',function(){card.classList.remove('pg-fcs-pressed','pg-fcs-ripple','pg-fcs-ripple-out')});\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-428","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Generador de texto elegante \u2013 Estilo instant\u00e1neo - Editor de texto en l\u00ednea<\/title>\n<meta name=\"description\" content=\"Crea textos elegantes e impactantes con nuestro generador de textos elegantes gratuito. Copia y pega fuentes con estilo para tu biograf\u00eda, nombre de usuario y redes sociales en segundos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/onlinetexteditor.io\/es\/fancy-text-generator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fancy Text Generator \u2013 Style Instantly - Online Text Editor\" \/>\n<meta property=\"og:description\" content=\"Create stunning fancy text with our free Fancy Text Generator. Copy &amp; paste stylish fonts for bio, username, and social media in seconds.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onlinetexteditor.io\/fancy-text-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Text Editor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-06T04:49:06+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\\\/fancy-text-generator\\\/\",\"url\":\"https:\\\/\\\/onlinetexteditor.io\\\/fancy-text-generator\\\/\",\"name\":\"Fancy Text Generator \u2013 Style Instantly - Online Text Editor\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#website\"},\"datePublished\":\"2026-03-01T00:00:52+00:00\",\"dateModified\":\"2026-04-06T04:49:06+00:00\",\"description\":\"Create stunning fancy text with our free Fancy Text Generator. Copy & paste stylish fonts for bio, username, and social media in seconds.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/fancy-text-generator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/onlinetexteditor.io\\\/fancy-text-generator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/fancy-text-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/onlinetexteditor.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fancy 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":"Generador de texto elegante \u2013 Estilo instant\u00e1neo - Editor de texto en l\u00ednea","description":"Crea textos elegantes e impactantes con nuestro generador de textos elegantes gratuito. Copia y pega fuentes con estilo para tu biograf\u00eda, nombre de usuario y redes sociales en segundos.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/onlinetexteditor.io\/es\/fancy-text-generator\/","og_locale":"en_US","og_type":"article","og_title":"Fancy Text Generator \u2013 Style Instantly - Online Text Editor","og_description":"Create stunning fancy text with our free Fancy Text Generator. Copy & paste stylish fonts for bio, username, and social media in seconds.","og_url":"https:\/\/onlinetexteditor.io\/fancy-text-generator\/","og_site_name":"Online Text Editor","article_modified_time":"2026-04-06T04:49:06+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onlinetexteditor.io\/fancy-text-generator\/","url":"https:\/\/onlinetexteditor.io\/fancy-text-generator\/","name":"Fancy Text Generator \u2013 Style Instantly - Online Text Editor","isPartOf":{"@id":"https:\/\/onlinetexteditor.io\/#website"},"datePublished":"2026-03-01T00:00:52+00:00","dateModified":"2026-04-06T04:49:06+00:00","description":"Create stunning fancy text with our free Fancy Text Generator. Copy & paste stylish fonts for bio, username, and social media in seconds.","breadcrumb":{"@id":"https:\/\/onlinetexteditor.io\/fancy-text-generator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onlinetexteditor.io\/fancy-text-generator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onlinetexteditor.io\/fancy-text-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/onlinetexteditor.io\/"},{"@type":"ListItem","position":2,"name":"Fancy 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\/es\/wp-json\/wp\/v2\/pages\/428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/comments?post=428"}],"version-history":[{"count":3,"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/pages\/428\/revisions"}],"predecessor-version":[{"id":431,"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/pages\/428\/revisions\/431"}],"wp:attachment":[{"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/media?parent=428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}