{"id":57706,"date":"2026-10-16T08:32:12","date_gmt":"2026-10-16T08:32:12","guid":{"rendered":"https:\/\/docsinhand.com\/blog\/?p=57706"},"modified":"2026-10-26T02:19:31","modified_gmt":"2026-10-26T02:19:31","slug":"quote-maker","status":"publish","type":"post","link":"https:\/\/docsinhand.com\/blog\/quote-maker\/","title":{"rendered":"Quote Maker | Beautiful Quote Image Generator"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Quote Maker<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&amp;family=Noto+Sans+Bengali:wght@400;500;600;700&amp;family=Hind+Siliguri:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n  <!-- \u0985\u09a8\u09cd\u09af\u09be\u09a8\u09cd\u09af \u09ad\u09be\u09b7\u09be\u09b0 \u09ab\u09a8\u09cd\u099f (\u09ac\u09be\u0982\u09b2\u09be, \u0987\u0982\u09b0\u09c7\u099c\u09bf, \u09b9\u09bf\u09a8\u09cd\u09a6\u09bf, \u0986\u09b0\u09ac\u09bf, \u0989\u09b0\u09cd\u09a6\u09c1, \u09ab\u09be\u09b0\u09cd\u09b8\u09bf) \u09b6\u09c1\u09a7\u09c1 \u09b8\u09c7\u0987 \u09ad\u09be\u09b7\u09be \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09a8 \u0995\u09b0\u09b2\u09c7\u0987 \u09a8\u09bf\u099a\u09c7\u09b0 \u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09aa\u09cd\u099f \u09a8\u09bf\u099c\u09c7 \u09b2\u09cb\u09a1 \u0995\u09b0\u09c7 \u09a8\u09c7\u09af\u09bc -->\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\n  <style>\n    .qm-wrapper {\n      --qm-primary: #5b4cdb;\n      --qm-accent: #e84393;\n      --qm-bg: #f4f5f7;\n      --qm-card: #ffffff;\n      --qm-text: #1a1a2e;\n      --qm-muted: #6b7280;\n      --qm-border: #e5e7eb;\n      --qm-success: #059669;\n      font-family: 'Inter', system-ui, -apple-system, sans-serif;\n      background: var(--qm-bg);\n      color: var(--qm-text);\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n      line-height: 1.5;\n      width: 100%;\n      max-width: 100%;\n    }\n    .qm-wrapper.lang-bn { font-family: 'Hind Siliguri', 'Noto Sans Bengali', 'Inter', system-ui, sans-serif; }\n    .qm-wrapper.lang-hi { font-family: 'Hind', 'Inter', system-ui, sans-serif; }\n    .qm-wrapper.lang-ar,\n    .qm-wrapper.lang-ur,\n    .qm-wrapper.lang-fa { font-family: 'Noto Naskh Arabic', 'Inter', system-ui, sans-serif; }\n    .qm-wrapper *, .qm-wrapper *::before, .qm-wrapper *::after { box-sizing: border-box; }\n\n    .qm-header {\n      background: linear-gradient(135deg, #5b4cdb, #7c6cf0);\n      color: #fff;\n      padding: 18px 28px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      flex-wrap: wrap;\n    }\n    .qm-header h1 { margin: 0; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.02em; }\n    .qm-header p { margin: 4px 0 0; font-size: 0.82rem; opacity: 0.92; }\n    .qm-lang-select {\n      background: rgba(255,255,255,0.22);\n      border: 1px solid rgba(255,255,255,0.4);\n      color: #fff;\n      border-radius: 8px;\n      padding: 8px 14px;\n      font-size: 0.85rem;\n      font-family: inherit;\n      cursor: pointer;\n      outline: none;\n    }\n    .qm-lang-select option { background: #fff; color: #1a1a2e; }\n\n    .qm-container {\n      display: grid;\n      grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);\n      gap: 28px;\n      max-width: 1320px;\n      margin: 0 auto;\n      padding: 28px 24px 48px;\n      width: 100%;\n    }\n    @media (max-width: 980px) {\n      .qm-container { grid-template-columns: 1fr; max-width: 640px; }\n    }\n\n    .qm-controls {\n      background: var(--qm-card);\n      border-radius: 16px;\n      padding: 24px;\n      border: 1px solid var(--qm-border);\n      box-shadow: 0 1px 4px rgba(0,0,0,0.05);\n    }\n\n    .qm-preview-col { display: flex; flex-direction: column; gap: 12px; }\n\n    .qm-section-title {\n      font-size: 0.95rem;\n      font-weight: 600;\n      color: var(--qm-primary);\n      margin: 20px 0 10px;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    .qm-section-title:first-child { margin-top: 0; }\n    .qm-section-title::before {\n      content: '';\n      width: 4px;\n      height: 16px;\n      background: var(--qm-accent);\n      border-radius: 2px;\n      flex-shrink: 0;\n    }\n\n    .qm-label {\n      display: block;\n      font-size: 0.8rem;\n      color: var(--qm-muted);\n      margin: 12px 0 5px;\n      font-weight: 500;\n    }\n\n    .qm-input, .qm-textarea {\n      width: 100%;\n      background: #f9fafb;\n      border: 1px solid var(--qm-border);\n      border-radius: 10px;\n      padding: 11px 14px;\n      color: var(--qm-text);\n      font-family: inherit;\n      font-size: 0.95rem;\n      outline: none;\n      transition: border-color 0.2s, box-shadow 0.2s;\n    }\n    .qm-input:focus, .qm-textarea:focus {\n      border-color: var(--qm-primary);\n      box-shadow: 0 0 0 3px rgba(91, 76, 219, 0.15);\n    }\n    .qm-textarea { min-height: 100px; resize: vertical; }\n\n    .qm-file-wrap { position: relative; overflow: hidden; display: block; width: 100%; }\n    .qm-file-wrap input[type=\"file\"] {\n      position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer;\n    }\n    .qm-file-btn {\n      display: flex; align-items: center; justify-content: center; gap: 8px;\n      background: #f9fafb; border: 1.5px dashed var(--qm-border); border-radius: 10px;\n      padding: 13px; color: var(--qm-muted); font-size: 0.9rem; transition: all 0.2s;\n    }\n    .qm-file-btn:hover { border-color: var(--qm-primary); color: var(--qm-text); background: #f3f0ff; }\n\n    \/* \u09b2\u09c7\u0996\u0995\u09c7\u09b0 \u099b\u09ac\u09bf: \u09aa\u09cd\u09b0\u09bf\u09ad\u09bf\u0989 + \u09b8\u09b0\u09be\u09a8\u09cb\u09b0 \u09ac\u09be\u099f\u09a8 *\/\n    .qm-author-row {\n      display: none;\n      align-items: center;\n      gap: 14px;\n      margin-top: 10px;\n    }\n    .qm-author-row.show { display: flex; }\n    .qm-author-preview {\n      width: 56px; height: 56px; border-radius: 50%; object-fit: cover;\n      border: 2px solid var(--qm-primary); display: block; flex-shrink: 0;\n    }\n    .qm-remove-btn {\n      display: inline-flex; align-items: center; gap: 6px;\n      padding: 9px 16px; border-radius: 10px;\n      background: #fff1f2; border: 1.5px solid #fecdd3; color: #be123c;\n      font-family: inherit; font-size: 0.85rem; font-weight: 600; cursor: pointer;\n      transition: all 0.2s;\n    }\n    .qm-remove-btn:hover { background: #ffe4e6; border-color: #fb7185; transform: translateY(-1px); }\n\n    .qm-tabs { display: flex; gap: 6px; margin-bottom: 10px; }\n    .qm-tab {\n      flex: 1; padding: 9px; border-radius: 8px; background: #f9fafb;\n      border: 1.5px solid var(--qm-border); color: var(--qm-muted);\n      font-size: 0.8rem; cursor: pointer; text-align: center; transition: all 0.2s; font-weight: 500;\n      font-family: inherit;\n    }\n    .qm-tab.active {\n      border-color: var(--qm-primary); color: var(--qm-primary);\n      background: rgba(91, 76, 219, 0.08);\n    }\n\n    .qm-panel { display: none; }\n    .qm-panel.active { display: block; }\n\n    .qm-bg-grid {\n      display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-top: 6px;\n    }\n    .qm-bg-item {\n      aspect-ratio: 1; border-radius: 8px; cursor: pointer;\n      border: 2.5px solid transparent; transition: all 0.2s;\n      position: relative; overflow: hidden; background-size: cover; background-position: center;\n    }\n    .qm-bg-item:hover, .qm-bg-item.active { border-color: var(--qm-primary); transform: scale(1.05); }\n    .qm-bg-item.active::after {\n      content: '\u2713'; position: absolute; inset: 0;\n      background: rgba(91, 76, 219, 0.55); display: flex;\n      align-items: center; justify-content: center; font-size: 1.1rem; color: #fff;\n    }\n\n    .qm-border-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 6px; }\n    .qm-border-item {\n      height: 44px; border-radius: 8px; cursor: pointer; display: flex;\n      align-items: center; justify-content: center; font-size: 0.75rem;\n      color: var(--qm-muted); background: #f9fafb; border: 1.5px solid var(--qm-border);\n      transition: all 0.2s; font-weight: 500;\n    }\n    .qm-border-item:hover, .qm-border-item.active {\n      border-color: var(--qm-primary); color: var(--qm-primary); background: rgba(91,76,219,0.06);\n    }\n\n    .qm-effect-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 6px; }\n    .qm-effect-item {\n      padding: 9px 4px; border-radius: 8px; cursor: pointer; text-align: center;\n      font-size: 0.74rem; background: #f9fafb; border: 1.5px solid var(--qm-border);\n      transition: all 0.2s; color: var(--qm-muted); font-weight: 500;\n    }\n    .qm-effect-item:hover, .qm-effect-item.active {\n      border-color: var(--qm-accent); color: var(--qm-accent);\n      background: rgba(232, 67, 147, 0.08);\n    }\n\n    \/* \u09ab\u09a8\u09cd\u099f \u09ac\u09be\u099b\u09be\u0987 (\u09ad\u09be\u09b7\u09be \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 \u09ac\u09a6\u09b2\u09be\u09af\u09bc) *\/\n    .qm-font-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 8px;\n      margin-top: 6px;\n    }\n    .qm-font-item {\n      padding: 10px 10px 8px;\n      border-radius: 10px;\n      cursor: pointer;\n      text-align: center;\n      background: #f9fafb;\n      border: 1.5px solid var(--qm-border);\n      transition: all 0.2s;\n      min-width: 0;\n    }\n    .qm-font-item:hover, .qm-font-item.active {\n      border-color: var(--qm-primary);\n      background: rgba(91, 76, 219, 0.08);\n    }\n    .qm-font-sample {\n      font-size: 1.25rem;\n      line-height: 1.7;\n      color: var(--qm-text);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n    .qm-font-item.active .qm-font-sample { color: var(--qm-primary); }\n    .qm-font-name {\n      margin-top: 2px;\n      font-family: 'Inter', system-ui, sans-serif;\n      font-size: 0.68rem;\n      color: var(--qm-muted);\n    }\n\n    .qm-size-grid { display: flex; gap: 8px; margin-top: 6px; flex-wrap: wrap; }\n    .qm-size-btn {\n      flex: 1; min-width: 90px; padding: 10px 8px; border-radius: 10px;\n      background: #f9fafb; border: 1.5px solid var(--qm-border); color: var(--qm-muted);\n      font-size: 0.8rem; cursor: pointer; transition: all 0.2s; text-align: center; font-weight: 500;\n      font-family: inherit;\n    }\n    .qm-size-btn.active {\n      border-color: var(--qm-primary); color: var(--qm-primary);\n      background: rgba(91, 76, 219, 0.08);\n    }\n    .qm-size-btn small { display: block; font-size: 0.7rem; opacity: 0.8; margin-top: 2px; }\n\n    .qm-preview-box {\n      background: #eef0f4;\n      border-radius: 16px;\n      padding: 24px;\n      border: 1px solid var(--qm-border);\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      min-height: 420px;\n      position: sticky;\n      top: 16px;\n    }\n\n    #qm-quoteCard {\n      width: 100%;\n      max-width: 400px;\n      aspect-ratio: 1 \/ 1;\n      border-radius: 12px;\n      position: relative;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      padding: 28px;\n      text-align: center;\n      box-shadow: 0 12px 40px rgba(0,0,0,0.15);\n      transition: all 0.3s ease;\n      background-size: cover;\n      background-position: center;\n    }\n    #qm-quoteCard.story { aspect-ratio: 9 \/ 16; max-width: 280px; }\n    #qm-quoteCard.landscape { aspect-ratio: 16 \/ 9; max-width: 440px; }\n\n    .qm-quote-text {\n      font-size: 1.28rem;\n      font-weight: 600;\n      line-height: 1.5;\n      margin-bottom: 14px;\n      z-index: 2;\n      text-shadow: 0 2px 8px rgba(0,0,0,0.4);\n      word-break: break-word;\n      color: #fff;\n    }\n\n    \/* \u09b2\u09c7\u0996\u0995\u09c7\u09b0 \u099b\u09ac\u09bf \u09a8\u09be\u09ae\u09c7\u09b0 \u0989\u09aa\u09b0\u09c7, \u09ae\u09be\u099d\u0996\u09be\u09a8\u09c7 *\/\n    .qm-author-info { display: flex; flex-direction: column; align-items: center; gap: 6px; z-index: 2; margin-top: 8px; }\n    .qm-author-img {\n      width: 64px; height: 64px; border-radius: 50%; object-fit: cover;\n      border: 2px solid rgba(255,255,255,0.8); display: none;\n    }\n    .qm-author-details { text-align: center; }\n    .qm-author-name {\n      font-size: 0.95rem; font-weight: 600;\n      text-shadow: 0 1px 4px rgba(0,0,0,0.45); color: #fff;\n    }\n    .qm-author-bio {\n      font-size: 0.75rem; opacity: 0.9; margin-top: 2px;\n      max-width: 240px; text-shadow: 0 1px 3px rgba(0,0,0,0.35); color: #fff;\n    }\n\n    .qm-border-none { border: none !important; }\n    .qm-border-thin { border: 3px solid rgba(255,255,255,0.75) !important; }\n    .qm-border-thick { border: 6px solid rgba(255,255,255,0.85) !important; }\n    .qm-border-double { border: 6px double rgba(255,255,255,0.9) !important; }\n    .qm-border-dashed { border: 4px dashed rgba(255,255,255,0.75) !important; }\n    .qm-border-glow {\n      border: 3px solid #fff !important;\n      box-shadow: 0 0 22px rgba(255,255,255,0.65), inset 0 0 18px rgba(255,255,255,0.2) !important;\n    }\n    .qm-border-gold {\n      border: 4px solid #f1c40f !important;\n      box-shadow: 0 0 16px rgba(241,196,15,0.55) !important;\n    }\n    .qm-border-neon {\n      border: 3px solid #00f5d4 !important;\n      box-shadow: 0 0 26px #00f5d4, inset 0 0 14px rgba(0,245,212,0.3) !important;\n    }\n    .qm-border-pink {\n      border: 4px solid #fd79a8 !important;\n      box-shadow: 0 0 20px rgba(253,121,168,0.6) !important;\n    }\n\n    @keyframes qm-fadeIn { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }\n    @keyframes qm-bounceIn {\n      0% { transform: scale(0.3); opacity: 0; } 50% { transform: scale(1.05); }\n      70% { transform: scale(0.92); } 100% { transform: scale(1); opacity: 1; }\n    }\n    @keyframes qm-glowPulse {\n      0%, 100% { text-shadow: 0 0 10px rgba(255,255,255,0.5); }\n      50% { text-shadow: 0 0 26px rgba(255,255,255,0.95), 0 0 42px #e84393; }\n    }\n    @keyframes qm-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }\n    @keyframes qm-shimmer {\n      0% { background-position: -200% center; } 100% { background-position: 200% center; }\n    }\n    @keyframes qm-rotateIn { from { transform: rotate(-10deg) scale(0.8); opacity: 0; } to { transform: rotate(0) scale(1); opacity: 1; } }\n    @keyframes qm-heartbeat {\n      0%, 100% { transform: scale(1); } 14% { transform: scale(1.1); }\n      28% { transform: scale(1); } 42% { transform: scale(1.1); } 70% { transform: scale(1); }\n    }\n    @keyframes qm-slideUp { from { transform: translateY(36px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\n    @keyframes qm-zoomIn { from { transform: scale(0.5); opacity: 0; } to { transform: scale(1); opacity: 1; } }\n    @keyframes qm-rainbow { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } }\n\n    .qm-anim-fade .qm-quote-text { animation: qm-fadeIn 1.2s ease forwards; }\n    .qm-anim-bounce .qm-quote-text { animation: qm-bounceIn 0.9s ease forwards; }\n    .qm-anim-glow .qm-quote-text { animation: qm-glowPulse 2s ease-in-out infinite; }\n    .qm-anim-float .qm-quote-text { animation: qm-float 3s ease-in-out infinite; }\n    .qm-anim-rotate .qm-quote-text { animation: qm-rotateIn 0.8s ease forwards; }\n    .qm-anim-heart .qm-quote-text { animation: qm-heartbeat 1.5s ease infinite; }\n    .qm-anim-slide .qm-quote-text { animation: qm-slideUp 0.9s ease forwards; }\n    .qm-anim-zoom .qm-quote-text { animation: qm-zoomIn 0.7s ease forwards; }\n    .qm-anim-rainbow .qm-quote-text { animation: qm-rainbow 4s linear infinite; }\n    .qm-anim-shimmer .qm-quote-text {\n      background: linear-gradient(90deg, #fff 0%, #fd79a8 50%, #fff 100%);\n      background-size: 200% auto; -webkit-background-clip: text; background-clip: text;\n      -webkit-text-fill-color: transparent; animation: qm-shimmer 3s linear infinite;\n    }\n\n    .qm-particles { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 1; }\n    .qm-particle {\n      position: absolute; width: 6px; height: 6px; background: rgba(255,255,255,0.65);\n      border-radius: 50%; animation: qm-particleFloat 6s linear infinite;\n    }\n    @keyframes qm-particleFloat {\n      0% { transform: translateY(100%) scale(0); opacity: 0; }\n      10% { opacity: 1; } 90% { opacity: 1; }\n      100% { transform: translateY(-20%) scale(1); opacity: 0; }\n    }\n\n    .qm-btn-row { display: flex; gap: 12px; margin-top: 22px; flex-wrap: wrap; }\n    .qm-btn {\n      flex: 1; min-width: 140px; padding: 13px 16px; border: none; border-radius: 12px;\n      font-family: inherit; font-size: 0.95rem; font-weight: 600; cursor: pointer;\n      transition: all 0.2s; display: flex; align-items: center; justify-content: center; gap: 8px;\n    }\n    .qm-btn-primary { background: linear-gradient(135deg, #5b4cdb, #7c6cf0); color: #fff; }\n    .qm-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(91, 76, 219, 0.35); }\n    .qm-btn-success { background: linear-gradient(135deg, #059669, #34d399); color: #fff; }\n    .qm-btn-success:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(5, 150, 105, 0.3); }\n    .qm-btn:disabled { opacity: 0.55; cursor: not-allowed; transform: none !important; }\n\n    .qm-color-row { display: flex; gap: 10px; margin-top: 6px; align-items: center; }\n    .qm-color-row input[type=\"color\"] {\n      width: 40px; height: 40px; border: 1px solid var(--qm-border);\n      border-radius: 8px; cursor: pointer; background: none; padding: 2px;\n    }\n\n    .qm-range-row { display: flex; align-items: center; gap: 12px; margin-top: 6px; }\n    .qm-range-row input[type=\"range\"] { flex: 1; accent-color: var(--qm-primary); }\n\n    .qm-text-white .qm-quote-text,\n    .qm-text-white .qm-author-name,\n    .qm-text-white .qm-author-bio { color: #ffffff; }\n\n    .qm-text-black .qm-quote-text,\n    .qm-text-black .qm-author-name,\n    .qm-text-black .qm-author-bio { color: #111111; text-shadow: none; }\n\n    .qm-text-gold .qm-quote-text { color: #f1c40f; }\n    .qm-text-gold .qm-author-name,\n    .qm-text-gold .qm-author-bio { color: #f9e79f; }\n\n    .qm-custom-preview {\n      width: 100%; height: 72px; border-radius: 10px;\n      background-size: cover; background-position: center;\n      margin-top: 10px; display: none; border: 2px solid var(--qm-primary);\n    }\n\n    .qm-hint {\n      font-size: 0.78rem; color: var(--qm-muted); text-align: center; margin: 10px 0 0;\n    }\n\n    \/* \u09b8\u09cd\u099f\u09bf\u0995\u09be\u09b0 (\u0987\u09ae\u09cb\u099c\u09bf + \u09b8\u09cd\u0995\u09c7\u099a) *\/\n    .qm-sticker {\n      position: absolute; z-index: 3; line-height: 1; cursor: grab;\n      transform: translate(-50%, -50%); touch-action: none; user-select: none;\n      -webkit-user-select: none; padding: 2px; border-radius: 6px;\n    }\n    .qm-sticker img { width: 1.1em; height: 1.1em; display: block; pointer-events: none; }\n    .qm-sticker.selected { outline: 2px dashed rgba(255,255,255,0.95); outline-offset: 2px; background: rgba(0,0,0,0.12); }\n    .qm-sticker:active { cursor: grabbing; }\n    .qm-stk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(42px, 1fr)); gap: 6px; margin-top: 6px; }\n    .qm-stk-item {\n      height: 42px; border-radius: 8px; background: #f9fafb; border: 1.5px solid var(--qm-border);\n      display: flex; align-items: center; justify-content: center; font-size: 1.35rem;\n      cursor: pointer; transition: all 0.2s; padding: 0;\n    }\n    .qm-stk-item img { width: 28px; height: 28px; }\n    .qm-stk-item:hover { border-color: var(--qm-primary); background: rgba(91,76,219,0.08); transform: scale(1.08); }\n    .qm-sketch-bg { background: #5b4cdb; }\n\n    .qm-toast {\n      position: fixed; bottom: 28px; left: 50%;\n      transform: translateX(-50%) translateY(120px);\n      background: var(--qm-success); color: #fff;\n      padding: 14px 28px; border-radius: 40px; font-weight: 600;\n      z-index: 99999; transition: transform 0.3s ease;\n      box-shadow: 0 10px 30px rgba(5,150,105,0.35); font-size: 0.95rem;\n    }\n    .qm-toast.show { transform: translateX(-50%) translateY(0); }\n\n    .qm-spinner {\n      width: 18px; height: 18px; border: 3px solid rgba(255,255,255,0.3);\n      border-top-color: #fff; border-radius: 50%;\n      animation: qm-spin 0.8s linear infinite;\n    }\n    @keyframes qm-spin { to { transform: rotate(360deg); } }\n\n    @media (max-width: 600px) {\n      .qm-bg-grid { grid-template-columns: repeat(5, 1fr); }\n      .qm-quote-text { font-size: 1.12rem; }\n      .qm-preview-box { padding: 14px; min-height: 320px; }\n      .qm-header { padding: 14px 16px; }\n      .qm-header h1 { font-size: 1.28rem; }\n      .qm-container { padding: 16px 12px 32px; gap: 16px; }\n    }\n  <\/style>\n\n\n<div class=\"qm-wrapper\" id=\"qm-app\">\n\n  <div class=\"qm-header\">\n    <div>\n      <h1 data-i18n=\"appTitle\">\u2728 Quote Maker<\/h1>\n      <p data-i18n=\"appSubtitle\">Create stunning quotes for Facebook Posts &amp; Reels<\/p>\n    <\/div>\n    <select class=\"qm-lang-select\" id=\"qm-langSelect\" title=\"Language\">\n      <option value=\"en\">English<\/option>\n      <option value=\"bn\">\u09ac\u09be\u0982\u09b2\u09be<\/option>\n      <option value=\"hi\">\u0939\u093f\u0928\u094d\u0926\u0940<\/option>\n      <option value=\"es\">Espa\u00f1ol<\/option>\n      <option value=\"ar\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/option>\n      <option value=\"ur\">\u0627\u0631\u062f\u0648<\/option>\n      <option value=\"fa\">\u0641\u0627\u0631\u0633\u06cc<\/option>\n    <\/select>\n  <\/div>\n\n  <div class=\"qm-container\">\n    <div class=\"qm-controls\">\n      <div class=\"qm-section-title\" data-i18n=\"secQuote\">1. Quote Text<\/div>\n\n      <label class=\"qm-label\" for=\"qm-quoteText\" data-i18n=\"lblQuote\">Your Quote<\/label>\n      <textarea class=\"qm-textarea\" id=\"qm-quoteText\" dir=\"auto\" data-i18n-placeholder=\"phQuote\" placeholder=\"Type your quote here...\">Life is a struggle, never stop moving forward.<\/textarea>\n\n      <label class=\"qm-label\" for=\"qm-authorName\" data-i18n=\"lblAuthor\">Author Name<\/label>\n      <input class=\"qm-input\" type=\"text\" id=\"qm-authorName\" dir=\"auto\" data-i18n-placeholder=\"phAuthor\" placeholder=\"Author name\" value=\"Anonymous\">\n\n      <label class=\"qm-label\" for=\"qm-authorBio\" data-i18n=\"lblBio\">Bio \/ Short Intro<\/label>\n      <input class=\"qm-input\" type=\"text\" id=\"qm-authorBio\" dir=\"auto\" data-i18n-placeholder=\"phBio\" placeholder=\"e.g. Writer, Motivational Speaker\">\n\n      <label class=\"qm-label\" data-i18n=\"lblAuthorImg\">Author Photo<\/label>\n      <div class=\"qm-file-wrap\">\n        <div class=\"qm-file-btn\">\ud83d\udcf7 <span data-i18n=\"btnChoosePhoto\">Choose Photo<\/span><\/div>\n        <input type=\"file\" id=\"qm-authorImage\" accept=\"image\/*\">\n      <\/div>\n      <div class=\"qm-author-row\" id=\"qm-authorRow\">\n        <img id=\"qm-authorPreview\" class=\"qm-author-preview\" alt=\"Author\">\n        <button type=\"button\" class=\"qm-remove-btn\" id=\"qm-removeAuthorBtn\">\n          \ud83d\uddd1\ufe0f <span data-i18n=\"btnRemovePhoto\">Remove Photo<\/span>\n        <\/button>\n      <\/div>\n\n      <div class=\"qm-section-title\" data-i18n=\"secSize\">2. Size<\/div>\n      <div class=\"qm-size-grid\">\n        <button type=\"button\" class=\"qm-size-btn active\" data-size=\"square\">\n          <span data-i18n=\"sizeSquare\">Square<\/span><small data-i18n=\"sizePost\">Post<\/small>\n        <\/button>\n        <button type=\"button\" class=\"qm-size-btn\" data-size=\"story\">\n          <span data-i18n=\"sizeStory\">Story \/ Reel<\/span><small>9:16<\/small>\n        <\/button>\n        <button type=\"button\" class=\"qm-size-btn\" data-size=\"landscape\">\n          <span data-i18n=\"sizeLandscape\">Landscape<\/span><small data-i18n=\"sizeFb\">Facebook<\/small>\n        <\/button>\n      <\/div>\n\n      <div class=\"qm-section-title\" data-i18n=\"secBg\">3. Background<\/div>\n      <div class=\"qm-tabs\">\n        <button type=\"button\" class=\"qm-tab active\" data-tab=\"colors\" data-i18n=\"tabColors\">Colors<\/button>\n        <button type=\"button\" class=\"qm-tab\" data-tab=\"images\" data-i18n=\"tabImages\">Images<\/button>\n        <button type=\"button\" class=\"qm-tab\" data-tab=\"custom\" data-i18n=\"tabCustom\">Custom<\/button>\n      <\/div>\n\n      <div class=\"qm-panel active\" id=\"qm-panel-colors\">\n        <div class=\"qm-bg-grid\" id=\"qm-bgGrid\"><\/div>\n        <label class=\"qm-label\" data-i18n=\"lblCustomColor\">Custom Color<\/label>\n        <div class=\"qm-color-row\">\n          <input type=\"color\" id=\"qm-customBg\" value=\"#5b4cdb\">\n          <span style=\"font-size:0.85rem;color:var(--qm-muted)\" data-i18n=\"pickColor\">Pick your own color<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"qm-panel\" id=\"qm-panel-images\">\n        <div class=\"qm-bg-grid\" id=\"qm-imgBgGrid\"><\/div>\n      <\/div>\n\n      <div class=\"qm-panel\" id=\"qm-panel-custom\">\n        <label class=\"qm-label\" data-i18n=\"lblUploadBg\">Upload Background Image<\/label>\n        <div class=\"qm-file-wrap\">\n          <div class=\"qm-file-btn\">\ud83d\uddbc\ufe0f <span data-i18n=\"btnUploadBg\">Upload from Device<\/span><\/div>\n          <input type=\"file\" id=\"qm-customBgImage\" accept=\"image\/*\">\n        <\/div>\n        <div class=\"qm-custom-preview\" id=\"qm-customBgPreview\"><\/div>\n      <\/div>\n\n      <div class=\"qm-section-title\" data-i18n=\"secBorder\">4. Border Style<\/div>\n      <div class=\"qm-border-grid\" id=\"qm-borderGrid\"><\/div>\n\n      <div class=\"qm-section-title\" data-i18n=\"secTextColor\">5. Text Color<\/div>\n      <div class=\"qm-size-grid\">\n        <button type=\"button\" class=\"qm-size-btn active\" data-color=\"white\" data-i18n=\"colorWhite\">White<\/button>\n        <button type=\"button\" class=\"qm-size-btn\" data-color=\"black\" data-i18n=\"colorBlack\">Black<\/button>\n        <button type=\"button\" class=\"qm-size-btn\" data-color=\"gold\" data-i18n=\"colorGold\">Gold<\/button>\n      <\/div>\n\n      <label class=\"qm-label\" data-i18n=\"lblFontSize\">Font Size<\/label>\n      <div class=\"qm-range-row\">\n        <input type=\"range\" id=\"qm-fontSize\" min=\"14\" max=\"42\" value=\"22\">\n        <span id=\"qm-fontSizeVal\" style=\"font-size:0.85rem;color:var(--qm-muted);min-width:40px;\">22px<\/span>\n      <\/div>\n\n      <div class=\"qm-section-title\" data-i18n=\"secFont\">6. Font Style<\/div>\n      <div class=\"qm-font-grid\" id=\"qm-fontGrid\"><\/div>\n\n      <div class=\"qm-section-title\" data-i18n=\"secEffects\">7. Animated Effects<\/div>\n      <div class=\"qm-effect-grid\" id=\"qm-effectGrid\"><\/div>\n\n      <div class=\"qm-section-title\" data-i18n=\"secSticker\">8. Stickers (optional)<\/div>\n      <label class=\"qm-label\" data-i18n=\"stkEmoji\">Emoji<\/label>\n      <div class=\"qm-stk-grid\" id=\"qm-emojiGrid\"><\/div>\n      <label class=\"qm-label\" data-i18n=\"stkSketch\">Sketch<\/label>\n      <div class=\"qm-stk-grid\" id=\"qm-sketchGrid\"><\/div>\n      <label class=\"qm-label\" data-i18n=\"lblStkSize\">Sticker Size<\/label>\n      <div class=\"qm-range-row\">\n        <input type=\"range\" id=\"qm-stkSize\" min=\"18\" max=\"120\" value=\"48\">\n        <span id=\"qm-stkSizeVal\" style=\"font-size:0.85rem;color:var(--qm-muted);min-width:40px;\">48px<\/span>\n      <\/div>\n      <div class=\"qm-size-grid\">\n        <button type=\"button\" class=\"qm-size-btn\" id=\"qm-stkDelete\" data-i18n=\"btnStkDelete\">Delete Selected<\/button>\n        <button type=\"button\" class=\"qm-size-btn\" id=\"qm-stkClear\" data-i18n=\"btnStkClear\">Clear All<\/button>\n      <\/div>\n      <p class=\"qm-hint\" data-i18n=\"stkHint\">Tap to add, drag on the card to move<\/p>\n\n      <div class=\"qm-btn-row\">\n        <button type=\"button\" class=\"qm-btn qm-btn-primary\" id=\"qm-downloadBtn\">\n          \ud83d\udce5 <span data-i18n=\"btnDownload\">Download Image<\/span>\n        <\/button>\n        <button type=\"button\" class=\"qm-btn qm-btn-success\" id=\"qm-downloadStoryBtn\">\n          \ud83c\udfac <span data-i18n=\"btnReel\">Reel \/ Story Size<\/span>\n        <\/button>\n      <\/div>\n      <p class=\"qm-hint\" data-i18n=\"downloadHint\">Download the image and use it for Facebook Posts or Reels<\/p>\n    <\/div>\n\n    <div class=\"qm-preview-col\">\n      <div class=\"qm-section-title\" style=\"margin-top:0;\" data-i18n=\"secPreview\">Live Preview<\/div>\n      <div class=\"qm-preview-box\">\n        <div id=\"qm-quoteCard\" class=\"qm-border-thin qm-text-white qm-anim-fade\">\n          <div class=\"qm-particles\" id=\"qm-particles\"><\/div>\n          <div class=\"qm-quote-text\" id=\"qm-previewQuote\" dir=\"auto\">Life is a struggle, never stop moving forward.<\/div>\n          <div class=\"qm-author-info\">\n            <img id=\"qm-previewAuthorImg\" class=\"qm-author-img\" alt=\"\">\n            <div class=\"qm-author-details\">\n              <div class=\"qm-author-name\" id=\"qm-previewAuthor\" dir=\"auto\">Anonymous<\/div>\n              <div class=\"qm-author-bio\" id=\"qm-previewBio\" dir=\"auto\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <p class=\"qm-hint\" data-i18n=\"previewHint\">Changes update the preview instantly<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"qm-toast\" id=\"qm-toast\">Download complete! \u2705<\/div>\n<\/div>\n\n<script>\n(function() {\n  const translations = {\n    en: {\n      appTitle: \"\u2728 Quote Maker\", appSubtitle: \"Create stunning quotes for Facebook Posts & Reels\",\n      secQuote: \"1. Quote Text\", lblQuote: \"Your Quote\", phQuote: \"Type your quote here...\",\n      lblAuthor: \"Author Name\", phAuthor: \"Author name\", lblBio: \"Bio \/ Short Intro\",\n      phBio: \"e.g. Writer, Motivational Speaker\", lblAuthorImg: \"Author Photo\", btnChoosePhoto: \"Choose Photo\",\n      btnRemovePhoto: \"Remove Photo\",\n      secSize: \"2. Size\", sizeSquare: \"Square\", sizePost: \"Post\", sizeStory: \"Story \/ Reel\",\n      sizeLandscape: \"Landscape\", sizeFb: \"Facebook\", secBg: \"3. Background\",\n      tabColors: \"Colors\", tabImages: \"Images\", tabCustom: \"Custom\",\n      lblCustomColor: \"Custom Color\", pickColor: \"Pick your own color\",\n      lblUploadBg: \"Upload Background Image\", btnUploadBg: \"Upload from Device\",\n      secBorder: \"4. Border Style\",\n      secTextColor: \"5. Text Color\", colorWhite: \"White\", colorBlack: \"Black\", colorGold: \"Gold\",\n      lblFontSize: \"Font Size\", secFont: \"6. Font Style\", fontDefault: \"Default\", fontSample: \"Quote Aa\",\n      secEffects: \"7. Animated Effects\",\n      sampleQuote: \"Life is a struggle, never stop moving forward.\", sampleAuthor: \"Anonymous\",\n      btnDownload: \"Download Image\", btnReel: \"Reel \/ Story Size\",\n      downloadHint: \"Download the image and use it for Facebook Posts or Reels\",\n      secPreview: \"Live Preview\", previewHint: \"Changes update the preview instantly\",\n      toastDone: \"Download complete! \u2705\", toastReel: \"Reel\/Story image downloaded! \ud83c\udfac\",\n      toastPost: \"Post image downloaded! \ud83d\udce5\", toastError: \"Download failed. Please try again.\",\n      borderNone: \"None\", borderThin: \"Thin\", borderThick: \"Thick\", borderDouble: \"Double\",\n      borderDashed: \"Dashed\", borderGlow: \"Glow\", borderGold: \"Gold\", borderNeon: \"Neon\", borderPink: \"Pink\",\n      efFade: \"Fade In\", efBounce: \"Bounce\", efGlow: \"Glow\", efFloat: \"Float\", efRotate: \"Rotate\",\n      efHeart: \"Heartbeat\", efSlide: \"Slide\", efZoom: \"Zoom\", efShimmer: \"Shimmer\", efRainbow: \"Rainbow\",\n      efNone: \"None\", efParticles: \"Particles\", processing: \"Processing...\"\n    },\n    bn: {\n      appTitle: \"\u2728 \u09ac\u09be\u09a3\u09c0 \u09ae\u09c7\u0995\u09be\u09b0\", appSubtitle: \"Facebook \u09aa\u09cb\u09b8\u09cd\u099f \u0993 \u09b0\u09bf\u09b2\u09b8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u0986\u0995\u09b0\u09cd\u09b7\u09a3\u09c0\u09af\u09bc \u09ac\u09be\u09a3\u09c0 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c1\u09a8\",\n      secQuote: \"\u09e7. \u09ac\u09be\u09a3\u09c0\u09b0 \u09b2\u09c7\u0996\u09be\", lblQuote: \"\u0986\u09aa\u09a8\u09be\u09b0 \u09ac\u09be\u09a3\u09c0\", phQuote: \"\u098f\u0996\u09be\u09a8\u09c7 \u09ac\u09be\u09a3\u09c0 \u09b2\u09bf\u0996\u09c1\u09a8...\",\n      lblAuthor: \"\u09b0\u099a\u09af\u09bc\u09bf\u09a4\u09be\u09b0 \u09a8\u09be\u09ae\", phAuthor: \"\u09a8\u09be\u09ae \u09b2\u09bf\u0996\u09c1\u09a8\", lblBio: \"\u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf \/ \u099b\u09cb\u099f \u09aa\u09b0\u09bf\u099a\u09af\u09bc\",\n      phBio: \"\u09af\u09c7\u09ae\u09a8: \u0995\u09ac\u09bf, \u09b2\u09c7\u0996\u0995, \u0985\u09a8\u09c1\u09aa\u09cd\u09b0\u09c7\u09b0\u09a3\u09be\u09ae\u09c2\u09b2\u0995 \u09ac\u0995\u09cd\u09a4\u09be\", lblAuthorImg: \"\u09b0\u099a\u09af\u09bc\u09bf\u09a4\u09be\u09b0 \u099b\u09ac\u09bf\", btnChoosePhoto: \"\u099b\u09ac\u09bf \u09ac\u09c7\u099b\u09c7 \u09a8\u09bf\u09a8\",\n      btnRemovePhoto: \"\u099b\u09ac\u09bf \u09b8\u09b0\u09be\u09a8\",\n      secSize: \"\u09e8. \u09b8\u09be\u0987\u099c\", sizeSquare: \"\u09ac\u09b0\u09cd\u0997\u09be\u0995\u09be\u09b0\", sizePost: \"\u09aa\u09cb\u09b8\u09cd\u099f\", sizeStory: \"\u09b8\u09cd\u099f\u09cb\u09b0\u09bf \/ \u09b0\u09bf\u09b2\",\n      sizeLandscape: \"\u09b2\u09cd\u09af\u09be\u09a8\u09cd\u09a1\u09b8\u09cd\u0995\u09c7\u09aa\", sizeFb: \"\u09ab\u09c7\u09b8\u09ac\u09c1\u0995\", secBg: \"\u09e9. \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1\",\n      tabColors: \"\u09b0\u0982\", tabImages: \"\u099b\u09ac\u09bf\", tabCustom: \"\u0995\u09be\u09b8\u09cd\u099f\u09ae\",\n      lblCustomColor: \"\u0995\u09be\u09b8\u09cd\u099f\u09ae \u0995\u09be\u09b2\u09be\u09b0\", pickColor: \"\u09a8\u09bf\u099c\u09c7\u09b0 \u09b0\u0982 \u09ac\u09c7\u099b\u09c7 \u09a8\u09bf\u09a8\",\n      lblUploadBg: \"\u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u099b\u09ac\u09bf \u0986\u09aa\u09b2\u09cb\u09a1\", btnUploadBg: \"\u09a1\u09bf\u09ad\u09be\u0987\u09b8 \u09a5\u09c7\u0995\u09c7 \u0986\u09aa\u09b2\u09cb\u09a1\",\n      secBorder: \"\u09ea. \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u09b8\u09cd\u099f\u09be\u0987\u09b2\",\n      secTextColor: \"\u09eb. \u099f\u09c7\u0995\u09cd\u09b8\u099f \u0995\u09be\u09b2\u09be\u09b0\", colorWhite: \"\u09b8\u09be\u09a6\u09be\", colorBlack: \"\u0995\u09be\u09b2\u09cb\", colorGold: \"\u09b8\u09cb\u09a8\u09be\u09b2\u09c0\",\n      lblFontSize: \"\u09ab\u09a8\u09cd\u099f \u09b8\u09be\u0987\u099c\", secFont: \"\u09ec. \u09ab\u09a8\u09cd\u099f \u09b8\u09cd\u099f\u09be\u0987\u09b2\", fontDefault: \"\u09a1\u09bf\u09ab\u09b2\u09cd\u099f\", fontSample: \"\u09ac\u09be\u0982\u09b2\u09be \u09ac\u09be\u09a3\u09c0 Aa\",\n      secEffects: \"\u09ed. \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u099f\u09c7\u09a1 \u0987\u09ab\u09c7\u0995\u09cd\u099f\",\n      sampleQuote: \"\u099c\u09c0\u09ac\u09a8 \u098f\u0995\u099f\u09bf \u09b8\u0982\u0997\u09cd\u09b0\u09be\u09ae, \u0995\u0996\u09a8\u09cb \u09a5\u09c7\u09ae\u09cb \u09a8\u09be, \u098f\u0997\u09bf\u09af\u09bc\u09c7 \u099a\u09b2\u09cb\u0964\", sampleAuthor: \"\u0985\u099c\u09cd\u099e\u09be\u09a4\",\n      btnDownload: \"\u0987\u09ae\u09c7\u099c \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1\", btnReel: \"\u09b0\u09bf\u09b2 \/ \u09b8\u09cd\u099f\u09cb\u09b0\u09bf \u09b8\u09be\u0987\u099c\",\n      downloadHint: \"\u0987\u09ae\u09c7\u099c \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1 \u0995\u09b0\u09c7 Facebook \u09aa\u09cb\u09b8\u09cd\u099f \u09ac\u09be \u09b0\u09bf\u09b2\u09b8\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\",\n      secPreview: \"\u09b2\u09be\u0987\u09ad \u09aa\u09cd\u09b0\u09bf\u09ad\u09bf\u0989\", previewHint: \"\u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09b2\u09c7 \u09b8\u09be\u09a5\u09c7 \u09b8\u09be\u09a5\u09c7 \u09aa\u09cd\u09b0\u09bf\u09ad\u09bf\u0989 \u0986\u09aa\u09a1\u09c7\u099f \u09b9\u09ac\u09c7\",\n      toastDone: \"\u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1 \u09b8\u09ae\u09cd\u09aa\u09a8\u09cd\u09a8! \u2705\", toastReel: \"\u09b0\u09bf\u09b2\/\u09b8\u09cd\u099f\u09cb\u09b0\u09bf \u0987\u09ae\u09c7\u099c \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1 \u09b9\u09af\u09bc\u09c7\u099b\u09c7! \ud83c\udfac\",\n      toastPost: \"\u09aa\u09cb\u09b8\u09cd\u099f \u0987\u09ae\u09c7\u099c \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1 \u09b9\u09af\u09bc\u09c7\u099b\u09c7! \ud83d\udce5\", toastError: \"\u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1\u09c7 \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09b9\u09af\u09bc\u09c7\u099b\u09c7\u0964 \u0986\u09ac\u09be\u09b0 \u099a\u09c7\u09b7\u09cd\u099f\u09be \u0995\u09b0\u09c1\u09a8\u0964\",\n      borderNone: \"\u09a8\u09c7\u0987\", borderThin: \"\u09aa\u09be\u09a4\u09b2\u09be\", borderThick: \"\u09ae\u09cb\u099f\u09be\", borderDouble: \"\u09a1\u09be\u09ac\u09b2\",\n      borderDashed: \"\u09a1\u09cd\u09af\u09be\u09b6\", borderGlow: \"\u0997\u09cd\u09b2\u09cb\", borderGold: \"\u0997\u09cb\u09b2\u09cd\u09a1\", borderNeon: \"\u09a8\u09bf\u09af\u09bc\u09a8\", borderPink: \"\u09aa\u09bf\u0982\u0995\",\n      efFade: \"\u09ab\u09c7\u09a1 \u0987\u09a8\", efBounce: \"\u09ac\u09be\u0989\u09a8\u09cd\u09b8\", efGlow: \"\u0997\u09cd\u09b2\u09cb\", efFloat: \"\u09ab\u09cd\u09b2\u09cb\u099f\", efRotate: \"\u09b0\u09cb\u099f\u09c7\u099f\",\n      efHeart: \"\u09b9\u09be\u09b0\u09cd\u099f\u09ac\u09bf\u099f\", efSlide: \"\u09b8\u09cd\u09b2\u09be\u0987\u09a1\", efZoom: \"\u099c\u09c1\u09ae\", efShimmer: \"\u09b6\u09bf\u09ae\u09be\u09b0\", efRainbow: \"\u09b0\u09c7\u0987\u09a8\u09ac\u09cb\",\n      efNone: \"\u0995\u09cb\u09a8\u09cb \u09a8\u09be\", efParticles: \"\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u0995\u09c7\u09b2\", processing: \"\u09aa\u09cd\u09b0\u09b8\u09c7\u09b8\u09bf\u0982...\"\n    },\n    hi: {\n      appTitle: \"\u2728 \u0915\u094b\u091f \u092e\u0947\u0915\u0930\", appSubtitle: \"Facebook \u092a\u094b\u0938\u094d\u091f \u0914\u0930 \u0930\u0940\u0932\u094d\u0938 \u0915\u0947 \u0932\u093f\u090f \u0936\u093e\u0928\u0926\u093e\u0930 \u0915\u094b\u091f \u092c\u0928\u093e\u090f\u0902\",\n      secQuote: \"1. \u0915\u094b\u091f \u091f\u0947\u0915\u094d\u0938\u094d\u091f\", lblQuote: \"\u0906\u092a\u0915\u093e \u0915\u094b\u091f\", phQuote: \"\u092f\u0939\u093e\u0901 \u0905\u092a\u0928\u093e \u0915\u094b\u091f \u0932\u093f\u0916\u0947\u0902...\",\n      lblAuthor: \"\u0932\u0947\u0916\u0915 \u0915\u093e \u0928\u093e\u092e\", phAuthor: \"\u0928\u093e\u092e \u0932\u093f\u0916\u0947\u0902\", lblBio: \"\u092c\u093e\u092f\u094b \/ \u0938\u0902\u0915\u094d\u0937\u093f\u092a\u094d\u0924 \u092a\u0930\u093f\u091a\u092f\",\n      phBio: \"\u091c\u0948\u0938\u0947: \u0932\u0947\u0916\u0915, \u092a\u094d\u0930\u0947\u0930\u0915 \u0935\u0915\u094d\u0924\u093e\", lblAuthorImg: \"\u0932\u0947\u0916\u0915 \u0915\u0940 \u092b\u094b\u091f\u094b\", btnChoosePhoto: \"\u092b\u094b\u091f\u094b \u091a\u0941\u0928\u0947\u0902\",\n      btnRemovePhoto: \"\u092b\u094b\u091f\u094b \u0939\u091f\u093e\u090f\u0902\",\n      secSize: \"2. \u0938\u093e\u0907\u091c\", sizeSquare: \"\u0938\u094d\u0915\u094d\u0935\u093e\u092f\u0930\", sizePost: \"\u092a\u094b\u0938\u094d\u091f\", sizeStory: \"\u0938\u094d\u091f\u094b\u0930\u0940 \/ \u0930\u0940\u0932\",\n      sizeLandscape: \"\u0932\u0948\u0902\u0921\u0938\u094d\u0915\u0947\u092a\", sizeFb: \"\u092b\u0947\u0938\u092c\u0941\u0915\", secBg: \"3. \u092c\u0948\u0915\u0917\u094d\u0930\u093e\u0909\u0902\u0921\",\n      tabColors: \"\u0930\u0902\u0917\", tabImages: \"\u0907\u092e\u0947\u091c\", tabCustom: \"\u0915\u0938\u094d\u091f\u092e\",\n      lblCustomColor: \"\u0915\u0938\u094d\u091f\u092e \u0915\u0932\u0930\", pickColor: \"\u0905\u092a\u0928\u093e \u0930\u0902\u0917 \u091a\u0941\u0928\u0947\u0902\",\n      lblUploadBg: \"\u092c\u0948\u0915\u0917\u094d\u0930\u093e\u0909\u0902\u0921 \u0907\u092e\u0947\u091c \u0905\u092a\u0932\u094b\u0921\", btnUploadBg: \"\u0921\u093f\u0935\u093e\u0907\u0938 \u0938\u0947 \u0905\u092a\u0932\u094b\u0921\",\n      secBorder: \"4. \u092c\u0949\u0930\u094d\u0921\u0930 \u0938\u094d\u091f\u093e\u0907\u0932\",\n      secTextColor: \"5. \u091f\u0947\u0915\u094d\u0938\u094d\u091f \u0915\u0932\u0930\", colorWhite: \"\u0938\u092b\u0947\u0926\", colorBlack: \"\u0915\u093e\u0932\u093e\", colorGold: \"\u0917\u094b\u0932\u094d\u0921\",\n      lblFontSize: \"\u092b\u0949\u0928\u094d\u091f \u0938\u093e\u0907\u091c\", secFont: \"6. \u092b\u0949\u0928\u094d\u091f \u0938\u094d\u091f\u093e\u0907\u0932\", fontDefault: \"\u0921\u093f\u092b\u093c\u0949\u0932\u094d\u091f\", fontSample: \"\u0938\u0941\u0935\u093f\u091a\u093e\u0930 \u0905\u0906\",\n      secEffects: \"7. \u090f\u0928\u093f\u092e\u0947\u091f\u0947\u0921 \u0907\u092b\u0947\u0915\u094d\u091f\",\n      sampleQuote: \"\u091c\u0940\u0935\u0928 \u090f\u0915 \u0938\u0902\u0918\u0930\u094d\u0937 \u0939\u0948, \u0915\u092d\u0940 \u0930\u0941\u0915\u094b \u092e\u0924, \u0906\u0917\u0947 \u092c\u0922\u093c\u0924\u0947 \u0930\u0939\u094b\u0964\", sampleAuthor: \"\u0905\u091c\u094d\u091e\u093e\u0924\",\n      btnDownload: \"\u0907\u092e\u0947\u091c \u0921\u093e\u0909\u0928\u0932\u094b\u0921\", btnReel: \"\u0930\u0940\u0932 \/ \u0938\u094d\u091f\u094b\u0930\u0940 \u0938\u093e\u0907\u091c\",\n      downloadHint: \"\u0907\u092e\u0947\u091c \u0921\u093e\u0909\u0928\u0932\u094b\u0921 \u0915\u0930\u0915\u0947 Facebook \u092a\u094b\u0938\u094d\u091f \u092f\u093e \u0930\u0940\u0932\u094d\u0938 \u092e\u0947\u0902 \u0907\u0938\u094d\u0924\u0947\u092e\u093e\u0932 \u0915\u0930\u0947\u0902\",\n      secPreview: \"\u0932\u093e\u0907\u0935 \u092a\u094d\u0930\u0940\u0935\u094d\u092f\u0942\", previewHint: \"\u092c\u0926\u0932\u093e\u0935 \u0924\u0941\u0930\u0902\u0924 \u092a\u094d\u0930\u0940\u0935\u094d\u092f\u0942 \u092e\u0947\u0902 \u0926\u093f\u0916\u0947\u0902\u0917\u0947\",\n      toastDone: \"\u0921\u093e\u0909\u0928\u0932\u094b\u0921 \u092a\u0942\u0930\u093e! \u2705\", toastReel: \"\u0930\u0940\u0932\/\u0938\u094d\u091f\u094b\u0930\u0940 \u0907\u092e\u0947\u091c \u0921\u093e\u0909\u0928\u0932\u094b\u0921 \u0939\u094b \u0917\u0908! \ud83c\udfac\",\n      toastPost: \"\u092a\u094b\u0938\u094d\u091f \u0907\u092e\u0947\u091c \u0921\u093e\u0909\u0928\u0932\u094b\u0921 \u0939\u094b \u0917\u0908! \ud83d\udce5\", toastError: \"\u0921\u093e\u0909\u0928\u0932\u094b\u0921 \u092e\u0947\u0902 \u0938\u092e\u0938\u094d\u092f\u093e\u0964 \u092b\u093f\u0930 \u0915\u094b\u0936\u093f\u0936 \u0915\u0930\u0947\u0902\u0964\",\n      borderNone: \"\u0915\u094b\u0908 \u0928\u0939\u0940\u0902\", borderThin: \"\u092a\u0924\u0932\u093e\", borderThick: \"\u092e\u094b\u091f\u093e\", borderDouble: \"\u0921\u092c\u0932\",\n      borderDashed: \"\u0921\u0948\u0936\", borderGlow: \"\u0917\u094d\u0932\u094b\", borderGold: \"\u0917\u094b\u0932\u094d\u0921\", borderNeon: \"\u0928\u093f\u092f\u0949\u0928\", borderPink: \"\u092a\u093f\u0902\u0915\",\n      efFade: \"\u092b\u0947\u0921 \u0907\u0928\", efBounce: \"\u092c\u093e\u0909\u0902\u0938\", efGlow: \"\u0917\u094d\u0932\u094b\", efFloat: \"\u092b\u094d\u0932\u094b\u091f\", efRotate: \"\u0930\u094b\u091f\u0947\u091f\",\n      efHeart: \"\u0939\u093e\u0930\u094d\u091f\u092c\u0940\u091f\", efSlide: \"\u0938\u094d\u0932\u093e\u0907\u0921\", efZoom: \"\u091c\u0942\u092e\", efShimmer: \"\u0936\u093f\u092e\u0930\", efRainbow: \"\u0930\u0947\u0928\u092c\u094b\",\n      efNone: \"\u0915\u094b\u0908 \u0928\u0939\u0940\u0902\", efParticles: \"\u092a\u093e\u0930\u094d\u091f\u093f\u0915\u0932\u094d\u0938\", processing: \"\u092a\u094d\u0930\u094b\u0938\u0947\u0938\u093f\u0902\u0917...\"\n    },\n    es: {\n      appTitle: \"\u2728 Creador de Citas\", appSubtitle: \"Crea citas impresionantes para Posts y Reels de Facebook\",\n      secQuote: \"1. Texto de la cita\", lblQuote: \"Tu cita\", phQuote: \"Escribe tu cita aqu\u00ed...\",\n      lblAuthor: \"Nombre del autor\", phAuthor: \"Nombre del autor\", lblBio: \"Bio \/ Presentaci\u00f3n corta\",\n      phBio: \"ej. Escritor, Orador motivacional\", lblAuthorImg: \"Foto del autor\", btnChoosePhoto: \"Elegir foto\",\n      btnRemovePhoto: \"Quitar foto\",\n      secSize: \"2. Tama\u00f1o\", sizeSquare: \"Cuadrado\", sizePost: \"Post\", sizeStory: \"Historia \/ Reel\",\n      sizeLandscape: \"Horizontal\", sizeFb: \"Facebook\", secBg: \"3. Fondo\",\n      tabColors: \"Colores\", tabImages: \"Im\u00e1genes\", tabCustom: \"Personalizado\",\n      lblCustomColor: \"Color personalizado\", pickColor: \"Elige tu color\",\n      lblUploadBg: \"Subir imagen de fondo\", btnUploadBg: \"Subir desde el dispositivo\",\n      secBorder: \"4. Estilo de borde\",\n      secTextColor: \"5. Color del texto\", colorWhite: \"Blanco\", colorBlack: \"Negro\", colorGold: \"Dorado\",\n      lblFontSize: \"Tama\u00f1o de fuente\", secFont: \"6. Estilo de fuente\", fontDefault: \"Predeterminada\", fontSample: \"Cita \u00c1\u00e1\",\n      secEffects: \"7. Efectos animados\",\n      sampleQuote: \"La vida es una lucha, nunca dejes de avanzar.\", sampleAuthor: \"An\u00f3nimo\",\n      btnDownload: \"Descargar imagen\", btnReel: \"Tama\u00f1o Reel \/ Historia\",\n      downloadHint: \"Descarga la imagen y \u00fasala en Posts o Reels de Facebook\",\n      secPreview: \"Vista previa en vivo\", previewHint: \"Los cambios se actualizan al instante\",\n      toastDone: \"\u00a1Descarga completa! \u2705\", toastReel: \"\u00a1Imagen de Reel\/Historia descargada! \ud83c\udfac\",\n      toastPost: \"\u00a1Imagen de Post descargada! \ud83d\udce5\", toastError: \"Error al descargar. Int\u00e9ntalo de nuevo.\",\n      borderNone: \"Ninguno\", borderThin: \"Fino\", borderThick: \"Grueso\", borderDouble: \"Doble\",\n      borderDashed: \"Discontinuo\", borderGlow: \"Brillo\", borderGold: \"Dorado\", borderNeon: \"Ne\u00f3n\", borderPink: \"Rosa\",\n      efFade: \"Desvanecer\", efBounce: \"Rebote\", efGlow: \"Brillo\", efFloat: \"Flotar\", efRotate: \"Rotar\",\n      efHeart: \"Latido\", efSlide: \"Deslizar\", efZoom: \"Zoom\", efShimmer: \"Brillo\", efRainbow: \"Arco\u00edris\",\n      efNone: \"Ninguno\", efParticles: \"Part\u00edculas\", processing: \"Procesando...\"\n    },\n    ar: {\n      appTitle: \"\u2728 \u0635\u0627\u0646\u0639 \u0627\u0644\u0627\u0642\u062a\u0628\u0627\u0633\u0627\u062a\", appSubtitle: \"\u0623\u0646\u0634\u0626 \u0627\u0642\u062a\u0628\u0627\u0633\u0627\u062a \u0631\u0627\u0626\u0639\u0629 \u0644\u0645\u0646\u0634\u0648\u0631\u0627\u062a \u0648\u0631\u064a\u0644\u0632 \u0641\u064a\u0633\u0628\u0648\u0643\",\n      secQuote: \"1. \u0646\u0635 \u0627\u0644\u0627\u0642\u062a\u0628\u0627\u0633\", lblQuote: \"\u0627\u0642\u062a\u0628\u0627\u0633\u0643\", phQuote: \"\u0627\u0643\u062a\u0628 \u0627\u0642\u062a\u0628\u0627\u0633\u0643 \u0647\u0646\u0627...\",\n      lblAuthor: \"\u0627\u0633\u0645 \u0627\u0644\u0645\u0624\u0644\u0641\", phAuthor: \"\u0627\u0633\u0645 \u0627\u0644\u0645\u0624\u0644\u0641\", lblBio: \"\u0646\u0628\u0630\u0629 \/ \u0645\u0642\u062f\u0645\u0629 \u0642\u0635\u064a\u0631\u0629\",\n      phBio: \"\u0645\u062b\u0627\u0644: \u0643\u0627\u062a\u0628\u060c \u0645\u062a\u062d\u062f\u062b \u062a\u062d\u0641\u064a\u0632\u064a\", lblAuthorImg: \"\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0624\u0644\u0641\", btnChoosePhoto: \"\u0627\u062e\u062a\u0631 \u0635\u0648\u0631\u0629\",\n      btnRemovePhoto: \"\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0635\u0648\u0631\u0629\",\n      secSize: \"2. \u0627\u0644\u062d\u062c\u0645\", sizeSquare: \"\u0645\u0631\u0628\u0639\", sizePost: \"\u0645\u0646\u0634\u0648\u0631\", sizeStory: \"\u0642\u0635\u0629 \/ \u0631\u064a\u0644\",\n      sizeLandscape: \"\u0623\u0641\u0642\u064a\", sizeFb: \"\u0641\u064a\u0633\u0628\u0648\u0643\", secBg: \"3. \u0627\u0644\u062e\u0644\u0641\u064a\u0629\",\n      tabColors: \"\u0623\u0644\u0648\u0627\u0646\", tabImages: \"\u0635\u0648\u0631\", tabCustom: \"\u0645\u062e\u0635\u0635\",\n      lblCustomColor: \"\u0644\u0648\u0646 \u0645\u062e\u0635\u0635\", pickColor: \"\u0627\u062e\u062a\u0631 \u0644\u0648\u0646\u0643\",\n      lblUploadBg: \"\u0631\u0641\u0639 \u0635\u0648\u0631\u0629 \u062e\u0644\u0641\u064a\u0629\", btnUploadBg: \"\u0631\u0641\u0639 \u0645\u0646 \u0627\u0644\u062c\u0647\u0627\u0632\",\n      secBorder: \"4. \u0646\u0645\u0637 \u0627\u0644\u062d\u062f\u0648\u062f\",\n      secTextColor: \"5. \u0644\u0648\u0646 \u0627\u0644\u0646\u0635\", colorWhite: \"\u0623\u0628\u064a\u0636\", colorBlack: \"\u0623\u0633\u0648\u062f\", colorGold: \"\u0630\u0647\u0628\u064a\",\n      lblFontSize: \"\u062d\u062c\u0645 \u0627\u0644\u062e\u0637\", secFont: \"6. \u0646\u0645\u0637 \u0627\u0644\u062e\u0637\", fontDefault: \"\u0627\u0641\u062a\u0631\u0627\u0636\u064a\", fontSample: \"\u0627\u0642\u062a\u0628\u0627\u0633 \u0623\u0628\",\n      secEffects: \"7. \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0645\u062a\u062d\u0631\u0643\u0629\",\n      sampleQuote: \"\u0627\u0644\u062d\u064a\u0627\u0629 \u0643\u0641\u0627\u062d\u060c \u0644\u0627 \u062a\u062a\u0648\u0642\u0641 \u0623\u0628\u062f\u0627\u064b \u0639\u0646 \u0627\u0644\u0645\u0636\u064a \u0642\u062f\u0645\u0627\u064b.\", sampleAuthor: \"\u0645\u062c\u0647\u0648\u0644\",\n      btnDownload: \"\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0648\u0631\u0629\", btnReel: \"\u062d\u062c\u0645 \u0627\u0644\u0631\u064a\u0644 \/ \u0627\u0644\u0642\u0635\u0629\",\n      downloadHint: \"\u062d\u0645\u0651\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u0627\u0633\u062a\u062e\u062f\u0645\u0647\u0627 \u0641\u064a \u0645\u0646\u0634\u0648\u0631\u0627\u062a \u0623\u0648 \u0631\u064a\u0644\u0632 \u0641\u064a\u0633\u0628\u0648\u0643\",\n      secPreview: \"\u0645\u0639\u0627\u064a\u0646\u0629 \u0645\u0628\u0627\u0634\u0631\u0629\", previewHint: \"\u0627\u0644\u062a\u063a\u064a\u064a\u0631\u0627\u062a \u062a\u0638\u0647\u0631 \u0641\u0648\u0631\u0627\u064b \u0641\u064a \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629\",\n      toastDone: \"\u0627\u0643\u062a\u0645\u0644 \u0627\u0644\u062a\u062d\u0645\u064a\u0644! \u2705\", toastReel: \"\u062a\u0645 \u062a\u062d\u0645\u064a\u0644 \u0635\u0648\u0631\u0629 \u0627\u0644\u0631\u064a\u0644\/\u0627\u0644\u0642\u0635\u0629! \ud83c\udfac\",\n      toastPost: \"\u062a\u0645 \u062a\u062d\u0645\u064a\u0644 \u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0646\u0634\u0648\u0631! \ud83d\udce5\", toastError: \"\u0641\u0634\u0644 \u0627\u0644\u062a\u062d\u0645\u064a\u0644. \u062d\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.\",\n      borderNone: \"\u0628\u062f\u0648\u0646\", borderThin: \"\u0631\u0641\u064a\u0639\", borderThick: \"\u0633\u0645\u064a\u0643\", borderDouble: \"\u0645\u0632\u062f\u0648\u062c\",\n      borderDashed: \"\u0645\u062a\u0642\u0637\u0639\", borderGlow: \"\u062a\u0648\u0647\u062c\", borderGold: \"\u0630\u0647\u0628\u064a\", borderNeon: \"\u0646\u064a\u0648\u0646\", borderPink: \"\u0648\u0631\u062f\u064a\",\n      efFade: \"\u062a\u0644\u0627\u0634\u064a\", efBounce: \"\u0627\u0631\u062a\u062f\u0627\u062f\", efGlow: \"\u062a\u0648\u0647\u062c\", efFloat: \"\u0637\u0641\u0648\", efRotate: \"\u062f\u0648\u0631\u0627\u0646\",\n      efHeart: \"\u0646\u0628\u0636\", efSlide: \"\u0627\u0646\u0632\u0644\u0627\u0642\", efZoom: \"\u062a\u0643\u0628\u064a\u0631\", efShimmer: \"\u0644\u0645\u0639\u0627\u0646\", efRainbow: \"\u0642\u0648\u0633 \u0642\u0632\u062d\",\n      efNone: \"\u0628\u062f\u0648\u0646\", efParticles: \"\u062c\u0632\u064a\u0626\u0627\u062a\", processing: \"\u062c\u0627\u0631\u064a \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629...\"\n    },\n    ur: {\n      appTitle: \"\u2728 \u0627\u0642\u062a\u0628\u0627\u0633 \u0633\u0627\u0632\", appSubtitle: \"\u0641\u06cc\u0633 \u0628\u06a9 \u067e\u0648\u0633\u0679\u0633 \u0627\u0648\u0631 \u0631\u06cc\u0644\u0632 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0634\u0627\u0646\u062f\u0627\u0631 \u0627\u0642\u062a\u0628\u0627\u0633\u0627\u062a \u0628\u0646\u0627\u0626\u06cc\u06ba\",\n      secQuote: \"1. \u0627\u0642\u062a\u0628\u0627\u0633 \u06a9\u0627 \u0645\u062a\u0646\", lblQuote: \"\u0622\u067e \u06a9\u0627 \u0627\u0642\u062a\u0628\u0627\u0633\", phQuote: \"\u0627\u067e\u0646\u0627 \u0627\u0642\u062a\u0628\u0627\u0633 \u06cc\u06c1\u0627\u06ba \u0644\u06a9\u06be\u06cc\u06ba...\",\n      lblAuthor: \"\u0645\u0635\u0646\u0641 \u06a9\u0627 \u0646\u0627\u0645\", phAuthor: \"\u0645\u0635\u0646\u0641 \u06a9\u0627 \u0646\u0627\u0645\", lblBio: \"\u062a\u0639\u0627\u0631\u0641 \/ \u0645\u062e\u062a\u0635\u0631 \u0628\u0627\u06cc\u0648\",\n      phBio: \"\u0645\u062b\u0644\u0627\u064b: \u0644\u06a9\u06be\u0627\u0631\u06cc\u060c \u062d\u0648\u0635\u0644\u06c1 \u0627\u0641\u0632\u0627 \u0645\u0642\u0631\u0631\", lblAuthorImg: \"\u0645\u0635\u0646\u0641 \u06a9\u06cc \u062a\u0635\u0648\u06cc\u0631\", btnChoosePhoto: \"\u062a\u0635\u0648\u06cc\u0631 \u0645\u0646\u062a\u062e\u0628 \u06a9\u0631\u06cc\u06ba\",\n      btnRemovePhoto: \"\u062a\u0635\u0648\u06cc\u0631 \u06c1\u0679\u0627\u0626\u06cc\u06ba\",\n      secSize: \"2. \u0633\u0627\u0626\u0632\", sizeSquare: \"\u0645\u0631\u0628\u0639\", sizePost: \"\u067e\u0648\u0633\u0679\", sizeStory: \"\u0627\u0633\u0679\u0648\u0631\u06cc \/ \u0631\u06cc\u0644\",\n      sizeLandscape: \"\u0627\u0641\u0642\u06cc\", sizeFb: \"\u0641\u06cc\u0633 \u0628\u06a9\", secBg: \"3. \u067e\u0633 \u0645\u0646\u0638\u0631\",\n      tabColors: \"\u0631\u0646\u06af\", tabImages: \"\u062a\u0635\u0627\u0648\u06cc\u0631\", tabCustom: \"\u062d\u0633\u0628\u0650 \u0645\u0646\u0634\u0627\",\n      lblCustomColor: \"\u0627\u067e\u0646\u06cc \u0645\u0631\u0636\u06cc \u06a9\u0627 \u0631\u0646\u06af\", pickColor: \"\u0627\u067e\u0646\u0627 \u0631\u0646\u06af \u0645\u0646\u062a\u062e\u0628 \u06a9\u0631\u06cc\u06ba\",\n      lblUploadBg: \"\u067e\u0633 \u0645\u0646\u0638\u0631 \u06a9\u06cc \u062a\u0635\u0648\u06cc\u0631 \u0627\u067e \u0644\u0648\u0688 \u06a9\u0631\u06cc\u06ba\", btnUploadBg: \"\u0688\u06cc\u0648\u0627\u0626\u0633 \u0633\u06d2 \u0627\u067e \u0644\u0648\u0688 \u06a9\u0631\u06cc\u06ba\",\n      secBorder: \"4. \u0628\u0627\u0631\u0688\u0631 \u0627\u0633\u0679\u0627\u0626\u0644\",\n      secTextColor: \"5. \u0645\u062a\u0646 \u06a9\u0627 \u0631\u0646\u06af\", colorWhite: \"\u0633\u0641\u06cc\u062f\", colorBlack: \"\u06a9\u0627\u0644\u0627\", colorGold: \"\u0633\u0646\u06c1\u0631\u06cc\",\n      lblFontSize: \"\u0641\u0648\u0646\u0679 \u0633\u0627\u0626\u0632\", secFont: \"6. \u0641\u0648\u0646\u0679 \u0627\u0633\u0679\u0627\u0626\u0644\", fontDefault: \"\u0688\u06cc\u0641\u0627\u0644\u0679\", fontSample: \"\u0627\u0642\u062a\u0628\u0627\u0633 \u0627\u0631\u062f\u0648\",\n      secEffects: \"7. \u0645\u062a\u062d\u0631\u06a9 \u0627\u062b\u0631\u0627\u062a\",\n      sampleQuote: \"\u0632\u0646\u062f\u06af\u06cc \u0627\u06cc\u06a9 \u062c\u062f\u0648\u062c\u06c1\u062f \u06c1\u06d2\u060c \u06a9\u0628\u06be\u06cc \u0631\u06a9\u0648 \u0645\u062a\u060c \u0622\u06af\u06d2 \u0628\u0691\u06be\u062a\u06d2 \u0631\u06c1\u0648\u06d4\", sampleAuthor: \"\u0646\u0627\u0645\u0639\u0644\u0648\u0645\",\n      btnDownload: \"\u062a\u0635\u0648\u06cc\u0631 \u0688\u0627\u0624\u0646 \u0644\u0648\u0688 \u06a9\u0631\u06cc\u06ba\", btnReel: \"\u0631\u06cc\u0644 \/ \u0627\u0633\u0679\u0648\u0631\u06cc \u0633\u0627\u0626\u0632\",\n      downloadHint: \"\u062a\u0635\u0648\u06cc\u0631 \u0688\u0627\u0624\u0646 \u0644\u0648\u0688 \u06a9\u0631 \u06a9\u06d2 \u0641\u06cc\u0633 \u0628\u06a9 \u067e\u0648\u0633\u0679 \u06cc\u0627 \u0631\u06cc\u0644\u0632 \u0645\u06cc\u06ba \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u06cc\u06ba\",\n      secPreview: \"\u0644\u0627\u0626\u06cc\u0648 \u067e\u06cc\u0634 \u0645\u0646\u0638\u0631\", previewHint: \"\u062a\u0628\u062f\u06cc\u0644\u06cc\u0627\u06ba \u0641\u0648\u0631\u0627\u064b \u067e\u06cc\u0634 \u0645\u0646\u0638\u0631 \u0645\u06cc\u06ba \u0646\u0638\u0631 \u0622\u0626\u06cc\u06ba \u06af\u06cc\",\n      toastDone: \"\u0688\u0627\u0624\u0646 \u0644\u0648\u0688 \u0645\u06a9\u0645\u0644! \u2705\", toastReel: \"\u0631\u06cc\u0644\/\u0627\u0633\u0679\u0648\u0631\u06cc \u062a\u0635\u0648\u06cc\u0631 \u0688\u0627\u0624\u0646 \u0644\u0648\u0688 \u06c1\u0648 \u06af\u0626\u06cc! \ud83c\udfac\",\n      toastPost: \"\u067e\u0648\u0633\u0679 \u06a9\u06cc \u062a\u0635\u0648\u06cc\u0631 \u0688\u0627\u0624\u0646 \u0644\u0648\u0688 \u06c1\u0648 \u06af\u0626\u06cc! \ud83d\udce5\", toastError: \"\u0688\u0627\u0624\u0646 \u0644\u0648\u0688 \u0646\u0627\u06a9\u0627\u0645 \u06c1\u0648\u0627\u06d4 \u062f\u0648\u0628\u0627\u0631\u06c1 \u06a9\u0648\u0634\u0634 \u06a9\u0631\u06cc\u06ba\u06d4\",\n      borderNone: \"\u06a9\u0648\u0626\u06cc \u0646\u06c1\u06cc\u06ba\", borderThin: \"\u0628\u0627\u0631\u06cc\u06a9\", borderThick: \"\u0645\u0648\u0679\u0627\", borderDouble: \"\u062f\u06c1\u0631\u0627\",\n      borderDashed: \"\u0688\u06cc\u0634\u0688\", borderGlow: \"\u0686\u0645\u06a9\", borderGold: \"\u0633\u0646\u06c1\u0631\u06cc\", borderNeon: \"\u0646\u06cc\u0648\u0646\", borderPink: \"\u06af\u0644\u0627\u0628\u06cc\",\n      efFade: \"\u0641\u06cc\u0688 \u0627\u0650\u0646\", efBounce: \"\u0627\u0686\u06be\u0627\u0644\", efGlow: \"\u0686\u0645\u06a9\", efFloat: \"\u062a\u06cc\u0631\u062a\u0627\", efRotate: \"\u06af\u06be\u0645\u0627\u0624\",\n      efHeart: \"\u062f\u06be\u0691\u06a9\u0646\", efSlide: \"\u0633\u0644\u0627\u0626\u06cc\u0688\", efZoom: \"\u0632\u0648\u0645\", efShimmer: \"\u062c\u06be\u0644\u0645\u0644\u0627\u06c1\u0679\", efRainbow: \"\u0642\u0648\u0633\u0650 \u0642\u0632\u062d\",\n      efNone: \"\u06a9\u0648\u0626\u06cc \u0646\u06c1\u06cc\u06ba\", efParticles: \"\u0630\u0631\u0627\u062a\", processing: \"\u067e\u0631\u0648\u0633\u06cc\u0633 \u06c1\u0648 \u0631\u06c1\u0627 \u06c1\u06d2...\"\n    },\n    fa: {\n      appTitle: \"\u2728 \u0633\u0627\u0632\u0646\u062f\u0647 \u062c\u0645\u0644\u0647\", appSubtitle: \"\u0628\u0631\u0627\u06cc \u067e\u0633\u062a\u200c\u0647\u0627 \u0648 \u0631\u06cc\u0644\u200c\u0647\u0627\u06cc \u0641\u06cc\u0633\u200c\u0628\u0648\u06a9 \u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u062c\u0630\u0627\u0628 \u0628\u0633\u0627\u0632\u06cc\u062f\",\n      secQuote: \"1. \u0645\u062a\u0646 \u062c\u0645\u0644\u0647\", lblQuote: \"\u062c\u0645\u0644\u0647 \u0634\u0645\u0627\", phQuote: \"\u062c\u0645\u0644\u0647 \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f...\",\n      lblAuthor: \"\u0646\u0627\u0645 \u0646\u0648\u06cc\u0633\u0646\u062f\u0647\", phAuthor: \"\u0646\u0627\u0645 \u0646\u0648\u06cc\u0633\u0646\u062f\u0647\", lblBio: \"\u0645\u0639\u0631\u0641\u06cc \/ \u0628\u06cc\u0648\u06cc \u06a9\u0648\u062a\u0627\u0647\",\n      phBio: \"\u0645\u062b\u0644\u0627\u064b: \u0646\u0648\u06cc\u0633\u0646\u062f\u0647\u060c \u0633\u062e\u0646\u0631\u0627\u0646 \u0627\u0646\u06af\u06cc\u0632\u0634\u06cc\", lblAuthorImg: \"\u0639\u06a9\u0633 \u0646\u0648\u06cc\u0633\u0646\u062f\u0647\", btnChoosePhoto: \"\u0627\u0646\u062a\u062e\u0627\u0628 \u0639\u06a9\u0633\",\n      btnRemovePhoto: \"\u062d\u0630\u0641 \u0639\u06a9\u0633\",\n      secSize: \"2. \u0627\u0646\u062f\u0627\u0632\u0647\", sizeSquare: \"\u0645\u0631\u0628\u0639\", sizePost: \"\u067e\u0633\u062a\", sizeStory: \"\u0627\u0633\u062a\u0648\u0631\u06cc \/ \u0631\u06cc\u0644\",\n      sizeLandscape: \"\u0627\u0641\u0642\u06cc\", sizeFb: \"\u0641\u06cc\u0633\u200c\u0628\u0648\u06a9\", secBg: \"3. \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\",\n      tabColors: \"\u0631\u0646\u06af\u200c\u0647\u0627\", tabImages: \"\u062a\u0635\u0627\u0648\u06cc\u0631\", tabCustom: \"\u0633\u0641\u0627\u0631\u0634\u06cc\",\n      lblCustomColor: \"\u0631\u0646\u06af \u062f\u0644\u062e\u0648\u0627\u0647\", pickColor: \"\u0631\u0646\u06af \u062e\u0648\u062f\u062a\u0627\u0646 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f\",\n      lblUploadBg: \"\u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0635\u0648\u06cc\u0631 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\", btnUploadBg: \"\u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0627\u0632 \u062f\u0633\u062a\u06af\u0627\u0647\",\n      secBorder: \"4. \u0633\u0628\u06a9 \u062d\u0627\u0634\u06cc\u0647\",\n      secTextColor: \"5. \u0631\u0646\u06af \u0645\u062a\u0646\", colorWhite: \"\u0633\u0641\u06cc\u062f\", colorBlack: \"\u0645\u0634\u06a9\u06cc\", colorGold: \"\u0637\u0644\u0627\u06cc\u06cc\",\n      lblFontSize: \"\u0627\u0646\u062f\u0627\u0632\u0647 \u0641\u0648\u0646\u062a\", secFont: \"6. \u0633\u0628\u06a9 \u0641\u0648\u0646\u062a\", fontDefault: \"\u067e\u06cc\u0634\u200c\u0641\u0631\u0636\", fontSample: \"\u062c\u0645\u0644\u0647 \u0641\u0627\u0631\u0633\u06cc\",\n      secEffects: \"7. \u0627\u0641\u06a9\u062a\u200c\u0647\u0627\u06cc \u0645\u062a\u062d\u0631\u06a9\",\n      sampleQuote: \"\u0632\u0646\u062f\u06af\u06cc \u06cc\u06a9 \u0645\u0628\u0627\u0631\u0632\u0647 \u0627\u0633\u062a\u060c \u0647\u0631\u06af\u0632 \u0627\u0632 \u062d\u0631\u06a9\u062a \u0628\u0647 \u062c\u0644\u0648 \u0628\u0627\u0632 \u0646\u0627\u06cc\u0633\u062a.\", sampleAuthor: \"\u0646\u0627\u0634\u0646\u0627\u0633\",\n      btnDownload: \"\u062f\u0627\u0646\u0644\u0648\u062f \u062a\u0635\u0648\u06cc\u0631\", btnReel: \"\u0627\u0646\u062f\u0627\u0632\u0647 \u0631\u06cc\u0644 \/ \u0627\u0633\u062a\u0648\u0631\u06cc\",\n      downloadHint: \"\u062a\u0635\u0648\u06cc\u0631 \u0631\u0627 \u062f\u0627\u0646\u0644\u0648\u062f \u06a9\u0646\u06cc\u062f \u0648 \u062f\u0631 \u067e\u0633\u062a \u06cc\u0627 \u0631\u06cc\u0644 \u0641\u06cc\u0633\u200c\u0628\u0648\u06a9 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\",\n      secPreview: \"\u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0632\u0646\u062f\u0647\", previewHint: \"\u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0628\u0644\u0627\u0641\u0627\u0635\u0644\u0647 \u062f\u0631 \u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\",\n      toastDone: \"\u062f\u0627\u0646\u0644\u0648\u062f \u06a9\u0627\u0645\u0644 \u0634\u062f! \u2705\", toastReel: \"\u062a\u0635\u0648\u06cc\u0631 \u0631\u06cc\u0644\/\u0627\u0633\u062a\u0648\u0631\u06cc \u062f\u0627\u0646\u0644\u0648\u062f \u0634\u062f! \ud83c\udfac\",\n      toastPost: \"\u062a\u0635\u0648\u06cc\u0631 \u067e\u0633\u062a \u062f\u0627\u0646\u0644\u0648\u062f \u0634\u062f! \ud83d\udce5\", toastError: \"\u062f\u0627\u0646\u0644\u0648\u062f \u0646\u0627\u0645\u0648\u0641\u0642 \u0628\u0648\u062f. \u062f\u0648\u0628\u0627\u0631\u0647 \u062a\u0644\u0627\u0634 \u06a9\u0646\u06cc\u062f.\",\n      borderNone: \"\u0628\u062f\u0648\u0646\", borderThin: \"\u0646\u0627\u0632\u06a9\", borderThick: \"\u0636\u062e\u06cc\u0645\", borderDouble: \"\u062f\u0648\u062a\u0627\u06cc\u06cc\",\n      borderDashed: \"\u062e\u0637\u200c\u0686\u06cc\u0646\", borderGlow: \"\u062f\u0631\u062e\u0634\u0627\u0646\", borderGold: \"\u0637\u0644\u0627\u06cc\u06cc\", borderNeon: \"\u0646\u0626\u0648\u0646\", borderPink: \"\u0635\u0648\u0631\u062a\u06cc\",\n      efFade: \"\u0645\u062d\u0648 \u0634\u062f\u0646\", efBounce: \"\u062c\u0647\u0634\", efGlow: \"\u062f\u0631\u062e\u0634\u0634\", efFloat: \"\u0634\u0646\u0627\u0648\u0631\", efRotate: \"\u0686\u0631\u062e\u0634\",\n      efHeart: \"\u0636\u0631\u0628\u0627\u0646\", efSlide: \"\u0644\u063a\u0632\u0634\", efZoom: \"\u0628\u0632\u0631\u06af\u200c\u0646\u0645\u0627\u06cc\u06cc\", efShimmer: \"\u067e\u0631\u062a\u0648\", efRainbow: \"\u0631\u0646\u06af\u06cc\u0646\u200c\u06a9\u0645\u0627\u0646\",\n      efNone: \"\u0628\u062f\u0648\u0646\", efParticles: \"\u0630\u0631\u0627\u062a\", processing: \"\u062f\u0631 \u062d\u0627\u0644 \u067e\u0631\u062f\u0627\u0632\u0634...\"\n    }\n  };\n\n  \/* \u09ad\u09be\u09b7\u09be\u09b0 \u09a7\u09b0\u09a8: \u09a6\u09bf\u0995 (RTL\/LTR), UI \u09ab\u09a8\u09cd\u099f, \u09ab\u09a8\u09cd\u099f-\u09ab\u09b2\u09ac\u09cd\u09af\u09be\u0995 *\/\n  const RTL_LANGS = ['ar', 'ur', 'fa'];\n  const LANG_CLASSES = ['bn', 'hi', 'ar', 'ur', 'fa'];\n  const FALLBACKS = {\n    bn: \", 'Hind Siliguri', 'Noto Sans Bengali', 'Inter', sans-serif\",\n    en: \", 'Inter', system-ui, sans-serif\",\n    es: \", 'Inter', system-ui, sans-serif\",\n    hi: \", 'Hind', 'Inter', sans-serif\",\n    ar: \", 'Noto Naskh Arabic', 'Cairo', sans-serif\",\n    ur: \", 'Noto Naskh Arabic', 'Cairo', sans-serif\",\n    fa: \", 'Noto Naskh Arabic', 'Cairo', sans-serif\"\n  };\n  \/* \u09ad\u09be\u09b7\u09be \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09a8 \u0995\u09b0\u09b2\u09c7 \u09af\u09c7 UI \u09ab\u09a8\u09cd\u099f \u09b2\u09cb\u09a1 \u09b9\u09ac\u09c7 (Google Fonts \"family\" \u09aa\u09cd\u09af\u09be\u09b0\u09be\u09ae\u09bf\u099f\u09be\u09b0) *\/\n  const UI_FONT_Q = {\n    hi: 'Hind:wght@400;500;600;700',\n    ar: 'Noto+Naskh+Arabic:wght@400;500;600;700',\n    ur: 'Noto+Naskh+Arabic:wght@400;500;600;700',\n    fa: 'Noto+Naskh+Arabic:wght@400;500;600;700'\n  };\n\n  \/* \u09ad\u09be\u09b7\u09be \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 \u09ac\u09be\u09a3\u09c0\u09b0 \u09ab\u09a8\u09cd\u099f \u09a4\u09be\u09b2\u09bf\u0995\u09be\n     q = Google Fonts \u09aa\u09cd\u09af\u09be\u09b0\u09be\u09ae\u09bf\u099f\u09be\u09b0 (null \u09ae\u09be\u09a8\u09c7 \u09aa\u09c7\u099c\u09c7 \u0986\u0997\u09c7 \u09a5\u09c7\u0995\u09c7\u0987 \u09b2\u09cb\u09a1 \u0995\u09b0\u09be), weight = \u09b8\u09ac\u099a\u09c7\u09af\u09bc\u09c7 \u09ad\u09be\u09b2\u09cb \u09a6\u09c7\u0996\u09be\u09a8\u09cb \u0993\u099c\u09a8 *\/\n  const F = (name, q, weight) => ({ name: name, family: \"'\" + name + \"'\", q: q, weight: weight });\n  const DEFAULT_FONT = { name: null, family: '', q: null, weight: '' };\n\n  const LATIN_FONTS = [\n    DEFAULT_FONT,\n    F('Playfair Display', 'Playfair+Display:wght@400;700', '700'),\n    F('Merriweather', 'Merriweather:wght@400;700', '700'),\n    F('Montserrat', 'Montserrat:wght@400;700', '700'),\n    F('Poppins', 'Poppins:wght@400;600', '600'),\n    F('Lobster', 'Lobster', '400'),\n    F('Pacifico', 'Pacifico', '400'),\n    F('Dancing Script', 'Dancing+Script:wght@400;700', '700'),\n    F('Great Vibes', 'Great+Vibes', '400'),\n    F('Caveat', 'Caveat:wght@400;700', '700')\n  ];\n\n  const fontSets = {\n    bn: [\n      DEFAULT_FONT,\n      F('Hind Siliguri', null, '600'),\n      F('Noto Sans Bengali', null, '600'),\n      F('Noto Serif Bengali', 'Noto+Serif+Bengali:wght@400;600;700', '600'),\n      F('Anek Bangla', 'Anek+Bangla:wght@400;600;700', '600'),\n      F('Baloo Da 2', 'Baloo+Da+2:wght@400;600;700', '600'),\n      F('Atma', 'Atma:wght@400;600;700', '600'),\n      F('Galada', 'Galada', '400'),\n      F('Mina', 'Mina:wght@400;700', '700'),\n      F('Tiro Bangla', 'Tiro+Bangla', '400')\n    ],\n    en: LATIN_FONTS,\n    es: LATIN_FONTS,\n    hi: [\n      DEFAULT_FONT,\n      F('Hind', 'Hind:wght@400;600;700', '600'),\n      F('Mukta', 'Mukta:wght@400;600;700', '600'),\n      F('Kalam', 'Kalam:wght@400;700', '700'),\n      F('Tiro Devanagari Hindi', 'Tiro+Devanagari+Hindi', '400'),\n      F('Rozha One', 'Rozha+One', '400'),\n      F('Yatra One', 'Yatra+One', '400'),\n      F('Amita', 'Amita:wght@400;700', '700'),\n      F('Laila', 'Laila:wght@400;600;700', '600'),\n      F('Eczar', 'Eczar:wght@400;700', '700')\n    ],\n    ar: [\n      DEFAULT_FONT,\n      F('Cairo', 'Cairo:wght@400;700', '700'),\n      F('Tajawal', 'Tajawal:wght@400;700', '700'),\n      F('Amiri', 'Amiri:wght@400;700', '700'),\n      F('Reem Kufi', 'Reem+Kufi:wght@400;600', '600'),\n      F('Aref Ruqaa', 'Aref+Ruqaa:wght@400;700', '700'),\n      F('Lalezar', 'Lalezar', '400'),\n      F('El Messiri', 'El+Messiri:wght@400;700', '700'),\n      F('Markazi Text', 'Markazi+Text:wght@400;700', '700'),\n      F('Katibeh', 'Katibeh', '400')\n    ],\n    ur: [\n      DEFAULT_FONT,\n      F('Noto Nastaliq Urdu', 'Noto+Nastaliq+Urdu:wght@400;700', '700'),\n      F('Gulzar', 'Gulzar', '400'),\n      F('Lateef', 'Lateef:wght@400;700', '700'),\n      F('Noto Naskh Arabic', 'Noto+Naskh+Arabic:wght@400;700', '700'),\n      F('Amiri', 'Amiri:wght@400;700', '700'),\n      F('Scheherazade New', 'Scheherazade+New:wght@400;700', '700'),\n      F('Aref Ruqaa', 'Aref+Ruqaa:wght@400;700', '700'),\n      F('Cairo', 'Cairo:wght@400;700', '700'),\n      F('Reem Kufi', 'Reem+Kufi:wght@400;600', '600')\n    ],\n    fa: [\n      DEFAULT_FONT,\n      F('Vazirmatn', 'Vazirmatn:wght@400;700', '700'),\n      F('Lalezar', 'Lalezar', '400'),\n      F('Noto Naskh Arabic', 'Noto+Naskh+Arabic:wght@400;700', '700'),\n      F('Amiri', 'Amiri:wght@400;700', '700'),\n      F('Cairo', 'Cairo:wght@400;700', '700'),\n      F('Tajawal', 'Tajawal:wght@400;700', '700'),\n      F('Aref Ruqaa', 'Aref+Ruqaa:wght@400;700', '700'),\n      F('Katibeh', 'Katibeh', '400'),\n      F('Markazi Text', 'Markazi+Text:wght@400;700', '700')\n    ]\n  };\n\n  \/* Google Fonts \u09b2\u09bf\u0982\u0995 \u09b6\u09c1\u09a7\u09c1 \u098f\u0995\u09ac\u09be\u09b0, \u09a6\u09b0\u0995\u09be\u09b0\u09c7\u09b0 \u09b8\u09ae\u09af\u09bc \u09af\u09cb\u0997 \u09b9\u09af\u09bc *\/\n  const loadedFontCss = new Set();\n  function loadGoogleFont(q) {\n    if (!q || loadedFontCss.has(q)) return;\n    loadedFontCss.add(q);\n    const link = document.createElement('link');\n    link.rel = 'stylesheet';\n    link.href = 'https:\/\/fonts.googleapis.com\/css2?family=' + q + '&display=swap';\n    document.head.appendChild(link);\n  }\n  function loadFontsForLang(lang) {\n    if (UI_FONT_Q[lang]) loadGoogleFont(UI_FONT_Q[lang]);\n    (fontSets[lang] || fontSets.en).forEach(f => loadGoogleFont(f.q));\n  }\n\n  let currentLang = 'en';\n  let quoteEdited = false;\n  let authorEdited = false;\n  const app = document.getElementById('qm-app');\n\n  function applyLanguage(lang) {\n    currentLang = lang;\n    const t = translations[lang] || translations.en;\n\n    \/* \u09a6\u09bf\u0995 \u0993 \u09ad\u09be\u09b7\u09be *\/\n    const isRtl = RTL_LANGS.indexOf(lang) !== -1;\n    app.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n    app.setAttribute('lang', lang);\n    LANG_CLASSES.forEach(l => app.classList.toggle('lang-' + l, l === lang));\n\n    \/* \u098f\u0987 \u09ad\u09be\u09b7\u09be\u09b0 \u09ab\u09a8\u09cd\u099f \u09b2\u09cb\u09a1 *\/\n    loadFontsForLang(lang);\n\n    app.querySelectorAll('[data-i18n]').forEach(el => {\n      const key = el.getAttribute('data-i18n');\n      if (t[key]) el.textContent = t[key];\n    });\n    app.querySelectorAll('[data-i18n-placeholder]').forEach(el => {\n      const key = el.getAttribute('data-i18n-placeholder');\n      if (t[key]) el.placeholder = t[key];\n    });\n\n    \/* \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u0995\u09be\u09b0\u09c0 \u09a8\u09bf\u099c\u09c7 \u09a8\u09be \u09b2\u09bf\u0996\u09c7 \u09a5\u09be\u0995\u09b2\u09c7 \u09a8\u09ae\u09c1\u09a8\u09be \u09ac\u09be\u09a3\u09c0 \u0993 \u09a8\u09be\u09ae \u09ad\u09be\u09b7\u09be \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 \u09ac\u09a6\u09b2\u09be\u09ac\u09c7 *\/\n    if (!quoteEdited) {\n      quoteText.value = t.sampleQuote;\n      previewQuote.textContent = t.sampleQuote;\n    }\n    if (!authorEdited) {\n      authorName.value = t.sampleAuthor;\n      previewAuthor.textContent = t.sampleAuthor;\n    }\n\n    rebuildBorderLabels(t);\n    rebuildEffectLabels(t);\n    rebuildFontGrid(lang, t);\n  }\n\n  const backgrounds = [\n    { name: 'Purple', value: 'linear-gradient(135deg, #5b4cdb, #7c6cf0)' },\n    { name: 'Sunset', value: 'linear-gradient(135deg, #fd79a8, #e17055)' },\n    { name: 'Ocean', value: 'linear-gradient(135deg, #00b894, #00cec9)' },\n    { name: 'Night', value: 'linear-gradient(135deg, #2d3436, #636e72)' },\n    { name: 'Fire', value: 'linear-gradient(135deg, #e17055, #d63031)' },\n    { name: 'Forest', value: 'linear-gradient(135deg, #00b894, #55efc4)' },\n    { name: 'Gold', value: 'linear-gradient(135deg, #f1c40f, #e67e22)' },\n    { name: 'Pink', value: 'linear-gradient(135deg, #fd79a8, #e84393)' },\n    { name: 'Blue', value: 'linear-gradient(135deg, #0984e3, #74b9ff)' },\n    { name: 'Dark', value: 'linear-gradient(135deg, #1a1a2e, #16213e)' },\n    { name: 'Rainbow', value: 'linear-gradient(135deg, #ff6b6b, #feca57, #48dbfb, #ff9ff3)' },\n    { name: 'Mint', value: 'linear-gradient(135deg, #00cec9, #81ecec)' },\n    { name: 'Deep Purple', value: 'linear-gradient(135deg, #2d1b69, #5b4cdb)' },\n    { name: 'Red', value: 'linear-gradient(135deg, #c0392b, #e74c3c)' },\n    { name: 'Teal', value: 'linear-gradient(135deg, #16a085, #1abc9c)' },\n    { name: 'Slate', value: 'linear-gradient(135deg, #34495e, #2c3e50)' },\n    { name: 'Coral', value: 'linear-gradient(135deg, #ff7675, #fab1a0)' },\n    { name: 'Indigo', value: 'linear-gradient(135deg, #5f27cd, #341f97)' },\n    { name: 'Emerald', value: 'linear-gradient(135deg, #10ac84, #1dd1a1)' },\n    { name: 'Rose', value: 'linear-gradient(135deg, #e84393, #fd79a8)' },\n  ];\n\n  const imageBackgrounds = [\n    { name: 'Mountains', url: 'https:\/\/images.unsplash.com\/photo-1506905925346-21bda4d32df4?w=800&q=80' },\n    { name: 'Ocean', url: 'https:\/\/images.unsplash.com\/photo-1505144808419-1952626b0c8e?w=800&q=80' },\n    { name: 'Forest', url: 'https:\/\/images.unsplash.com\/photo-1441974231531-c6227db76b6e?w=800&q=80' },\n    { name: 'City Night', url: 'https:\/\/images.unsplash.com\/photo-1514565131-fce0801e5785?w=800&q=80' },\n    { name: 'Desert', url: 'https:\/\/images.unsplash.com\/photo-1509316785289-025f5b846b35?w=800&q=80' },\n    { name: 'Aurora', url: 'https:\/\/images.unsplash.com\/photo-1531366936337-7c912a4589a7?w=800&q=80' },\n    { name: 'Flowers', url: 'https:\/\/images.unsplash.com\/photo-1490750967868-88aa4486c946?w=800&q=80' },\n    { name: 'Abstract', url: 'https:\/\/images.unsplash.com\/photo-1557682250-33bd709cbe85?w=800&q=80' },\n    { name: 'Sky', url: 'https:\/\/images.unsplash.com\/photo-1419242902214-272b3f66ee7a?w=800&q=80' },\n    { name: 'Lake', url: 'https:\/\/images.unsplash.com\/photo-1439066615861-d1af74d74000?w=800&q=80' },\n    { name: 'Books', url: 'https:\/\/images.unsplash.com\/photo-1495446815901-a7297e633e8d?w=800&q=80' },\n    { name: 'Coffee', url: 'https:\/\/images.unsplash.com\/photo-1495474472287-4d71bcdd2085?w=800&q=80' },\n    { name: 'Leaves', url: 'https:\/\/images.unsplash.com\/photo-1448375240586-882707db888b?w=800&q=80' },\n    { name: 'Minimal', url: 'https:\/\/images.unsplash.com\/photo-1557683316-973673baf926?w=800&q=80' },\n    { name: 'Waves', url: 'https:\/\/images.unsplash.com\/photo-1505144808419-1952626b0c8e?w=800&q=80' },\n  ];\n\n  const borders = [\n    { id: 'none', key: 'borderNone', class: 'qm-border-none' },\n    { id: 'thin', key: 'borderThin', class: 'qm-border-thin' },\n    { id: 'thick', key: 'borderThick', class: 'qm-border-thick' },\n    { id: 'double', key: 'borderDouble', class: 'qm-border-double' },\n    { id: 'dashed', key: 'borderDashed', class: 'qm-border-dashed' },\n    { id: 'glow', key: 'borderGlow', class: 'qm-border-glow' },\n    { id: 'gold', key: 'borderGold', class: 'qm-border-gold' },\n    { id: 'neon', key: 'borderNeon', class: 'qm-border-neon' },\n    { id: 'pink', key: 'borderPink', class: 'qm-border-pink' },\n  ];\n\n  const effects = [\n    { id: 'fade', key: 'efFade', class: 'qm-anim-fade' },\n    { id: 'bounce', key: 'efBounce', class: 'qm-anim-bounce' },\n    { id: 'glow', key: 'efGlow', class: 'qm-anim-glow' },\n    { id: 'float', key: 'efFloat', class: 'qm-anim-float' },\n    { id: 'rotate', key: 'efRotate', class: 'qm-anim-rotate' },\n    { id: 'heart', key: 'efHeart', class: 'qm-anim-heart' },\n    { id: 'slide', key: 'efSlide', class: 'qm-anim-slide' },\n    { id: 'zoom', key: 'efZoom', class: 'qm-anim-zoom' },\n    { id: 'shimmer', key: 'efShimmer', class: 'qm-anim-shimmer' },\n    { id: 'rainbow', key: 'efRainbow', class: 'qm-anim-rainbow' },\n    { id: 'none', key: 'efNone', class: '' },\n    { id: 'particles', key: 'efParticles', class: 'qm-anim-fade' },\n  ];\n\n  const quoteCard = document.getElementById('qm-quoteCard');\n  const quoteText = document.getElementById('qm-quoteText');\n  const authorName = document.getElementById('qm-authorName');\n  const previewQuote = document.getElementById('qm-previewQuote');\n  const previewAuthor = document.getElementById('qm-previewAuthor');\n  const previewBio = document.getElementById('qm-previewBio');\n  const previewAuthorImg = document.getElementById('qm-previewAuthorImg');\n  const authorPreview = document.getElementById('qm-authorPreview');\n  const authorRow = document.getElementById('qm-authorRow');\n  const authorInput = document.getElementById('qm-authorImage');\n  const particlesEl = document.getElementById('qm-particles');\n\n  const bgGrid = document.getElementById('qm-bgGrid');\n  backgrounds.forEach((bg, i) => {\n    const div = document.createElement('div');\n    div.className = 'qm-bg-item' + (i === 0 ? ' active' : '');\n    div.style.background = bg.value;\n    div.title = bg.name;\n    div.addEventListener('click', () => {\n      document.querySelectorAll('#qm-bgGrid .qm-bg-item, #qm-imgBgGrid .qm-bg-item').forEach(el => el.classList.remove('active'));\n      div.classList.add('active');\n      quoteCard.style.backgroundImage = 'none';\n      quoteCard.style.background = bg.value;\n      document.getElementById('qm-customBgPreview').style.display = 'none';\n    });\n    bgGrid.appendChild(div);\n  });\n  quoteCard.style.background = backgrounds[0].value;\n\n  const imgBgGrid = document.getElementById('qm-imgBgGrid');\n  imageBackgrounds.forEach((img) => {\n    const div = document.createElement('div');\n    div.className = 'qm-bg-item';\n    div.style.backgroundImage = `url(${img.url})`;\n    div.title = img.name;\n    div.addEventListener('click', () => {\n      document.querySelectorAll('#qm-bgGrid .qm-bg-item, #qm-imgBgGrid .qm-bg-item').forEach(el => el.classList.remove('active'));\n      div.classList.add('active');\n      quoteCard.style.background = 'none';\n      quoteCard.style.backgroundImage = `url(${img.url})`;\n      quoteCard.style.backgroundSize = 'cover';\n      quoteCard.style.backgroundPosition = 'center';\n      document.getElementById('qm-customBgPreview').style.display = 'none';\n    });\n    imgBgGrid.appendChild(div);\n  });\n\n  document.querySelectorAll('.qm-tab').forEach(tab => {\n    tab.addEventListener('click', () => {\n      document.querySelectorAll('.qm-tab').forEach(t => t.classList.remove('active'));\n      document.querySelectorAll('.qm-panel').forEach(p => p.classList.remove('active'));\n      tab.classList.add('active');\n      document.getElementById('qm-panel-' + tab.dataset.tab).classList.add('active');\n    });\n  });\n\n  document.getElementById('qm-customBgImage').addEventListener('change', e => {\n    const file = e.target.files[0];\n    if (!file) return;\n    const reader = new FileReader();\n    reader.onload = ev => {\n      const url = ev.target.result;\n      quoteCard.style.background = 'none';\n      quoteCard.style.backgroundImage = `url(${url})`;\n      quoteCard.style.backgroundSize = 'cover';\n      quoteCard.style.backgroundPosition = 'center';\n      document.querySelectorAll('#qm-bgGrid .qm-bg-item, #qm-imgBgGrid .qm-bg-item').forEach(el => el.classList.remove('active'));\n      const preview = document.getElementById('qm-customBgPreview');\n      preview.style.backgroundImage = `url(${url})`;\n      preview.style.display = 'block';\n    };\n    reader.readAsDataURL(file);\n  });\n\n  const borderGrid = document.getElementById('qm-borderGrid');\n  function rebuildBorderLabels(t) {\n    borderGrid.innerHTML = '';\n    const activeClass = borders.find(b => b.class && quoteCard.classList.contains(b.class));\n    borders.forEach((b, i) => {\n      const div = document.createElement('div');\n      const isActive = activeClass ? (activeClass.id === b.id) : (i === 1);\n      div.className = 'qm-border-item' + (isActive ? ' active' : '');\n      div.textContent = t[b.key] || b.id;\n      div.addEventListener('click', () => {\n        document.querySelectorAll('.qm-border-item').forEach(el => el.classList.remove('active'));\n        div.classList.add('active');\n        borders.forEach(bb => quoteCard.classList.remove(bb.class));\n        if (b.class) quoteCard.classList.add(b.class);\n      });\n      borderGrid.appendChild(div);\n    });\n  }\n\n  const effectGrid = document.getElementById('qm-effectGrid');\n  let activeEffectId = 'fade';\n  function rebuildEffectLabels(t) {\n    effectGrid.innerHTML = '';\n    effects.forEach((ef) => {\n      const div = document.createElement('div');\n      div.className = 'qm-effect-item' + (ef.id === activeEffectId ? ' active' : '');\n      div.textContent = t[ef.key] || ef.id;\n      div.addEventListener('click', () => {\n        activeEffectId = ef.id;\n        document.querySelectorAll('.qm-effect-item').forEach(el => el.classList.remove('active'));\n        div.classList.add('active');\n        effects.forEach(e => { if (e.class) quoteCard.classList.remove(e.class); });\n        if (ef.class) quoteCard.classList.add(ef.class);\n        if (ef.id === 'particles') createParticles();\n        else particlesEl.innerHTML = '';\n        const qt = previewQuote;\n        qt.style.animation = 'none';\n        qt.offsetHeight;\n        qt.style.animation = null;\n      });\n      effectGrid.appendChild(div);\n    });\n  }\n\n  \/* \u09ab\u09a8\u09cd\u099f \u09ac\u09be\u099b\u09be\u0987\u09af\u09bc\u09c7\u09b0 \u0997\u09cd\u09b0\u09bf\u09a1 \u2014 \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09bf\u09a4 \u09ad\u09be\u09b7\u09be\u09b0 \u09ab\u09a8\u09cd\u099f \u09a6\u09c7\u0996\u09be\u09af\u09bc; \u09ad\u09be\u09b7\u09be \u09ac\u09a6\u09b2\u09be\u09b2\u09c7 \u09a8\u09a4\u09c1\u09a8 \u09a4\u09be\u09b2\u09bf\u0995\u09be \u0986\u09b8\u09c7 \u0993 \u09ab\u09a8\u09cd\u099f \u09a1\u09bf\u09ab\u09b2\u09cd\u099f\u09c7 \u09ab\u09c7\u09b0\u09c7 *\/\n  const fontGrid = document.getElementById('qm-fontGrid');\n  function rebuildFontGrid(lang, t) {\n    const list = fontSets[lang] || fontSets.en;\n    const fb = FALLBACKS[lang] || FALLBACKS.en;\n    fontGrid.innerHTML = '';\n\n    previewQuote.style.fontFamily = '';\n    previewQuote.style.fontWeight = '';\n\n    list.forEach((f, i) => {\n      const div = document.createElement('div');\n      div.className = 'qm-font-item' + (i === 0 ? ' active' : '');\n\n      const sample = document.createElement('div');\n      sample.className = 'qm-font-sample';\n      sample.textContent = t.fontSample || 'Aa';\n      sample.setAttribute('dir', RTL_LANGS.indexOf(lang) !== -1 ? 'rtl' : 'ltr');\n      if (f.family) {\n        sample.style.fontFamily = f.family + fb;\n        sample.style.fontWeight = f.weight;\n      }\n\n      const name = document.createElement('div');\n      name.className = 'qm-font-name';\n      if (f.name) {\n        name.textContent = f.name;\n      } else {\n        name.textContent = t.fontDefault || 'Default';\n      }\n\n      div.appendChild(sample);\n      div.appendChild(name);\n\n      div.addEventListener('click', () => {\n        fontGrid.querySelectorAll('.qm-font-item').forEach(el => el.classList.remove('active'));\n        div.classList.add('active');\n        if (f.family) {\n          previewQuote.style.fontFamily = f.family + fb;\n          previewQuote.style.fontWeight = f.weight;\n        } else {\n          previewQuote.style.fontFamily = '';\n          previewQuote.style.fontWeight = '';\n        }\n      });\n      fontGrid.appendChild(div);\n    });\n  }\n\n  function createParticles() {\n    particlesEl.innerHTML = '';\n    for (let i = 0; i < 25; i++) {\n      const p = document.createElement('div');\n      p.className = 'qm-particle';\n      p.style.left = Math.random() * 100 + '%';\n      p.style.animationDelay = (Math.random() * 5) + 's';\n      p.style.animationDuration = (4 + Math.random() * 4) + 's';\n      p.style.width = p.style.height = (3 + Math.random() * 5) + 'px';\n      particlesEl.appendChild(p);\n    }\n  }\n\n  quoteText.addEventListener('input', e => {\n    quoteEdited = true;\n    previewQuote.textContent = e.target.value || '...';\n  });\n  authorName.addEventListener('input', e => {\n    authorEdited = true;\n    previewAuthor.textContent = e.target.value || (translations[currentLang] || translations.en).sampleAuthor;\n  });\n  document.getElementById('qm-authorBio').addEventListener('input', e => {\n    previewBio.textContent = e.target.value;\n  });\n\n  \/* \u09b2\u09c7\u0996\u0995\u09c7\u09b0 \u099b\u09ac\u09bf \u0986\u09aa\u09b2\u09cb\u09a1 *\/\n  authorInput.addEventListener('change', e => {\n    const file = e.target.files[0];\n    if (!file) return;\n    const reader = new FileReader();\n    reader.onload = ev => {\n      authorPreview.src = ev.target.result;\n      authorRow.classList.add('show');\n      previewAuthorImg.src = ev.target.result;\n      previewAuthorImg.style.display = 'block';\n    };\n    reader.readAsDataURL(file);\n  });\n\n  \/* \u09b2\u09c7\u0996\u0995\u09c7\u09b0 \u099b\u09ac\u09bf \u09b8\u09b0\u09be\u09a8\u09cb *\/\n  document.getElementById('qm-removeAuthorBtn').addEventListener('click', () => {\n    authorInput.value = '';                 \/\/ \u098f\u0995\u0987 \u099b\u09ac\u09bf \u0986\u09ac\u09be\u09b0 \u09ac\u09be\u099b\u09be\u0987 \u0995\u09b0\u09be \u09af\u09be\u09ac\u09c7\n    authorPreview.removeAttribute('src');\n    authorRow.classList.remove('show');\n    previewAuthorImg.removeAttribute('src');\n    previewAuthorImg.style.display = 'none';\n  });\n\n  document.getElementById('qm-customBg').addEventListener('input', e => {\n    quoteCard.style.backgroundImage = 'none';\n    quoteCard.style.background = e.target.value;\n    document.querySelectorAll('#qm-bgGrid .qm-bg-item, #qm-imgBgGrid .qm-bg-item').forEach(el => el.classList.remove('active'));\n    document.getElementById('qm-customBgPreview').style.display = 'none';\n  });\n\n  document.querySelectorAll('.qm-size-btn[data-size]').forEach(btn => {\n    btn.addEventListener('click', () => {\n      document.querySelectorAll('.qm-size-btn[data-size]').forEach(b => b.classList.remove('active'));\n      btn.classList.add('active');\n      quoteCard.classList.remove('story', 'landscape');\n      if (btn.dataset.size === 'story') quoteCard.classList.add('story');\n      if (btn.dataset.size === 'landscape') quoteCard.classList.add('landscape');\n    });\n  });\n\n  document.querySelectorAll('.qm-size-btn[data-color]').forEach(btn => {\n    btn.addEventListener('click', () => {\n      document.querySelectorAll('.qm-size-btn[data-color]').forEach(b => b.classList.remove('active'));\n      btn.classList.add('active');\n      quoteCard.classList.remove('qm-text-white', 'qm-text-black', 'qm-text-gold');\n      quoteCard.classList.add('qm-text-' + btn.dataset.color);\n    });\n  });\n\n  document.getElementById('qm-fontSize').addEventListener('input', e => {\n    const val = e.target.value + 'px';\n    document.getElementById('qm-fontSizeVal').textContent = val;\n    previewQuote.style.fontSize = val;\n  });\n\n  function showToast(msg) {\n    const t = document.getElementById('qm-toast');\n    t.textContent = msg;\n    t.classList.add('show');\n    setTimeout(() => t.classList.remove('show'), 2500);\n  }\n\n  async function downloadImage(isStory) {\n    \/* \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1\u09c7\u09b0 \u099b\u09ac\u09bf\u09a4\u09c7 \u09b8\u09cd\u099f\u09bf\u0995\u09be\u09b0\u09c7\u09b0 \u09b8\u09bf\u09b2\u09c7\u0995\u09b6\u09a8-\u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u09af\u09c7\u09a8 \u09a8\u09be \u0986\u09b8\u09c7 *\/\n    deselectSticker();\n    quoteCard.style.transition = 'none';\n\n    const t = translations[currentLang] || translations.en;\n    const btn = isStory ? document.getElementById('qm-downloadStoryBtn') : document.getElementById('qm-downloadBtn');\n    const original = btn.innerHTML;\n    btn.disabled = true;\n    btn.innerHTML = '<div class=\"qm-spinner\"><\/div> ' + t.processing;\n\n    const wasStory = quoteCard.classList.contains('story');\n    const wasLandscape = quoteCard.classList.contains('landscape');\n    if (isStory) {\n      quoteCard.classList.remove('landscape');\n      quoteCard.classList.add('story');\n    }\n\n    \/* \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09bf\u09a4 \u09ab\u09a8\u09cd\u099f \u09aa\u09c1\u09b0\u09cb\u09aa\u09c1\u09b0\u09bf \u09b2\u09cb\u09a1 \u09b9\u0993\u09af\u09bc\u09be \u09aa\u09b0\u09cd\u09af\u09a8\u09cd\u09a4 \u0985\u09aa\u09c7\u0995\u09cd\u09b7\u09be, \u09a8\u0987\u09b2\u09c7 \u099b\u09ac\u09bf\u09a4\u09c7 \u0985\u09a8\u09cd\u09af \u09ab\u09a8\u09cd\u099f \u0986\u09b8\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7 *\/\n    try {\n      if (document.fonts && document.fonts.load) {\n        const cs = getComputedStyle(previewQuote);\n        await document.fonts.load(cs.fontWeight + ' 24px ' + cs.fontFamily, previewQuote.textContent);\n        await document.fonts.ready;\n      }\n    } catch (e) { \/* \u09ab\u09a8\u09cd\u099f \u09b2\u09cb\u09a1\u09c7 \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09b9\u09b2\u09c7\u0993 \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1 \u099a\u09b2\u09ac\u09c7 *\/ }\n\n    await new Promise(r => setTimeout(r, 150));\n\n    try {\n      const canvas = await html2canvas(quoteCard, {\n        scale: 3, useCORS: true, allowTaint: true, backgroundColor: null, logging: false,\n        \/* html2canvas \u09aa\u09c7\u099c\u09c7\u09b0 \u0995\u09aa\u09bf \u09ac\u09be\u09a8\u09be\u09af\u09bc, \u0986\u09b0 \u0995\u09aa\u09bf\u09a4\u09c7 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u098f\u0995\u09a6\u09ae \u09b6\u09c1\u09b0\u09c1 \u09a5\u09c7\u0995\u09c7 \u099a\u09b2\u09c7 (opacity ~0) \u2014\n           \u09a4\u09be\u0987 \u09b2\u09c7\u0996\u09be \u09ab\u09cd\u09af\u09be\u0995\u09be\u09b6\u09c7 \u0986\u09b8\u09a4\u0964 \u0995\u09aa\u09bf\u09a4\u09c7 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u09ac\u09a8\u09cd\u09a7 \u0995\u09b0\u09c7 \u09b2\u09c7\u0996\u09be\u0995\u09c7 \u09aa\u09c2\u09b0\u09cd\u09a3 \u09b0\u0999\u09c7 \u09a6\u09c7\u0996\u09be\u09a8\u09cb \u09b9\u099a\u09cd\u099b\u09c7 *\/\n        onclone: (doc) => {\n          \/* \u09b8\u09cd\u099f\u09bf\u0995\u09be\u09b0 html2canvas \u09a6\u09bf\u09af\u09bc\u09c7 \u09a8\u09af\u09bc, \u09a8\u09bf\u099a\u09c7 \u09b8\u09b0\u09be\u09b8\u09b0\u09bf canvas-\u098f \u0986\u0981\u0995\u09be \u09b9\u09ac\u09c7 *\/\n          doc.querySelectorAll('.qm-sticker').forEach(s => { s.style.display = 'none'; });\n          const q = doc.getElementById('qm-previewQuote');\n          if (!q) return;\n          const liveColor = getComputedStyle(previewQuote).color;\n          q.style.animation = 'none';\n          q.style.opacity = '1';\n          q.style.transform = 'none';\n          q.style.filter = 'none';\n          if (quoteCard.classList.contains('qm-anim-shimmer')) {\n            \/* \u09b6\u09bf\u09ae\u09be\u09b0\u09c7\u09b0 gradient-text html2canvas \u09ac\u09cb\u099d\u09c7 \u09a8\u09be, \u09a4\u09be\u0987 \u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u09b0\u0999 *\/\n            q.style.background = 'none';\n            q.style.webkitTextFillColor = liveColor;\n            q.style.color = liveColor;\n          }\n        }\n      });\n      try { await drawStickersOnCanvas(canvas, 3); } catch (e2) { console.warn('Sticker draw failed', e2); }\n      const link = document.createElement('a');\n      link.download = (isStory ? 'quote-reel-' : 'quote-post-') + Date.now() + '.png';\n      link.href = canvas.toDataURL('image\/png');\n      link.click();\n      showToast(isStory ? t.toastReel : t.toastPost);\n    } catch (err) {\n      console.error(err);\n      showToast(t.toastError);\n    }\n\n    quoteCard.classList.remove('story', 'landscape');\n    if (wasStory) quoteCard.classList.add('story');\n    if (wasLandscape) quoteCard.classList.add('landscape');\n    quoteCard.offsetHeight;\n    quoteCard.style.transition = '';\n    btn.disabled = false;\n    btn.innerHTML = original;\n  }\n\n  document.getElementById('qm-downloadBtn').addEventListener('click', () => downloadImage(false));\n  document.getElementById('qm-downloadStoryBtn').addEventListener('click', () => downloadImage(true));\n\n  document.getElementById('qm-langSelect').addEventListener('change', e => applyLanguage(e.target.value));\n\n  \/* ===== \u09b8\u09cd\u099f\u09bf\u0995\u09be\u09b0 (\u0987\u09ae\u09cb\u099c\u09bf + \u09b8\u09cd\u0995\u09c7\u099a) ===== *\/\n  Object.assign(translations.en, { secSticker: \"8. Stickers (optional)\", stkEmoji: \"Emoji\", stkSketch: \"Sketch\", stkHint: \"Tap to add, drag on the card to move\", lblStkSize: \"Sticker Size\", btnStkDelete: \"Delete Selected\", btnStkClear: \"Clear All\" });\n  Object.assign(translations.bn, { secSticker: \"\u09ee. \u09b8\u09cd\u099f\u09bf\u0995\u09be\u09b0 (\u0990\u099a\u09cd\u099b\u09bf\u0995)\", stkEmoji: \"\u0987\u09ae\u09cb\u099c\u09bf\", stkSketch: \"\u09b8\u09cd\u0995\u09c7\u099a\", stkHint: \"\u099f\u09cd\u09af\u09be\u09aa \u0995\u09b0\u09c7 \u09af\u09cb\u0997 \u0995\u09b0\u09c1\u09a8, \u0995\u09be\u09b0\u09cd\u09a1\u09c7 \u099f\u09c7\u09a8\u09c7 \u09b8\u09b0\u09be\u09a8\", lblStkSize: \"\u09b8\u09cd\u099f\u09bf\u0995\u09be\u09b0\u09c7\u09b0 \u09b8\u09be\u0987\u099c\", btnStkDelete: \"\u09ac\u09be\u099b\u09be\u0987\u0995\u09c3\u09a4 \u09ae\u09c1\u099b\u09c1\u09a8\", btnStkClear: \"\u09b8\u09ac \u09ae\u09c1\u099b\u09c1\u09a8\" });\n  Object.assign(translations.hi, { secSticker: \"8. \u0938\u094d\u091f\u093f\u0915\u0930 (\u0935\u0948\u0915\u0932\u094d\u092a\u093f\u0915)\", stkEmoji: \"\u0907\u092e\u094b\u091c\u0940\", stkSketch: \"\u0938\u094d\u0915\u0947\u091a\", stkHint: \"\u091f\u0948\u092a \u0915\u0930\u0915\u0947 \u091c\u094b\u0921\u093c\u0947\u0902, \u0915\u093e\u0930\u094d\u0921 \u092a\u0930 \u0916\u0940\u0902\u091a\u0915\u0930 \u0938\u0930\u0915\u093e\u090f\u0902\", lblStkSize: \"\u0938\u094d\u091f\u093f\u0915\u0930 \u0938\u093e\u0907\u091c\", btnStkDelete: \"\u091a\u0941\u0928\u093e \u0939\u0941\u0906 \u0939\u091f\u093e\u090f\u0902\", btnStkClear: \"\u0938\u092c \u0939\u091f\u093e\u090f\u0902\" });\n  Object.assign(translations.es, { secSticker: \"8. Pegatinas (opcional)\", stkEmoji: \"Emoji\", stkSketch: \"Boceto\", stkHint: \"Toca para a\u00f1adir, arrastra para mover\", lblStkSize: \"Tama\u00f1o\", btnStkDelete: \"Eliminar seleccionada\", btnStkClear: \"Borrar todo\" });\n  Object.assign(translations.ar, { secSticker: \"8. \u0645\u0644\u0635\u0642\u0627\u062a (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\", stkEmoji: \"\u0625\u064a\u0645\u0648\u062c\u064a\", stkSketch: \"\u0631\u0633\u0645\", stkHint: \"\u0627\u0636\u063a\u0637 \u0644\u0644\u0625\u0636\u0627\u0641\u0629 \u0648\u0627\u0633\u062d\u0628 \u0644\u0644\u062a\u062d\u0631\u064a\u0643\", lblStkSize: \"\u062d\u062c\u0645 \u0627\u0644\u0645\u0644\u0635\u0642\", btnStkDelete: \"\u062d\u0630\u0641 \u0627\u0644\u0645\u062d\u062f\u062f\", btnStkClear: \"\u0645\u0633\u062d \u0627\u0644\u0643\u0644\" });\n  Object.assign(translations.ur, { secSticker: \"8. \u0627\u0633\u0679\u06cc\u06a9\u0631\u0632 (\u0627\u062e\u062a\u06cc\u0627\u0631\u06cc)\", stkEmoji: \"\u0627\u06cc\u0645\u0648\u062c\u06cc\", stkSketch: \"\u062e\u0627\u06a9\u06c1\", stkHint: \"\u0679\u06cc\u067e \u06a9\u0631 \u06a9\u06d2 \u0634\u0627\u0645\u0644 \u06a9\u0631\u06cc\u06ba\u060c \u06a9\u06be\u06cc\u0646\u0686 \u06a9\u0631 \u06c1\u0644\u0627\u0626\u06cc\u06ba\", lblStkSize: \"\u0627\u0633\u0679\u06cc\u06a9\u0631 \u0633\u0627\u0626\u0632\", btnStkDelete: \"\u0645\u0646\u062a\u062e\u0628 \u062d\u0630\u0641 \u06a9\u0631\u06cc\u06ba\", btnStkClear: \"\u0633\u0628 \u0635\u0627\u0641 \u06a9\u0631\u06cc\u06ba\" });\n  Object.assign(translations.fa, { secSticker: \"8. \u0627\u0633\u062a\u06cc\u06a9\u0631 (\u0627\u062e\u062a\u06cc\u0627\u0631\u06cc)\", stkEmoji: \"\u0627\u06cc\u0645\u0648\u062c\u06cc\", stkSketch: \"\u0637\u0631\u062d\", stkHint: \"\u0628\u0631\u0627\u06cc \u0627\u0641\u0632\u0648\u062f\u0646 \u0628\u0632\u0646\u06cc\u062f\u060c \u0628\u0631\u0627\u06cc \u062c\u0627\u0628\u0647\u200c\u062c\u0627\u06cc\u06cc \u0628\u06a9\u0634\u06cc\u062f\", lblStkSize: \"\u0627\u0646\u062f\u0627\u0632\u0647 \u0627\u0633\u062a\u06cc\u06a9\u0631\", btnStkDelete: \"\u062d\u0630\u0641 \u0627\u0646\u062a\u062e\u0627\u0628\u200c\u0634\u062f\u0647\", btnStkClear: \"\u067e\u0627\u06a9 \u06a9\u0631\u062f\u0646 \u0647\u0645\u0647\" });\n\n  const EMOJIS = ['\u2764\ufe0f','\u2728','\ud83c\udf1f','\u2b50','\ud83c\udf19','\u262a\ufe0f','\ud83d\udd4c','\ud83e\udd32','\ud83d\udcd6','\ud83d\udcda','\u270d\ufe0f','\ud83c\udf39','\ud83c\udf38','\ud83c\udf3f','\ud83c\udf43','\ud83c\udf34','\u2600\ufe0f','\ud83c\udf08','\u2601\ufe0f','\ud83e\udd8b','\ud83d\udd4a\ufe0f','\ud83d\udcab','\ud83d\udd25','\ud83d\udca1','\ud83d\ude4f','\ud83d\ude0a','\ud83e\udd70','\ud83d\ude0d','\ud83d\udcaa','\ud83d\udc51','\ud83c\udfaf','\u2615','\ud83c\udfd4\ufe0f','\ud83c\udf0a','\ud83d\udc8e','\ud83c\udf89','\ud83c\udf88','\ud83d\udcad','\ud83d\udd14','\ud83d\udd4b'];\n\n  const circ = (cx, cy, r) => 'M' + (cx - r) + ' ' + cy + 'a' + r + ' ' + r + ' 0 1 0 ' + (2 * r) + ' 0a' + r + ' ' + r + ' 0 1 0 ' + (-2 * r) + ' 0';\n  const SKETCH_DEFS = [\n    { c: '#ff6b9d', d: 'M32 54C10 38 6 24 14 16C21 10 29 14 32 21C35 14 43 10 50 16C58 24 54 38 32 54Z' },\n    { c: '#f1c40f', d: 'M32 8L39 25L57 26L43 38L48 56L32 46L16 56L21 38L7 26L25 25Z' },\n    { c: '#ffffff', d: 'M32 6C34 24 40 30 58 32C40 34 34 40 32 58C30 40 24 34 6 32C24 30 30 24 32 6Z' },\n    { c: '#f1c40f', d: 'M44 10C26 12 16 26 20 42C24 56 42 60 54 50C38 52 30 40 34 28C36 20 40 14 44 10Z' },\n    { c: '#7bed9f', d: 'M12 52C10 28 28 10 54 10C54 36 38 54 12 52ZM12 52C24 40 34 30 46 18' },\n    { c: '#ffffff', d: circ(32,14,9) + circ(49,27,9) + circ(43,47,9) + circ(21,47,9) + circ(15,27,9) + circ(32,32,6) },\n    { c: '#f1c40f', d: 'M8 48L12 20L24 34L32 14L40 34L52 20L56 48ZM10 55H54' },\n    { c: '#ffffff', d: 'M4 34C12 22 18 46 26 34C34 22 40 46 48 34C52 28 56 32 60 34' },\n    { c: '#ffffff', d: 'M10 46C14 18 44 14 50 36M50 36L42 30M50 36L53 26' },\n    { c: '#f1c40f', d: circ(32,32,10) + 'M32 6V14M32 50V58M6 32H14M50 32H58M14 14L20 20M44 44L50 50M14 50L20 44M44 20L50 14' }\n  ];\n  const SKETCHES = SKETCH_DEFS.map(df => 'data:image\/svg+xml;utf8,' + encodeURIComponent(\n    '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"128\" height=\"128\" viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"' + df.c +\n    '\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"' + df.d + '\"\/><\/svg>'));\n\n  let selectedSticker = null;\n  function selectSticker(el) {\n    if (selectedSticker) selectedSticker.classList.remove('selected');\n    selectedSticker = el;\n    if (el) {\n      el.classList.add('selected');\n      const px = parseInt(el.style.fontSize, 10) || 48;\n      document.getElementById('qm-stkSize').value = px;\n      document.getElementById('qm-stkSizeVal').textContent = px + 'px';\n    }\n  }\n  function deselectSticker() { selectSticker(null); }\n\n  function addSticker(kind, value, idx) {\n    const el = document.createElement('div');\n    el.className = 'qm-sticker';\n    if (idx !== undefined) el.dataset.sk = idx;\n    el.style.left = (35 + Math.random() * 30) + '%';\n    el.style.top = (20 + Math.random() * 20) + '%';\n    el.style.fontSize = document.getElementById('qm-stkSize').value + 'px';\n    if (kind === 'img') {\n      const im = document.createElement('img');\n      im.src = value; im.alt = '';\n      el.appendChild(im);\n    } else {\n      el.textContent = value;\n      el.dataset.emoji = value;\n    }\n\n    let dragging = false;\n    el.addEventListener('pointerdown', e => {\n      e.preventDefault();\n      e.stopPropagation();\n      selectSticker(el);\n      dragging = true;\n      el.setPointerCapture(e.pointerId);\n    });\n    el.addEventListener('pointermove', e => {\n      if (!dragging) return;\n      const r = quoteCard.getBoundingClientRect();\n      const x = Math.min(100, Math.max(0, (e.clientX - r.left) \/ r.width * 100));\n      const y = Math.min(100, Math.max(0, (e.clientY - r.top) \/ r.height * 100));\n      el.style.left = x + '%';\n      el.style.top = y + '%';\n    });\n    const stop = () => { dragging = false; };\n    el.addEventListener('pointerup', stop);\n    el.addEventListener('pointercancel', stop);\n\n    quoteCard.appendChild(el);\n    selectSticker(el);\n  }\n\n  const emojiGrid = document.getElementById('qm-emojiGrid');\n  EMOJIS.forEach(em => {\n    const b = document.createElement('button');\n    b.type = 'button'; b.className = 'qm-stk-item'; b.textContent = em;\n    b.addEventListener('click', () => addSticker('text', em));\n    emojiGrid.appendChild(b);\n  });\n  const sketchGrid = document.getElementById('qm-sketchGrid');\n  SKETCHES.forEach((src, i) => {\n    const b = document.createElement('button');\n    b.type = 'button'; b.className = 'qm-stk-item qm-sketch-bg';\n    const im = document.createElement('img'); im.src = src; im.alt = '';\n    b.appendChild(im);\n    b.addEventListener('click', () => addSticker('img', src, i));\n    sketchGrid.appendChild(b);\n  });\n\n  document.getElementById('qm-stkSize').addEventListener('input', e => {\n    const v = e.target.value + 'px';\n    document.getElementById('qm-stkSizeVal').textContent = v;\n    if (selectedSticker) selectedSticker.style.fontSize = v;\n  });\n  document.getElementById('qm-stkDelete').addEventListener('click', () => {\n    if (selectedSticker) { selectedSticker.remove(); selectedSticker = null; }\n  });\n  document.getElementById('qm-stkClear').addEventListener('click', () => {\n    quoteCard.querySelectorAll('.qm-sticker').forEach(s => s.remove());\n    selectedSticker = null;\n  });\n  quoteCard.addEventListener('pointerdown', e => { if (e.target === quoteCard) deselectSticker(); });\n  document.addEventListener('keydown', e => {\n    if ((e.key === 'Delete' || e.key === 'Backspace') && selectedSticker &&\n        !\/INPUT|TEXTAREA\/.test((document.activeElement || {}).tagName || '')) {\n      selectedSticker.remove(); selectedSticker = null;\n    }\n  });\n\n  \/* \u09b8\u09cd\u099f\u09bf\u0995\u09be\u09b0\u0997\u09c1\u09b2\u09cb html2canvas-\u098f\u09b0 \u09ac\u09a6\u09b2\u09c7 \u09b8\u09b0\u09be\u09b8\u09b0\u09bf \u099b\u09ac\u09bf\u09b0 canvas-\u098f \u0986\u0981\u0995\u09be \u09b9\u09af\u09bc (\u0987\u09ae\u09cb\u099c\u09bf \u0993 \u09b8\u09cd\u0995\u09c7\u099a \u09a6\u09c1\u099f\u09cb\u0987) *\/\n  function loadCorsImage(url) {\n    return new Promise(res => {\n      const i = new Image();\n      i.crossOrigin = 'anonymous';\n      const timer = setTimeout(() => res(null), 6000);\n      i.onload = () => { clearTimeout(timer); res(i); };\n      i.onerror = () => { clearTimeout(timer); res(null); };\n      i.src = url;\n    });\n  }\n\n  async function drawStickersOnCanvas(canvas, scale) {\n    const ctx = canvas.getContext('2d');\n    \/* html2canvas \u09b6\u09c7\u09b7\u09c7 ctx-\u098f scale\/translate \u09b0\u09c7\u0996\u09c7 \u09af\u09be\u09af\u09bc; \u09b0\u09bf\u09b8\u09c7\u099f \u09a8\u09be \u0995\u09b0\u09b2\u09c7 \u09b8\u09cd\u099f\u09bf\u0995\u09be\u09b0 \u099b\u09ac\u09bf\u09b0 \u09ac\u09be\u0987\u09b0\u09c7 \u0986\u0981\u0995\u09be \u09aa\u09a1\u09bc\u09c7 *\/\n    ctx.save();\n    ctx.setTransform(1, 0, 0, 1, 0, 0);\n    ctx.globalAlpha = 1;\n    ctx.shadowColor = 'transparent';\n    ctx.fillStyle = '#000';\n    const cw = quoteCard.clientWidth, ch = quoteCard.clientHeight;\n    const ox = quoteCard.clientLeft, oy = quoteCard.clientTop;\n    const items = Array.from(quoteCard.querySelectorAll('.qm-sticker'));\n    console.info('[QuoteMaker] stickers to draw:', items.length);\n    for (const el of items) {\n      const size = (parseFloat(el.style.fontSize) || 48) * scale;\n      const x = (ox + parseFloat(el.style.left) \/ 100 * cw) * scale;\n      const y = (oy + parseFloat(el.style.top) \/ 100 * ch) * scale;\n      if (el.dataset.sk !== undefined && SKETCH_DEFS[+el.dataset.sk]) {\n        const df = SKETCH_DEFS[+el.dataset.sk];\n        const s2 = size * 1.1;\n        ctx.save();\n        ctx.translate(x - s2 \/ 2, y - s2 \/ 2);\n        ctx.scale(s2 \/ 64, s2 \/ 64);\n        ctx.strokeStyle = df.c;\n        ctx.lineWidth = 3.5;\n        ctx.lineCap = 'round';\n        ctx.lineJoin = 'round';\n        ctx.stroke(new Path2D(df.d));\n        ctx.restore();\n      } else {\n        \/* \u0987\u09ae\u09cb\u099c\u09bf \u0986\u09b2\u09be\u09a6\u09be \u098f\u0995\u099f\u09bf \u09a8\u09a4\u09c1\u09a8 canvas-\u098f \u0986\u0981\u0995\u09be \u09b9\u09af\u09bc; \u09a1\u09bf\u09ad\u09be\u0987\u09b8\u09c7\u09b0 \u09ab\u09a8\u09cd\u099f\u09c7 \u0987\u09ae\u09cb\u099c\u09bf \u09a8\u09be \u0986\u0981\u0995\u09b2\u09c7 (\u09ab\u09be\u0981\u0995\u09be \u09a5\u09be\u0995\u09b2\u09c7)\n           Twemoji \u099b\u09ac\u09bf \u09a6\u09bf\u09af\u09bc\u09c7 \u09ac\u09bf\u0995\u09b2\u09cd\u09aa \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u0986\u0981\u0995\u09be \u09b9\u09af\u09bc *\/\n        const box = Math.ceil(size * 1.6);\n        const oc = document.createElement('canvas');\n        oc.width = box; oc.height = box;\n        const octx = oc.getContext('2d');\n        octx.font = Math.round(size) + 'px \"Apple Color Emoji\",\"Segoe UI Emoji\",\"Noto Color Emoji\",\"Twemoji Mozilla\",\"Segoe UI Symbol\",sans-serif';\n        octx.textAlign = 'center';\n        octx.textBaseline = 'middle';\n        octx.fillStyle = '#000';\n        octx.fillText((el.dataset.emoji || el.textContent || el.querySelector('img') && el.querySelector('img').alt || ''), box \/ 2, box \/ 2);\n        let hasInk = false;\n        try {\n          const d = octx.getImageData(0, 0, box, box).data;\n          for (let k = 3; k < d.length; k += 4) { if (d[k] > 16) { hasInk = true; break; } }\n        } catch (e3) { hasInk = true; }\n        ctx.globalCompositeOperation = 'source-over';\n        console.info('[QuoteMaker] emoji', (el.dataset.emoji || el.textContent || el.querySelector('img') && el.querySelector('img').alt || ''), 'native ink:', hasInk, 'at', Math.round(x), Math.round(y), 'canvas', canvas.width, canvas.height);\n        if (hasInk) {\n          ctx.drawImage(oc, x - box \/ 2, y - box \/ 2);\n        } else {\n          const cp = Array.from((el.dataset.emoji || el.textContent || el.querySelector('img') && el.querySelector('img').alt || '')).map(c => c.codePointAt(0).toString(16)).filter(h => h !== 'fe0f').join('-');\n          const urls = [\n            'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/twemoji\/14.0.2\/72x72\/' + cp + '.png',\n            'https:\/\/cdn.jsdelivr.net\/gh\/jdecked\/twemoji@15.1.0\/assets\/72x72\/' + cp + '.png'\n          ];\n          let timg = null;\n          for (const u of urls) { timg = await loadCorsImage(u); if (timg) break; }\n          if (timg) {\n            const s3 = size * 1.1;\n            ctx.drawImage(timg, x - s3 \/ 2, y - s3 \/ 2, s3, s3);\n          } else {\n            console.warn('Emoji could not be drawn:', (el.dataset.emoji || el.textContent || el.querySelector('img') && el.querySelector('img').alt || ''));\n          }\n        }\n      }\n    }\n    ctx.restore();\n  }\n\n  applyLanguage('en');\n})();\n<\/script>\n\n\n\n<!DOCTYPE html>\n<html lang=\"bn\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>\u09ac\u09be\u09a3\u09c0 \u09ae\u09c7\u0995\u09be\u09b0 (Quote Maker) \u2013 Facebook \u09aa\u09cb\u09b8\u09cd\u099f \u0993 \u09b0\u09bf\u09b2\u09b8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09c7\u09b0\u09be \u09ab\u09cd\u09b0\u09bf \u099f\u09c1\u09b2<\/title>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n  <style>\n    :root {\n      --primary: #5b4cdb;\n      --primary-light: #7c6cf0;\n      --accent: #e84393;\n      --success: #00b894;\n      --warning: #fdcb6e;\n      --dark: #1a1a2e;\n      --text: #2d3436;\n      --muted: #636e72;\n      --bg: #f8f9fc;\n      --card: #ffffff;\n      --border: #e8eaf0;\n    }\n\n    * { margin: 0; padding: 0; box-sizing: border-box; }\n\n    body {\n      font-family: 'Hind Siliguri', system-ui, sans-serif;\n      background: var(--bg);\n      color: var(--text);\n      line-height: 1.75;\n      font-size: 17px;\n    }\n\n    .article-wrapper {\n      max-width: 860px;\n      margin: 0 auto;\n      padding: 20px 16px 60px;\n    }\n\n    \/* Hero Header *\/\n    .hero {\n      background: linear-gradient(135deg, #5b4cdb 0%, #7c6cf0 50%, #e84393 100%);\n      color: #fff;\n      border-radius: 20px;\n      padding: 40px 32px;\n      margin-bottom: 32px;\n      text-align: center;\n      box-shadow: 0 12px 40px rgba(91, 76, 219, 0.25);\n      position: relative;\n      overflow: hidden;\n    }\n    .hero::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -20%;\n      width: 300px;\n      height: 300px;\n      background: rgba(255,255,255,0.08);\n      border-radius: 50%;\n    }\n    .hero h1 {\n      font-size: 1.9rem;\n      font-weight: 700;\n      margin-bottom: 12px;\n      position: relative;\n      z-index: 1;\n    }\n    .hero p {\n      font-size: 1.05rem;\n      opacity: 0.95;\n      position: relative;\n      z-index: 1;\n    }\n\n    \/* Table of Contents *\/\n    .toc {\n      background: var(--card);\n      border-radius: 16px;\n      padding: 28px 28px 20px;\n      margin-bottom: 36px;\n      border: 1px solid var(--border);\n      box-shadow: 0 4px 20px rgba(0,0,0,0.04);\n    }\n    .toc-title {\n      font-size: 1.25rem;\n      font-weight: 700;\n      color: var(--primary);\n      margin-bottom: 16px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n    .toc-title span {\n      background: linear-gradient(135deg, var(--primary), var(--accent));\n      color: #fff;\n      width: 32px;\n      height: 32px;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1rem;\n    }\n    .toc ol {\n      list-style: none;\n      counter-reset: toc-counter;\n      padding: 0;\n    }\n    .toc > ol > li {\n      counter-increment: toc-counter;\n      margin-bottom: 8px;\n    }\n    .toc > ol > li > a {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      text-decoration: none;\n      color: var(--text);\n      font-weight: 600;\n      padding: 10px 14px;\n      border-radius: 10px;\n      transition: all 0.2s;\n    }\n    .toc > ol > li > a:hover {\n      background: linear-gradient(90deg, rgba(91,76,219,0.08), rgba(232,67,147,0.06));\n      color: var(--primary);\n    }\n    .toc > ol > li > a::before {\n      content: counter(toc-counter);\n      background: linear-gradient(135deg, var(--primary), var(--primary-light));\n      color: #fff;\n      width: 28px;\n      height: 28px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 0.85rem;\n      font-weight: 700;\n      flex-shrink: 0;\n    }\n    .toc ul {\n      list-style: none;\n      margin: 4px 0 8px 42px;\n      padding: 0;\n    }\n    .toc ul li a {\n      display: block;\n      text-decoration: none;\n      color: var(--muted);\n      font-size: 0.95rem;\n      padding: 5px 12px;\n      border-radius: 6px;\n      border-left: 3px solid transparent;\n      transition: all 0.2s;\n    }\n    .toc ul li a:hover {\n      color: var(--accent);\n      background: rgba(232,67,147,0.06);\n      border-left-color: var(--accent);\n    }\n\n    \/* Content Sections *\/\n    .section {\n      background: var(--card);\n      border-radius: 16px;\n      padding: 32px 28px;\n      margin-bottom: 24px;\n      border: 1px solid var(--border);\n      box-shadow: 0 2px 12px rgba(0,0,0,0.03);\n    }\n    .section h2 {\n      font-size: 1.45rem;\n      font-weight: 700;\n      color: var(--dark);\n      margin-bottom: 18px;\n      padding-bottom: 12px;\n      border-bottom: 3px solid transparent;\n      border-image: linear-gradient(90deg, var(--primary), var(--accent)) 1;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n    .section h2 .icon {\n      background: linear-gradient(135deg, var(--primary), var(--accent));\n      color: #fff;\n      width: 40px;\n      height: 40px;\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.2rem;\n      flex-shrink: 0;\n    }\n    .section h3 {\n      font-size: 1.15rem;\n      font-weight: 600;\n      color: var(--primary);\n      margin: 24px 0 12px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n    .section h3::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: var(--accent);\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n    .section p {\n      margin-bottom: 14px;\n      color: var(--text);\n    }\n    .section ul, .section ol {\n      margin: 12px 0 16px 8px;\n      padding-left: 20px;\n    }\n    .section li {\n      margin-bottom: 8px;\n      color: var(--text);\n    }\n    .section strong {\n      color: var(--primary);\n    }\n\n    \/* Back to TOC Button *\/\n    .back-to-toc {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      margin-top: 24px;\n      padding: 10px 20px;\n      background: linear-gradient(135deg, #f0eeff, #fff0f7);\n      color: var(--primary);\n      border: 1.5px solid rgba(91, 76, 219, 0.25);\n      border-radius: 30px;\n      font-size: 0.9rem;\n      font-weight: 600;\n      text-decoration: none;\n      transition: all 0.25s ease;\n      font-family: inherit;\n    }\n    .back-to-toc:hover {\n      background: linear-gradient(135deg, var(--primary), var(--accent));\n      color: #fff;\n      border-color: transparent;\n      box-shadow: 0 6px 18px rgba(91, 76, 219, 0.3);\n      transform: translateY(-2px);\n    }\n    .back-to-toc span {\n      font-size: 1.1rem;\n    }\n\n    \/* Feature Cards *\/\n    .feature-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 14px;\n      margin: 20px 0;\n    }\n    .feature-card {\n      background: linear-gradient(135deg, #f8f7ff, #fff5f9);\n      border: 1px solid #e8e4ff;\n      border-radius: 12px;\n      padding: 16px 18px;\n      display: flex;\n      gap: 14px;\n      align-items: flex-start;\n      transition: transform 0.2s, box-shadow 0.2s;\n    }\n    .feature-card:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 20px rgba(91,76,219,0.1);\n    }\n    .feature-card .num {\n      background: linear-gradient(135deg, var(--primary), var(--accent));\n      color: #fff;\n      width: 36px;\n      height: 36px;\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 700;\n      font-size: 0.95rem;\n      flex-shrink: 0;\n    }\n    .feature-card .content h4 {\n      font-size: 1.05rem;\n      font-weight: 600;\n      color: var(--dark);\n      margin-bottom: 4px;\n    }\n    .feature-card .content p {\n      font-size: 0.95rem;\n      color: var(--muted);\n      margin: 0;\n    }\n\n    \/* Steps *\/\n    .step {\n      display: flex;\n      gap: 16px;\n      margin-bottom: 16px;\n      align-items: flex-start;\n    }\n    .step-num {\n      background: linear-gradient(135deg, var(--success), #55efc4);\n      color: #fff;\n      width: 34px;\n      height: 34px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 700;\n      font-size: 0.9rem;\n      flex-shrink: 0;\n    }\n    .step-text {\n      padding-top: 4px;\n    }\n\n    \/* Benefits List *\/\n    .benefit-item {\n      display: flex;\n      gap: 12px;\n      align-items: flex-start;\n      margin-bottom: 12px;\n      padding: 12px 16px;\n      background: #f0fdf4;\n      border-radius: 10px;\n      border-left: 4px solid var(--success);\n    }\n    .benefit-item .check {\n      color: var(--success);\n      font-size: 1.2rem;\n      font-weight: 700;\n      flex-shrink: 0;\n    }\n\n    \/* Tips Box *\/\n    .tips-box {\n      background: linear-gradient(135deg, #fff9e6, #fff5f0);\n      border: 1px solid #ffeaa7;\n      border-radius: 14px;\n      padding: 20px 22px;\n      margin-top: 12px;\n    }\n    .tips-box li {\n      margin-bottom: 10px;\n    }\n\n    \/* CTA Box *\/\n    .cta {\n      background: linear-gradient(135deg, #5b4cdb, #e84393);\n      color: #fff;\n      border-radius: 16px;\n      padding: 32px 28px;\n      text-align: center;\n      margin-top: 28px;\n      box-shadow: 0 10px 30px rgba(91,76,219,0.25);\n    }\n    .cta h3 {\n      font-size: 1.4rem;\n      margin-bottom: 10px;\n      color: #fff !important;\n    }\n    .cta h3::before { display: none !important; }\n    .cta p {\n      opacity: 0.95;\n      margin-bottom: 0;\n      color: #fff;\n    }\n\n    \/* Who can use tags *\/\n    .tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 16px;\n    }\n    .tag {\n      background: linear-gradient(135deg, rgba(91,76,219,0.1), rgba(232,67,147,0.08));\n      color: var(--primary);\n      padding: 8px 16px;\n      border-radius: 30px;\n      font-size: 0.9rem;\n      font-weight: 600;\n      border: 1px solid rgba(91,76,219,0.2);\n    }\n\n    @media (max-width: 600px) {\n      .hero { padding: 28px 20px; }\n      .hero h1 { font-size: 1.45rem; }\n      .section { padding: 24px 18px; }\n      .toc { padding: 22px 18px 16px; }\n      .section h2 { font-size: 1.25rem; }\n    }\n  <\/style>\n<\/head>\n<body>\n<div class=\"article-wrapper\">\n\n  <!-- Hero -->\n  <div class=\"hero\">\n    <h1>\u2728 \u09ac\u09be\u09a3\u09c0 \u09ae\u09c7\u0995\u09be\u09b0 (Quote Maker)<\/h1>\n    <p>Facebook \u09aa\u09cb\u09b8\u09cd\u099f \u0993 \u09b0\u09bf\u09b2\u09b8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09c7\u09b0\u09be \u09ab\u09cd\u09b0\u09bf \u099f\u09c1\u09b2 \u2013 \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u09ac\u09be\u09a3\u09c0 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c1\u09a8 \u09ae\u09c1\u09b9\u09c2\u09b0\u09cd\u09a4\u09c7\u0987<\/p>\n  <\/div>\n\n  <!-- Table of Contents -->\n  <div class=\"toc\" id=\"toc\">\n    <div class=\"toc-title\"><span>\ud83d\udccb<\/span> \u09b8\u09c1\u099a\u09c0\u09aa\u09a4\u09cd\u09b0<\/div>\n    <ol>\n      <li><a href=\"#introduction\">\u09ad\u09c2\u09ae\u09bf\u0995\u09be<\/a><\/li>\n      <li><a href=\"#what-is\">\u09ac\u09be\u09a3\u09c0 \u09ae\u09c7\u0995\u09be\u09b0 \u0995\u09c0 \u098f\u09ac\u0982 \u0995\u09c7\u09a8 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09ac\u09c7\u09a8?<\/a><\/li>\n      <li>\n        <a href=\"#features\">\u09aa\u09cd\u09b0\u09a7\u09be\u09a8 \u09ab\u09bf\u099a\u09be\u09b0\u09b8\u09ae\u09c2\u09b9<\/a>\n        <ul>\n          <li><a href=\"#f-text\">\u09ac\u09be\u09a3\u09c0 \u09b0\u099a\u09a8\u09be\u09b0 \u09b8\u09c1\u09ac\u09bf\u09a7\u09be<\/a><\/li>\n          <li><a href=\"#f-bg\">\u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u0985\u09aa\u09b6\u09a8<\/a><\/li>\n          <li><a href=\"#f-border\">\u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u09b8\u09cd\u099f\u09be\u0987\u09b2<\/a><\/li>\n          <li><a href=\"#f-color\">\u099f\u09c7\u0995\u09cd\u09b8\u099f \u0995\u09be\u09b2\u09be\u09b0 \u0993 \u09b8\u09be\u0987\u099c<\/a><\/li>\n          <li><a href=\"#f-effect\">\u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u099f\u09c7\u09a1 \u0987\u09ab\u09c7\u0995\u09cd\u099f<\/a><\/li>\n          <li><a href=\"#f-size\">\u09b8\u09be\u0987\u099c \u0985\u09aa\u09b6\u09a8<\/a><\/li>\n          <li><a href=\"#f-preview\">\u09b2\u09be\u0987\u09ad \u09aa\u09cd\u09b0\u09bf\u09ad\u09bf\u0989<\/a><\/li>\n          <li><a href=\"#f-lang\">\u09ae\u09be\u09b2\u09cd\u099f\u09bf-\u09b2\u09cd\u09af\u09be\u0999\u09cd\u0997\u09c1\u09df\u09c7\u099c<\/a><\/li>\n          <li><a href=\"#f-download\">\u09b9\u09be\u0987 \u0995\u09cb\u09df\u09be\u09b2\u09bf\u099f\u09bf \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1<\/a><\/li>\n        <\/ul>\n      <\/li>\n      <li><a href=\"#how-to\">\u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09ac\u09c7\u09a8?<\/a><\/li>\n      <li><a href=\"#who\">\u0995\u09be\u09b0\u09be \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8?<\/a><\/li>\n      <li><a href=\"#benefits\">\u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u09c7\u09b0 \u09b8\u09c1\u09ac\u09bf\u09a7\u09be<\/a><\/li>\n      <li><a href=\"#tips\">Facebook-\u098f \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u09c7\u09b0 \u099f\u09bf\u09aa\u09b8<\/a><\/li>\n      <li><a href=\"#conclusion\">\u0989\u09aa\u09b8\u0982\u09b9\u09be\u09b0<\/a><\/li>\n    <\/ol>\n  <\/div>\n\n  <!-- Introduction -->\n  <div class=\"section\" id=\"introduction\">\n    <h2><span class=\"icon\">\ud83d\udc4b<\/span> \u09ad\u09c2\u09ae\u09bf\u0995\u09be<\/h2>\n    <p>\u0986\u099c\u0995\u09c7\u09b0 \u09a1\u09bf\u099c\u09bf\u099f\u09be\u09b2 \u09af\u09c1\u0997\u09c7 \u09b8\u09cb\u09b6\u09cd\u09af\u09be\u09b2 \u09ae\u09bf\u09a1\u09bf\u09df\u09be\u09df \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u0995\u09a8\u099f\u09c7\u09a8\u09cd\u099f \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u0985\u09a4\u09cd\u09af\u09a8\u09cd\u09a4 \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3\u0964 \u09ac\u09bf\u09b6\u09c7\u09b7 \u0995\u09b0\u09c7 Facebook \u09aa\u09cb\u09b8\u09cd\u099f \u098f\u09ac\u0982 \u09b0\u09bf\u09b2\u09b8\u09c7 \u0986\u0995\u09b0\u09cd\u09b7\u09a3\u09c0\u09df \u09ac\u09be\u09a3\u09c0 \u09ac\u09be \u0995\u09cb\u099f\u09c7\u09b6\u09a8 \u09b6\u09c7\u09df\u09be\u09b0 \u0995\u09b0\u09b2\u09c7 \u09ae\u09be\u09a8\u09c1\u09b7\u09c7\u09b0 \u09ae\u09a8\u09cb\u09af\u09cb\u0997 \u09b8\u09b9\u099c\u09c7\u0987 \u0986\u0995\u09b0\u09cd\u09b7\u09a3 \u0995\u09b0\u09be \u09af\u09be\u09df\u0964 \u0985\u09a8\u09c7\u0995 \u09b8\u09ae\u09df \u0986\u09ae\u09b0\u09be \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u09ac\u09be\u09a3\u09c0 \u0996\u09c1\u0981\u099c\u09c7 \u09aa\u09be\u0987, \u0995\u09bf\u09a8\u09cd\u09a4\u09c1 \u09b8\u09c7\u099f\u09be\u0995\u09c7 \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u0995\u09b0\u09c7 \u09b8\u09be\u099c\u09be\u09a8\u09cb\u09b0 \u099c\u09a8\u09cd\u09af \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u09b8\u09cd\u0995\u09bf\u09b2 \u09ac\u09be \u0985\u09cd\u09af\u09be\u09aa\u09c7\u09b0 \u0985\u09ad\u09be\u09ac \u0985\u09a8\u09c1\u09ad\u09ac \u0995\u09b0\u09bf\u0964<\/p>\n    <p>\u098f\u0987 \u09b8\u09ae\u09b8\u09cd\u09af\u09be\u09b0 \u09b8\u09ae\u09be\u09a7\u09be\u09a8 \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7 <strong>\u09ac\u09be\u09a3\u09c0 \u09ae\u09c7\u0995\u09be\u09b0 (Quote Maker)<\/strong> \u2013 \u098f\u0995\u099f\u09bf \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u09ab\u09cd\u09b0\u09bf, \u09b8\u09b9\u099c \u098f\u09ac\u0982 \u09aa\u09be\u0993\u09df\u09be\u09b0\u09ab\u09c1\u09b2 \u0985\u09a8\u09b2\u09be\u0987\u09a8 \u099f\u09c1\u09b2\u0964 \u098f\u0987 \u099f\u09c1\u09b2 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u0986\u09aa\u09a8\u09bf \u09ae\u09be\u09a4\u09cd\u09b0 \u0995\u09df\u09c7\u0995 \u09ae\u09bf\u09a8\u09bf\u099f\u09c7\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09aa\u09c7\u09b6\u09be\u09a6\u09be\u09b0 \u09ae\u09be\u09a8\u09c7\u09b0 \u09ac\u09be\u09a3\u09c0 \u0987\u09ae\u09c7\u099c \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8, \u09af\u09be \u09b8\u09b0\u09be\u09b8\u09b0\u09bf Facebook \u09aa\u09cb\u09b8\u09cd\u099f \u09ac\u09be \u09b0\u09bf\u09b2\u09b8\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u09af\u09cb\u0997\u09cd\u09af\u0964<\/p>\n    <p>Docsinhand.com-\u098f \u0986\u09ae\u09b0\u09be \u098f\u0987 \u099f\u09c1\u09b2\u099f\u09bf \u0986\u09aa\u09a8\u09be\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09a8\u09bf\u09df\u09c7 \u098f\u09b8\u09c7\u099b\u09bf, \u09af\u09be\u09a4\u09c7 \u0986\u09aa\u09a8\u09be\u09b0\u09be \u09b8\u09b9\u099c\u09c7\u0987 \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u0995\u09cb\u099f\u09c7\u09b6\u09a8 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u09a8 \u098f\u09ac\u0982 \u0986\u09aa\u09a8\u09be\u09b0 \u09aa\u09c7\u099c \u09ac\u09be \u09aa\u09cd\u09b0\u09cb\u09ab\u09be\u0987\u09b2\u0995\u09c7 \u0986\u09b0\u0993 \u0986\u0995\u09b0\u09cd\u09b7\u09a3\u09c0\u09df \u0995\u09b0\u09c7 \u09a4\u09c1\u09b2\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u09a8\u0964<\/p>\n    \n    <a href=\"#toc\" class=\"back-to-toc\"><span>\u2191<\/span> \u09b8\u09c2\u099a\u09c0\u09aa\u09a4\u09cd\u09b0\u09c7 \u09ab\u09bf\u09b0\u09c7 \u09af\u09be\u09a8<\/a>\n  <\/div>\n\n  <!-- What is -->\n  <div class=\"section\" id=\"what-is\">\n    <h2><span class=\"icon\">\ud83d\udca1<\/span> \u09ac\u09be\u09a3\u09c0 \u09ae\u09c7\u0995\u09be\u09b0 \u0995\u09c0 \u098f\u09ac\u0982 \u0995\u09c7\u09a8 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09ac\u09c7\u09a8?<\/h2>\n    <p>\u09ac\u09be\u09a3\u09c0 \u09ae\u09c7\u0995\u09be\u09b0 \u098f\u0995\u099f\u09bf \u0985\u09a8\u09b2\u09be\u0987\u09a8 \u09ad\u09bf\u09a4\u09cd\u09a4\u09bf\u0995 \u099f\u09c1\u09b2, \u09af\u09be \u0995\u09cb\u09a8\u09cb \u0987\u09a8\u09b8\u09cd\u099f\u09b2\u09c7\u09b6\u09a8 \u099b\u09be\u09dc\u09be\u0987 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0\u09c7 \u099a\u09b2\u09c7\u0964 \u0986\u09aa\u09a8\u09bf \u099a\u09be\u0987\u09b2\u09c7 \u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u09ac\u09be \u0995\u09ae\u09cd\u09aa\u09bf\u0989\u099f\u09be\u09b0 \u2013 \u09af\u09c7\u0995\u09cb\u09a8\u09cb \u09a1\u09bf\u09ad\u09be\u0987\u09b8 \u09a5\u09c7\u0995\u09c7 \u098f\u099f\u09bf \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964<\/p>\n    <p>\u098f\u0987 \u099f\u09c1\u09b2\u09c7\u09b0 \u09aa\u09cd\u09b0\u09a7\u09be\u09a8 \u0989\u09a6\u09cd\u09a6\u09c7\u09b6\u09cd\u09af \u09b9\u09b2\u09cb:<\/p>\n    <ul>\n      <li>\u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u09ac\u09be\u09a3\u09c0 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be<\/li>\n      <li>\u09b0\u099a\u09df\u09bf\u09a4\u09be\u09b0 \u09a8\u09be\u09ae, \u099b\u09ac\u09bf \u0993 \u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf \u09af\u09cb\u0997 \u0995\u09b0\u09be<\/li>\n      <li>\u0986\u0995\u09b0\u09cd\u09b7\u09a3\u09c0\u09df \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u0993 \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u09a6\u09bf\u09df\u09c7 \u09b8\u09be\u099c\u09be\u09a8\u09cb<\/li>\n      <li>\u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u099f\u09c7\u09a1 \u0987\u09ab\u09c7\u0995\u09cd\u099f \u09af\u09cb\u0997 \u0995\u09b0\u09be<\/li>\n      <li>Facebook \u09aa\u09cb\u09b8\u09cd\u099f \u0993 \u09b0\u09bf\u09b2\u09b8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u0989\u09aa\u09af\u09cb\u0997\u09c0 \u09b8\u09be\u0987\u099c\u09c7 \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1 \u0995\u09b0\u09be<\/li>\n    <\/ul>\n    <p>\u0985\u09a8\u09c7\u0995 \u09ab\u09cd\u09b0\u09bf \u099f\u09c1\u09b2\u09c7 \u0993\u09df\u09be\u099f\u09be\u09b0\u09ae\u09be\u09b0\u09cd\u0995 \u09a5\u09be\u0995\u09c7 \u09ac\u09be \u09b8\u09c0\u09ae\u09bf\u09a4 \u09ab\u09bf\u099a\u09be\u09b0 \u09aa\u09be\u0993\u09df\u09be \u09af\u09be\u09df\u0964 \u0995\u09bf\u09a8\u09cd\u09a4\u09c1 \u09ac\u09be\u09a3\u09c0 \u09ae\u09c7\u0995\u09be\u09b0\u09c7 <strong>\u0995\u09cb\u09a8\u09cb \u0993\u09df\u09be\u099f\u09be\u09b0\u09ae\u09be\u09b0\u09cd\u0995 \u09a8\u09c7\u0987<\/strong>, \u0995\u09cb\u09a8\u09cb \u09b8\u09be\u0987\u09a8\u0986\u09aa \u09b2\u09be\u0997\u09c7 \u09a8\u09be \u098f\u09ac\u0982 \u09b8\u09ac \u09ab\u09bf\u099a\u09be\u09b0 \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u09ab\u09cd\u09b0\u09bf\u0964<\/p>\n    \n    <a href=\"#toc\" class=\"back-to-toc\"><span>\u2191<\/span> \u09b8\u09c2\u099a\u09c0\u09aa\u09a4\u09cd\u09b0\u09c7 \u09ab\u09bf\u09b0\u09c7 \u09af\u09be\u09a8<\/a>\n  <\/div>\n\n  <!-- Features -->\n  <div class=\"section\" id=\"features\">\n    <h2><span class=\"icon\">\ud83d\ude80<\/span> \u09aa\u09cd\u09b0\u09a7\u09be\u09a8 \u09ab\u09bf\u099a\u09be\u09b0\u09b8\u09ae\u09c2\u09b9<\/h2>\n\n    <h3 id=\"f-text\">\u09e7. \u09ac\u09be\u09a3\u09c0 \u09b0\u099a\u09a8\u09be\u09b0 \u09b8\u09c1\u09ac\u09bf\u09a7\u09be<\/h3>\n    <p>\u0986\u09aa\u09a8\u09bf \u09b8\u09b0\u09be\u09b8\u09b0\u09bf \u099f\u09c7\u0995\u09cd\u09b8\u099f \u09ac\u0995\u09cd\u09b8\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09aa\u099b\u09a8\u09cd\u09a6\u09c7\u09b0 \u09ac\u09be\u09a3\u09c0 \u09b2\u09bf\u0996\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964 \u09b2\u09ae\u09cd\u09ac\u09be \u09ac\u09be \u099b\u09cb\u099f \u2013 \u09af\u09c7\u0995\u09cb\u09a8\u09cb \u09a7\u09b0\u09a8\u09c7\u09b0 \u09ac\u09be\u09a3\u09c0 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u0995\u09b0\u09c7\u0964 \u09b8\u09be\u09a5\u09c7 \u09b0\u099a\u09df\u09bf\u09a4\u09be\u09b0 \u09a8\u09be\u09ae \u098f\u09ac\u0982 \u099b\u09cb\u099f \u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf (\u09ac\u09be\u09df\u09cb) \u09af\u09cb\u0997 \u0995\u09b0\u09be\u09b0 \u0985\u09aa\u09b6\u09a8 \u09b0\u09df\u09c7\u099b\u09c7\u0964 \u098f\u099b\u09be\u09dc\u09be \u09b0\u099a\u09df\u09bf\u09a4\u09be\u09b0 \u099b\u09ac\u09bf \u0986\u09aa\u09b2\u09cb\u09a1 \u0995\u09b0\u09c7 \u0986\u09b0\u0993 \u09ac\u09cd\u09af\u0995\u09cd\u09a4\u09bf\u0997\u09a4 \u0993 \u09ac\u09bf\u09b6\u09cd\u09ac\u09be\u09b8\u09af\u09cb\u0997\u09cd\u09af \u0995\u09b0\u09c7 \u09a4\u09cb\u09b2\u09be \u09af\u09be\u09df\u0964<\/p>\n\n    <h3 id=\"f-bg\">\u09e8. \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u0985\u09aa\u09b6\u09a8<\/h3>\n    <p>\u099f\u09c1\u09b2\u09c7 \u09a4\u09bf\u09a8 \u09a7\u09b0\u09a8\u09c7\u09b0 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u09aa\u09be\u0993\u09df\u09be \u09af\u09be\u09df:<\/p>\n    <div class=\"feature-grid\">\n      <div class=\"feature-card\">\n        <div class=\"num\">\ud83c\udfa8<\/div>\n        <div class=\"content\">\n          <h4>Colors<\/h4>\n          <p>\u09e8\u09e6\u099f\u09bf\u09b0\u0993 \u09ac\u09c7\u09b6\u09bf \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u0997\u09cd\u09b0\u09c7\u09a1\u09bf\u09df\u09c7\u09a8\u09cd\u099f \u0995\u09be\u09b2\u09be\u09b0<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"feature-card\">\n        <div class=\"num\">\ud83d\uddbc\ufe0f<\/div>\n        <div class=\"content\">\n          <h4>Images<\/h4>\n          <p>\u09aa\u09be\u09b9\u09be\u09dc, \u09b8\u09ae\u09c1\u09a6\u09cd\u09b0, \u09ab\u09b0\u09c7\u09b8\u09cd\u099f, \u0985\u09b0\u09cb\u09b0\u09be\u09b8\u09b9 \u09e7\u09eb\u099f\u09bf \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09df\u09be\u09ae \u0987\u09ae\u09c7\u099c<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"feature-card\">\n        <div class=\"num\">\ud83d\udce4<\/div>\n        <div class=\"content\">\n          <h4>Custom<\/h4>\n          <p>\u09a8\u09bf\u099c\u09c7\u09b0 \u09a1\u09bf\u09ad\u09be\u0987\u09b8 \u09a5\u09c7\u0995\u09c7 \u09af\u09c7\u0995\u09cb\u09a8\u09cb \u099b\u09ac\u09bf \u0986\u09aa\u09b2\u09cb\u09a1 \u0995\u09b0\u09c1\u09a8<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n    <p>\u098f\u099b\u09be\u09dc\u09be \u09a1\u09be\u09b0\u09cd\u0995 \u0993\u09ad\u09be\u09b0\u09b2\u09c7 \u09b8\u09cd\u09b2\u09be\u0987\u09a1\u09be\u09b0 \u09b0\u09df\u09c7\u099b\u09c7, \u09af\u09be\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u099b\u09ac\u09bf\u09b0 \u0989\u09aa\u09b0 \u0995\u09a4\u099f\u09be \u0985\u09a8\u09cd\u09a7\u0995\u09be\u09b0 \u09b2\u09be\u0997\u09ac\u09c7 \u09a4\u09be \u09a8\u09bf\u09df\u09a8\u09cd\u09a4\u09cd\u09b0\u09a3 \u0995\u09b0\u09be \u09af\u09be\u09df\u0964 \u098f\u09a4\u09c7 \u099f\u09c7\u0995\u09cd\u09b8\u099f \u09b8\u09ac\u09b8\u09ae\u09df \u09b8\u09cd\u09aa\u09b7\u09cd\u099f \u09a5\u09be\u0995\u09c7\u0964<\/p>\n\n    <h3 id=\"f-border\">\u09e9. \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u09b8\u09cd\u099f\u09be\u0987\u09b2<\/h3>\n    <p>\u09ef\u099f\u09bf \u09ad\u09bf\u09a8\u09cd\u09a8 \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09b0\u09df\u09c7\u099b\u09c7 \u2013 \u09aa\u09be\u09a4\u09b2\u09be, \u09ae\u09cb\u099f\u09be, \u09a1\u09be\u09ac\u09b2, \u09a1\u09cd\u09af\u09be\u09b6, \u0997\u09cd\u09b2\u09cb, \u0997\u09cb\u09b2\u09cd\u09a1, \u09a8\u09bf\u09df\u09a8, \u09aa\u09bf\u0982\u0995 \u098f\u09ac\u0982 \u09ac\u09b0\u09cd\u09a1\u09be\u09b0\u09ac\u09bf\u09b9\u09c0\u09a8\u0964 \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u0986\u09b2\u09be\u09a6\u09be \u09b8\u09cc\u09a8\u09cd\u09a6\u09b0\u09cd\u09af \u09af\u09cb\u0997 \u0995\u09b0\u09c7\u0964<\/p>\n\n    <h3 id=\"f-color\">\u09ea. \u099f\u09c7\u0995\u09cd\u09b8\u099f \u0995\u09be\u09b2\u09be\u09b0 \u0993 \u09b8\u09be\u0987\u099c \u09a8\u09bf\u09df\u09a8\u09cd\u09a4\u09cd\u09b0\u09a3<\/h3>\n    <p>\u099f\u09c7\u0995\u09cd\u09b8\u099f \u09b8\u09be\u09a6\u09be, \u0995\u09be\u09b2\u09cb \u09ac\u09be \u09b8\u09cb\u09a8\u09be\u09b2\u09c0 \u0995\u09be\u09b2\u09be\u09b0\u09c7 \u09b8\u09c7\u099f \u0995\u09b0\u09be \u09af\u09be\u09df\u0964 \u09ab\u09a8\u09cd\u099f \u09b8\u09be\u0987\u099c\u0993 \u09b8\u09cd\u09b2\u09be\u0987\u09a1\u09be\u09b0 \u09a6\u09bf\u09df\u09c7 \u09b8\u09b9\u099c\u09c7 \u09ac\u09be\u09dc\u09be\u09a8\u09cb-\u0995\u09ae\u09be\u09a8\u09cb \u09af\u09be\u09df\u0964<\/p>\n\n    <h3 id=\"f-effect\">\u09eb. \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u099f\u09c7\u09a1 \u0987\u09ab\u09c7\u0995\u09cd\u099f<\/h3>\n    <p>\u09e7\u09e8\u099f\u09bf \u0986\u0995\u09b0\u09cd\u09b7\u09a3\u09c0\u09df \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u0987\u09ab\u09c7\u0995\u09cd\u099f \u09b0\u09df\u09c7\u099b\u09c7: Fade In, Bounce, Glow, Float, Rotate, Heartbeat, Slide, Zoom, Shimmer, Rainbow, Particles \u098f\u09ac\u0982 \u0995\u09cb\u09a8\u09cb \u0987\u09ab\u09c7\u0995\u09cd\u099f \u099b\u09be\u09dc\u09be\u0987\u0964 \u098f\u0987 \u0987\u09ab\u09c7\u0995\u09cd\u099f\u0997\u09c1\u09b2\u09cb \u09b2\u09be\u0987\u09ad \u09aa\u09cd\u09b0\u09bf\u09ad\u09bf\u0989\u09a4\u09c7 \u09a6\u09c7\u0996\u09be \u09af\u09be\u09df\u0964<\/p>\n\n    <h3 id=\"f-size\">\u09ec. \u09b8\u09be\u0987\u099c \u0985\u09aa\u09b6\u09a8<\/h3>\n    <p>\u09a4\u09bf\u09a8\u099f\u09bf \u09b8\u09be\u0987\u099c \u09aa\u09be\u0993\u09df\u09be \u09af\u09be\u09df:<\/p>\n    <ul>\n      <li><strong>Square<\/strong> \u2013 \u09b8\u09be\u09a7\u09be\u09b0\u09a3 Facebook \u09aa\u09cb\u09b8\u09cd\u099f\u09c7\u09b0 \u099c\u09a8\u09cd\u09af<\/li>\n      <li><strong>Story \/ Reel<\/strong> \u2013 \u09ef:\u09e7\u09ec \u0985\u09a8\u09c1\u09aa\u09be\u09a4 (\u09b8\u09cd\u099f\u09cb\u09b0\u09bf \u0993 \u09b0\u09bf\u09b2\u09b8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af)<\/li>\n      <li><strong>Landscape<\/strong> \u2013 \u09ab\u09c7\u09b8\u09ac\u09c1\u0995 \u0995\u09ad\u09be\u09b0 \u09ac\u09be \u0993\u09df\u09be\u0987\u09a1 \u09aa\u09cb\u09b8\u09cd\u099f\u09c7\u09b0 \u099c\u09a8\u09cd\u09af<\/li>\n    <\/ul>\n\n    <h3 id=\"f-preview\">\u09ed. \u09b2\u09be\u0987\u09ad \u09aa\u09cd\u09b0\u09bf\u09ad\u09bf\u0989<\/h3>\n    <p>\u0986\u09aa\u09a8\u09bf \u09af\u09be \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09ac\u09c7\u09a8, \u09a4\u09be \u09b8\u09be\u09a5\u09c7 \u09b8\u09be\u09a5\u09c7 \u09a1\u09be\u09a8\u09a6\u09bf\u0995\u09c7\u09b0 \u09aa\u09cd\u09b0\u09bf\u09ad\u09bf\u0989\u09a4\u09c7 \u09a6\u09c7\u0996\u09be \u09af\u09be\u09ac\u09c7\u0964 \u0995\u09cb\u09a8\u09cb \u0985\u09a8\u09c1\u09ae\u09be\u09a8 \u0995\u09b0\u09a4\u09c7 \u09b9\u09df \u09a8\u09be\u0964<\/p>\n\n    <h3 id=\"f-lang\">\u09ee. \u09ae\u09be\u09b2\u09cd\u099f\u09bf-\u09b2\u09cd\u09af\u09be\u0999\u09cd\u0997\u09c1\u09df\u09c7\u099c \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f<\/h3>\n    <p>\u099f\u09c1\u09b2\u099f\u09bf \u0987\u0982\u09b0\u09c7\u099c\u09bf, \u09ac\u09be\u0982\u09b2\u09be, \u09b9\u09bf\u09a8\u09cd\u09a6\u09bf, \u09b8\u09cd\u09aa\u09cd\u09af\u09be\u09a8\u09bf\u09b6 \u098f\u09ac\u0982 \u0986\u09b0\u09ac\u09bf \u2013 \u098f\u0987 \u09aa\u09be\u0981\u099a\u099f\u09bf \u09ad\u09be\u09b7\u09be\u09df \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09af\u09be\u09df\u0964 \u0989\u09aa\u09b0\u09c7\u09b0 \u09a1\u09be\u09a8\u09a6\u09bf\u0995\u09c7\u09b0 \u09b2\u09cd\u09af\u09be\u0999\u09cd\u0997\u09c1\u09df\u09c7\u099c \u09b8\u09bf\u09b2\u09c7\u0995\u09cd\u099f\u09b0 \u09a5\u09c7\u0995\u09c7 \u09b8\u09b9\u099c\u09c7\u0987 \u09ad\u09be\u09b7\u09be \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09be \u09af\u09be\u09df\u0964<\/p>\n\n    <h3 id=\"f-download\">\u09ef. \u09b9\u09be\u0987 \u0995\u09cb\u09df\u09be\u09b2\u09bf\u099f\u09bf \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1<\/h3>\n    <p>\u098f\u0995 \u0995\u09cd\u09b2\u09bf\u0995\u09c7 PNG \u09ab\u09b0\u09ae\u09cd\u09af\u09be\u099f\u09c7 \u09b9\u09be\u0987 \u09b0\u09c7\u099c\u09cb\u09b2\u09bf\u0989\u09b6\u09a8 \u0987\u09ae\u09c7\u099c \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1 \u0995\u09b0\u09be \u09af\u09be\u09df\u0964 \u0986\u09b2\u09be\u09a6\u09be \u09ac\u09be\u099f\u09a8 \u09b0\u09df\u09c7\u099b\u09c7 \u09aa\u09cb\u09b8\u09cd\u099f \u098f\u09ac\u0982 \u09b0\u09bf\u09b2\/\u09b8\u09cd\u099f\u09cb\u09b0\u09bf \u09b8\u09be\u0987\u099c\u09c7\u09b0 \u099c\u09a8\u09cd\u09af\u0964<\/p>\n    \n    <a href=\"#toc\" class=\"back-to-toc\"><span>\u2191<\/span> \u09b8\u09c2\u099a\u09c0\u09aa\u09a4\u09cd\u09b0\u09c7 \u09ab\u09bf\u09b0\u09c7 \u09af\u09be\u09a8<\/a>\n  <\/div>\n\n  <!-- How to use -->\n  <div class=\"section\" id=\"how-to\">\n    <h2><span class=\"icon\">\ud83d\udcdd<\/span> \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09ac\u09c7\u09a8? (\u09a7\u09be\u09aa\u09c7 \u09a7\u09be\u09aa\u09c7 \u0997\u09be\u0987\u09a1)<\/h2>\n    \n    <div class=\"step\"><div class=\"step-num\">\u09e7<\/div><div class=\"step-text\">Docsinhand.com-\u098f \u0997\u09bf\u09df\u09c7 \u09ac\u09be\u09a3\u09c0 \u09ae\u09c7\u0995\u09be\u09b0 \u099f\u09c1\u09b2\u099f\u09bf \u0993\u09aa\u09c7\u09a8 \u0995\u09b0\u09c1\u09a8\u0964<\/div><\/div>\n    <div class=\"step\"><div class=\"step-num\">\u09e8<\/div><div class=\"step-text\">\u09aa\u09cd\u09b0\u09a5\u09ae\u09c7 \u201cYour Quote\u201d \u09ac\u0995\u09cd\u09b8\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09ac\u09be\u09a3\u09c0 \u09b2\u09bf\u0996\u09c1\u09a8\u0964<\/div><\/div>\n    <div class=\"step\"><div class=\"step-num\">\u09e9<\/div><div class=\"step-text\">\u09b0\u099a\u09df\u09bf\u09a4\u09be\u09b0 \u09a8\u09be\u09ae \u098f\u09ac\u0982 \u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf \u09b2\u09bf\u0996\u09c1\u09a8\u0964 \u099a\u09be\u0987\u09b2\u09c7 \u09b0\u099a\u09df\u09bf\u09a4\u09be\u09b0 \u099b\u09ac\u09bf \u0986\u09aa\u09b2\u09cb\u09a1 \u0995\u09b0\u09c1\u09a8\u0964<\/div><\/div>\n    <div class=\"step\"><div class=\"step-num\">\u09ea<\/div><div class=\"step-text\">\u09b8\u09be\u0987\u099c \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09a8 \u0995\u09b0\u09c1\u09a8 \u2013 Square, Story\/Reel \u09ac\u09be Landscape\u0964<\/div><\/div>\n    <div class=\"step\"><div class=\"step-num\">\u09eb<\/div><div class=\"step-text\">Background \u099f\u09cd\u09af\u09be\u09ac\u09c7 \u0997\u09bf\u09df\u09c7 Colors, Images \u09ac\u09be Custom \u09a5\u09c7\u0995\u09c7 \u09aa\u099b\u09a8\u09cd\u09a6\u09c7\u09b0 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u09ac\u09c7\u099b\u09c7 \u09a8\u09bf\u09a8\u0964 \u09aa\u09cd\u09b0\u09df\u09cb\u099c\u09a8\u09c7 Dark Overlay \u0985\u09cd\u09af\u09be\u09a1\u099c\u09be\u09b8\u09cd\u099f \u0995\u09b0\u09c1\u09a8\u0964<\/div><\/div>\n    <div class=\"step\"><div class=\"step-num\">\u09ec<\/div><div class=\"step-text\">Border Style \u09a5\u09c7\u0995\u09c7 \u09aa\u099b\u09a8\u09cd\u09a6\u09c7\u09b0 \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u09b8\u09bf\u09b2\u09c7\u0995\u09cd\u099f \u0995\u09b0\u09c1\u09a8\u0964<\/div><\/div>\n    <div class=\"step\"><div class=\"step-num\">\u09ed<\/div><div class=\"step-text\">Text Color \u098f\u09ac\u0982 Font Size \u09b8\u09c7\u099f \u0995\u09b0\u09c1\u09a8\u0964<\/div><\/div>\n    <div class=\"step\"><div class=\"step-num\">\u09ee<\/div><div class=\"step-text\">Animated Effects \u09a5\u09c7\u0995\u09c7 \u0987\u09ab\u09c7\u0995\u09cd\u099f \u09ac\u09c7\u099b\u09c7 \u09a8\u09bf\u09a8\u0964<\/div><\/div>\n    <div class=\"step\"><div class=\"step-num\">\u09ef<\/div><div class=\"step-text\">\u09b2\u09be\u0987\u09ad \u09aa\u09cd\u09b0\u09bf\u09ad\u09bf\u0989 \u09a6\u09c7\u0996\u09c7 \u09b8\u09a8\u09cd\u09a4\u09c1\u09b7\u09cd\u099f \u09b9\u09b2\u09c7 \u201cDownload Image\u201d \u09ac\u09be \u201cReel \/ Story Size\u201d \u09ac\u09be\u099f\u09a8\u09c7 \u0995\u09cd\u09b2\u09bf\u0995 \u0995\u09b0\u09c1\u09a8\u0964<\/div><\/div>\n    <div class=\"step\"><div class=\"step-num\">\u09e7\u09e6<\/div><div class=\"step-text\">\u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1 \u09b9\u0993\u09df\u09be \u0987\u09ae\u09c7\u099c\u099f\u09bf \u09b8\u09b0\u09be\u09b8\u09b0\u09bf Facebook-\u098f \u0986\u09aa\u09b2\u09cb\u09a1 \u0995\u09b0\u09c1\u09a8\u0964<\/div><\/div>\n    \n    <p style=\"margin-top:18px;\">\u09aa\u09c1\u09b0\u09cb \u09aa\u09cd\u09b0\u0995\u09cd\u09b0\u09bf\u09df\u09be\u099f\u09bf \u09ae\u09be\u09a4\u09cd\u09b0 <strong>\u09e8-\u09e9 \u09ae\u09bf\u09a8\u09bf\u099f\u09c7\u09b0<\/strong> \u09ae\u09a7\u09cd\u09af\u09c7 \u09b6\u09c7\u09b7 \u0995\u09b0\u09be \u09af\u09be\u09df\u0964<\/p>\n    \n    <a href=\"#toc\" class=\"back-to-toc\"><span>\u2191<\/span> \u09b8\u09c2\u099a\u09c0\u09aa\u09a4\u09cd\u09b0\u09c7 \u09ab\u09bf\u09b0\u09c7 \u09af\u09be\u09a8<\/a>\n  <\/div>\n\n  <!-- Who can use -->\n  <div class=\"section\" id=\"who\">\n    <h2><span class=\"icon\">\ud83d\udc65<\/span> \u0995\u09be\u09b0\u09be \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8?<\/h2>\n    <p>\u098f\u0987 \u099f\u09c1\u09b2\u099f\u09bf \u09b8\u09ac\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u0989\u09aa\u09af\u09cb\u0997\u09c0\u0964 \u09ac\u09bf\u09b6\u09c7\u09b7 \u0995\u09b0\u09c7:<\/p>\n    <div class=\"tags\">\n      <span class=\"tag\">Facebook \u09aa\u09c7\u099c \u0985\u09cd\u09af\u09be\u09a1\u09ae\u09bf\u09a8<\/span>\n      <span class=\"tag\">\u0995\u09a8\u099f\u09c7\u09a8\u09cd\u099f \u0995\u09cd\u09b0\u09bf\u09df\u09c7\u099f\u09b0<\/span>\n      <span class=\"tag\">\u09ae\u09cb\u099f\u09bf\u09ad\u09c7\u09b6\u09a8\u09be\u09b2 \u09b8\u09cd\u09aa\u09bf\u0995\u09be\u09b0<\/span>\n      <span class=\"tag\">\u09b2\u09c7\u0996\u0995 \u0993 \u0995\u09ac\u09bf<\/span>\n      <span class=\"tag\">\u09b6\u09bf\u0995\u09cd\u09b7\u0995 \u0993 \u09aa\u09cd\u09b0\u09b6\u09bf\u0995\u09cd\u09b7\u0995<\/span>\n      <span class=\"tag\">\u09ac\u09bf\u099c\u09a8\u09c7\u09b8 \u09aa\u09c7\u099c \u09ae\u09be\u09b2\u09bf\u0995<\/span>\n      <span class=\"tag\">\u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u0995\u09be\u09b0\u09c0<\/span>\n    <\/div>\n    <p style=\"margin-top:16px;\">\u09ac\u09bf\u09b6\u09c7\u09b7 \u0995\u09b0\u09c7 \u09af\u09be\u09b0\u09be \u09a8\u09bf\u09df\u09ae\u09bf\u09a4 \u09ac\u09be\u09a3\u09c0 \u09ac\u09be \u0995\u09cb\u099f\u09c7\u09b6\u09a8 \u09b6\u09c7\u09df\u09be\u09b0 \u0995\u09b0\u09c7\u09a8, \u09a4\u09be\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u099f\u09bf \u0985\u09a4\u09cd\u09af\u09a8\u09cd\u09a4 \u0989\u09aa\u09af\u09cb\u0997\u09c0\u0964<\/p>\n    \n    <a href=\"#toc\" class=\"back-to-toc\"><span>\u2191<\/span> \u09b8\u09c2\u099a\u09c0\u09aa\u09a4\u09cd\u09b0\u09c7 \u09ab\u09bf\u09b0\u09c7 \u09af\u09be\u09a8<\/a>\n  <\/div>\n\n  <!-- Benefits -->\n  <div class=\"section\" id=\"benefits\">\n    <h2><span class=\"icon\">\u2705<\/span> \u09ac\u09be\u09a3\u09c0 \u09ae\u09c7\u0995\u09be\u09b0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u09c7\u09b0 \u09b8\u09c1\u09ac\u09bf\u09a7\u09be<\/h2>\n    \n    <div class=\"benefit-item\"><span class=\"check\">\u2713<\/span> <div><strong>\u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u09ab\u09cd\u09b0\u09bf<\/strong> \u2013 \u0995\u09cb\u09a8\u09cb \u09b8\u09be\u09ac\u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09aa\u09b6\u09a8 \u09ac\u09be \u09aa\u09c7\u09ae\u09c7\u09a8\u09cd\u099f \u09b2\u09be\u0997\u09c7 \u09a8\u09be\u0964<\/div><\/div>\n    <div class=\"benefit-item\"><span class=\"check\">\u2713<\/span> <div><strong>\u0995\u09cb\u09a8\u09cb \u0993\u09df\u09be\u099f\u09be\u09b0\u09ae\u09be\u09b0\u09cd\u0995 \u09a8\u09c7\u0987<\/strong> \u2013 \u0987\u09ae\u09c7\u099c\u09c7 \u0995\u09cb\u09a8\u09cb \u09b2\u09cb\u0997\u09cb \u09ac\u09be \u099f\u09c7\u0995\u09cd\u09b8\u099f \u09af\u09cb\u0997 \u09b9\u09df \u09a8\u09be\u0964<\/div><\/div>\n    <div class=\"benefit-item\"><span class=\"check\">\u2713<\/span> <div><strong>\u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u09ab\u09cd\u09b0\u09c7\u09a8\u09cd\u09a1\u09b2\u09bf<\/strong> \u2013 \u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u09a5\u09c7\u0995\u09c7\u0993 \u09b8\u09b9\u099c\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09af\u09be\u09df\u0964<\/div><\/div>\n    <div class=\"benefit-item\"><span class=\"check\">\u2713<\/span> <div><strong>\u09ab\u09be\u09b8\u09cd\u099f<\/strong> \u2013 \u0995\u09cb\u09a8\u09cb \u09b0\u09c7\u099c\u09bf\u09b8\u09cd\u099f\u09cd\u09b0\u09c7\u09b6\u09a8 \u09ac\u09be \u09b2\u09cb\u09a1\u09bf\u0982 \u09b8\u09ae\u09df \u09a8\u09c7\u0987\u0964<\/div><\/div>\n    <div class=\"benefit-item\"><span class=\"check\">\u2713<\/span> <div><strong>\u09aa\u09cd\u09b0\u09ab\u09c7\u09b6\u09a8\u09be\u09b2 \u0986\u0989\u099f\u09aa\u09c1\u099f<\/strong> \u2013 \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u09a8\u09b2\u09c7\u099c \u099b\u09be\u09dc\u09be\u0987 \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u0987\u09ae\u09c7\u099c \u09a4\u09c8\u09b0\u09bf \u09b9\u09df\u0964<\/div><\/div>\n    <div class=\"benefit-item\"><span class=\"check\">\u2713<\/span> <div><strong>\u09ae\u09be\u09b2\u09cd\u099f\u09bf-\u09b2\u09cd\u09af\u09be\u0999\u09cd\u0997\u09c1\u09df\u09c7\u099c<\/strong> \u2013 \u09ac\u09be\u0982\u09b2\u09be\u09b8\u09b9 \u098f\u0995\u09be\u09a7\u09bf\u0995 \u09ad\u09be\u09b7\u09be\u09df \u0987\u09a8\u09cd\u099f\u09be\u09b0\u09ab\u09c7\u09b8\u0964<\/div><\/div>\n    <div class=\"benefit-item\"><span class=\"check\">\u2713<\/span> <div><strong>\u0995\u09be\u09b8\u09cd\u099f\u09ae \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1<\/strong> \u2013 \u09a8\u09bf\u099c\u09c7\u09b0 \u099b\u09ac\u09bf \u09a6\u09bf\u09df\u09c7 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u09ac\u09be\u09a8\u09be\u09a8\u09cb \u09af\u09be\u09df\u0964<\/div><\/div>\n    \n    <a href=\"#toc\" class=\"back-to-toc\"><span>\u2191<\/span> \u09b8\u09c2\u099a\u09c0\u09aa\u09a4\u09cd\u09b0\u09c7 \u09ab\u09bf\u09b0\u09c7 \u09af\u09be\u09a8<\/a>\n  <\/div>\n\n  <!-- Tips -->\n  <div class=\"section\" id=\"tips\">\n    <h2><span class=\"icon\">\ud83d\udca1<\/span> Facebook \u09aa\u09cb\u09b8\u09cd\u099f \u0993 \u09b0\u09bf\u09b2\u09b8\u09c7 \u09ac\u09be\u09a3\u09c0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u09c7\u09b0 \u099f\u09bf\u09aa\u09b8<\/h2>\n    <div class=\"tips-box\">\n      <ul>\n        <li>\u09aa\u09cd\u09b0\u09a4\u09bf\u09a6\u09bf\u09a8 \u098f\u0995\u099f\u09be \u0995\u09b0\u09c7 \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u09ac\u09be\u09a3\u09c0 \u09aa\u09cb\u09b8\u09cd\u099f \u0995\u09b0\u09c1\u09a8\u0964<\/li>\n        <li>\u09b0\u09bf\u09b2\u09b8\u09c7 \u09ac\u09be\u09a3\u09c0 \u0987\u09ae\u09c7\u099c \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u099f\u09c7\u0995\u09cd\u09b8\u099f-\u099f\u09c1-\u09b8\u09cd\u09aa\u09bf\u099a \u09ac\u09be \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u09ae\u09bf\u0989\u099c\u09bf\u0995 \u09af\u09cb\u0997 \u0995\u09b0\u09c1\u09a8\u0964<\/li>\n        <li>\u0986\u09aa\u09a8\u09be\u09b0 \u09aa\u09c7\u099c\u09c7\u09b0 \u09a5\u09bf\u09ae \u0985\u09a8\u09c1\u09af\u09be\u09df\u09c0 \u0995\u09be\u09b2\u09be\u09b0 \u0993 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u09ae\u09bf\u09b2\u09bf\u09df\u09c7 \u09a8\u09bf\u09a8\u0964<\/li>\n        <li>\u09b0\u099a\u09df\u09bf\u09a4\u09be\u09b0 \u09a8\u09be\u09ae \u0993 \u099b\u09ac\u09bf \u09af\u09cb\u0997 \u0995\u09b0\u09b2\u09c7 \u0995\u09cd\u09b0\u09c7\u09a1\u09bf\u09ac\u09bf\u09b2\u09bf\u099f\u09bf \u09ac\u09be\u09dc\u09c7\u0964<\/li>\n        <li>\u09b9\u09cd\u09af\u09be\u09b6\u099f\u09cd\u09af\u09be\u0997 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c1\u09a8 \u09af\u09c7\u09ae\u09a8: <strong>#\u09ac\u09be\u09a3\u09c0 #\u09ae\u09cb\u099f\u09bf\u09ad\u09c7\u09b6\u09a8 #\u0995\u09cb\u099f\u09c7\u09b6\u09a8 #\u09ac\u09be\u0982\u09b2\u09be\u09ac\u09be\u09a3\u09c0<\/strong><\/li>\n      <\/ul>\n    <\/div>\n    \n    <a href=\"#toc\" class=\"back-to-toc\"><span>\u2191<\/span> \u09b8\u09c2\u099a\u09c0\u09aa\u09a4\u09cd\u09b0\u09c7 \u09ab\u09bf\u09b0\u09c7 \u09af\u09be\u09a8<\/a>\n  <\/div>\n\n  <!-- Conclusion -->\n  <div class=\"section\" id=\"conclusion\">\n    <h2><span class=\"icon\">\ud83c\udfaf<\/span> \u0989\u09aa\u09b8\u0982\u09b9\u09be\u09b0<\/h2>\n    <p>\u09ac\u09be\u09a3\u09c0 \u09ae\u09c7\u0995\u09be\u09b0 \u09b9\u09b2\u09cb \u098f\u09ae\u09a8 \u098f\u0995\u099f\u09bf \u099f\u09c1\u09b2 \u09af\u09be \u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u0995\u09be\u09b0\u09c0 \u09a5\u09c7\u0995\u09c7 \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c7 \u09aa\u09cd\u09b0\u09ab\u09c7\u09b6\u09a8\u09be\u09b2 \u0995\u09a8\u099f\u09c7\u09a8\u09cd\u099f \u0995\u09cd\u09b0\u09bf\u09df\u09c7\u099f\u09b0 \u2013 \u09b8\u09ac\u09be\u0987\u0995\u09c7 \u0989\u09aa\u0995\u09c3\u09a4 \u0995\u09b0\u09ac\u09c7\u0964 \u098f\u099f\u09bf \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u0986\u09aa\u09a8\u09bf \u09b8\u09b9\u099c\u09c7\u0987 \u0986\u0995\u09b0\u09cd\u09b7\u09a3\u09c0\u09df \u09ac\u09be\u09a3\u09c0 \u0987\u09ae\u09c7\u099c \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8 \u098f\u09ac\u0982 Facebook-\u098f \u0986\u09b0\u0993 \u09ac\u09c7\u09b6\u09bf \u098f\u09a8\u0997\u09c7\u099c\u09ae\u09c7\u09a8\u09cd\u099f \u09aa\u09c7\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964<\/p>\n    <p>Docsinhand.com-\u098f \u098f\u0987 \u099f\u09c1\u09b2\u099f\u09bf \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u09ab\u09cd\u09b0\u09bf \u098f\u09ac\u0982 \u09b8\u09ac\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u0989\u09a8\u09cd\u09ae\u09c1\u0995\u09cd\u09a4\u0964 \u0995\u09cb\u09a8\u09cb \u09b0\u09c7\u099c\u09bf\u09b8\u09cd\u099f\u09cd\u09b0\u09c7\u09b6\u09a8 \u099b\u09be\u09dc\u09be\u0987 \u098f\u0996\u09a8\u0987 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c1\u09a8 \u098f\u09ac\u0982 \u0986\u09aa\u09a8\u09be\u09b0 \u09aa\u09c7\u099c \u09ac\u09be \u09aa\u09cd\u09b0\u09cb\u09ab\u09be\u0987\u09b2\u0995\u09c7 \u09a8\u09a4\u09c1\u09a8 \u09ae\u09be\u09a4\u09cd\u09b0\u09be \u09a6\u09bf\u09a8\u0964<\/p>\n    \n    <a href=\"#toc\" class=\"back-to-toc\"><span>\u2191<\/span> \u09b8\u09c2\u099a\u09c0\u09aa\u09a4\u09cd\u09b0\u09c7 \u09ab\u09bf\u09b0\u09c7 \u09af\u09be\u09a8<\/a>\n  <\/div>\n\n  <!-- CTA -->\n  <div class=\"cta\">\n    <h3>\u2728 \u098f\u0996\u09a8\u0987 \u09ac\u09be\u09a3\u09c0 \u09ae\u09c7\u0995\u09be\u09b0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c1\u09a8!<\/h3>\n    <p>\u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u09ac\u09be\u09a3\u09c0 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c1\u09a8 \u098f\u09ac\u0982 \u0986\u09aa\u09a8\u09be\u09b0 Facebook \u09aa\u09c7\u099c\u0995\u09c7 \u0986\u09b0\u0993 \u0986\u0995\u09b0\u09cd\u09b7\u09a3\u09c0\u09df \u0995\u09b0\u09c7 \u09a4\u09c1\u09b2\u09c1\u09a8\u0964<\/p>\n  <\/div>\n\n<\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Quote Maker \u2728 Quote Maker Create stunning quotes for Facebook Posts &amp; Reels English\u09ac\u09be\u0982\u09b2\u09be\u0939\u093f\u0928\u094d\u0926\u0940Espa\u00f1ol\u0627\u0644\u0639\u0631\u0628\u064a\u0629\u0627\u0631\u062f\u0648\u0641\u0627\u0631\u0633\u06cc 1. Quote Text Your Quote Life is a struggle, never stop moving forward. Author Name Bio \/ Short Intro Author Photo \ud83d\udcf7 Choose Photo \ud83d\uddd1\ufe0f Remove Photo 2. Size SquarePost Story \/ Reel9:16 LandscapeFacebook 3. Background Colors Images Custom Custom Color &#8230; <a title=\"Quote Maker | Beautiful Quote Image Generator\" class=\"read-more\" href=\"https:\/\/docsinhand.com\/blog\/quote-maker\/\" aria-label=\"Read more about Quote Maker | Beautiful Quote Image Generator\">\u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4 \u09aa\u09dc\u09c1\u09a8<\/a><\/p>\n","protected":false},"author":1,"featured_media":57713,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-57706","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bongoapps"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Quote Maker | Beautiful Quote Image Generator - \u09a1\u0995\u09b8\u0987\u09a8\u09b9\u09cd\u09af\u09be\u09a8\u09cd\u09a1<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docsinhand.com\/blog\/quote-maker\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quote Maker | Beautiful Quote Image Generator - \u09a1\u0995\u09b8\u0987\u09a8\u09b9\u09cd\u09af\u09be\u09a8\u09cd\u09a1\" \/>\n<meta property=\"og:description\" content=\"Quote Maker \u2728 Quote Maker Create stunning quotes for Facebook Posts &amp; Reels English\u09ac\u09be\u0982\u09b2\u09be\u0939\u093f\u0928\u094d\u0926\u0940Espa\u00f1ol\u0627\u0644\u0639\u0631\u0628\u064a\u0629\u0627\u0631\u062f\u0648\u0641\u0627\u0631\u0633\u06cc 1. Quote Text Your Quote Life is a struggle, never stop moving forward. Author Name Bio \/ Short Intro Author Photo \ud83d\udcf7 Choose Photo \ud83d\uddd1\ufe0f Remove Photo 2. Size SquarePost Story \/ Reel9:16 LandscapeFacebook 3. Background Colors Images Custom Custom Color ... \u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4 \u09aa\u09dc\u09c1\u09a8\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docsinhand.com\/blog\/quote-maker\/\" \/>\n<meta property=\"og:site_name\" content=\"\u09a1\u0995\u09b8\u0987\u09a8\u09b9\u09cd\u09af\u09be\u09a8\u09cd\u09a1\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-16T08:32:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-26T02:19:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docsinhand.com\/blog\/wp-content\/uploads\/2026\/10\/quote-maker-docsinhand.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1248\" \/>\n\t<meta property=\"og:image:height\" content=\"832\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"DocsInHand TM\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DocsInHand TM\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 \u09ae\u09bf\u09a8\u09bf\u099f\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/quote-maker\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/quote-maker\\\/\"},\"author\":{\"name\":\"DocsInHand TM\",\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/#\\\/schema\\\/person\\\/755726a4c630586c8321f5fa5c5460fb\"},\"headline\":\"Quote Maker | Beautiful Quote Image Generator\",\"datePublished\":\"2026-10-16T08:32:12+00:00\",\"dateModified\":\"2026-10-26T02:19:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/quote-maker\\\/\"},\"wordCount\":211,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/quote-maker\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/quote-maker-docsinhand.png\",\"articleSection\":[\"BongoApps\"],\"inLanguage\":\"bn-BD\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/docsinhand.com\\\/blog\\\/quote-maker\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/quote-maker\\\/\",\"url\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/quote-maker\\\/\",\"name\":\"Quote Maker | Beautiful Quote Image Generator - \u09a1\u0995\u09b8\u0987\u09a8\u09b9\u09cd\u09af\u09be\u09a8\u09cd\u09a1\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/quote-maker\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/quote-maker\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/quote-maker-docsinhand.png\",\"datePublished\":\"2026-10-16T08:32:12+00:00\",\"dateModified\":\"2026-10-26T02:19:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/quote-maker\\\/#breadcrumb\"},\"inLanguage\":\"bn-BD\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/docsinhand.com\\\/blog\\\/quote-maker\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"bn-BD\",\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/quote-maker\\\/#primaryimage\",\"url\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/quote-maker-docsinhand.png\",\"contentUrl\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/quote-maker-docsinhand.png\",\"width\":1248,\"height\":832},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/quote-maker\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Quote Maker | Beautiful Quote Image Generator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/\",\"name\":\"Docsinhand\",\"description\":\"\u0985\u09a8\u09b2\u09be\u0987\u09a8  \u09aa\u09cd\u09b0\u09ab\u09c7\u09b6\u09a8\u09be\u09b2 \u09a1\u0995\u09c1\u09ae\u09c7\u09a8\u09cd\u099f \u09a4\u09c8\u09b0\u09bf\u09b0 \u09b8\u09ae\u09be\u09a7\u09be\u09a8\",\"publisher\":{\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"bn-BD\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/#organization\",\"name\":\"Docsinhand\",\"url\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"bn-BD\",\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/D6C4EB1D-3614-4A05-91FF-202E9CB4446E.png\",\"contentUrl\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/D6C4EB1D-3614-4A05-91FF-202E9CB4446E.png\",\"width\":1254,\"height\":1254,\"caption\":\"Docsinhand\"},\"image\":{\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/#\\\/schema\\\/person\\\/755726a4c630586c8321f5fa5c5460fb\",\"name\":\"DocsInHand TM\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"bn-BD\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/226fc0af42bf67bcc1fe074d504ab712fd1f25ef67566576672ed075f858283e?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/226fc0af42bf67bcc1fe074d504ab712fd1f25ef67566576672ed075f858283e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/226fc0af42bf67bcc1fe074d504ab712fd1f25ef67566576672ed075f858283e?s=96&d=mm&r=g\",\"caption\":\"DocsInHand TM\"},\"sameAs\":[\"https:\\\/\\\/docsinhand.com\\\/blog\"],\"url\":\"https:\\\/\\\/docsinhand.com\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Quote Maker | Beautiful Quote Image Generator - \u09a1\u0995\u09b8\u0987\u09a8\u09b9\u09cd\u09af\u09be\u09a8\u09cd\u09a1","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:\/\/docsinhand.com\/blog\/quote-maker\/","og_locale":"en_US","og_type":"article","og_title":"Quote Maker | Beautiful Quote Image Generator - \u09a1\u0995\u09b8\u0987\u09a8\u09b9\u09cd\u09af\u09be\u09a8\u09cd\u09a1","og_description":"Quote Maker \u2728 Quote Maker Create stunning quotes for Facebook Posts &amp; Reels English\u09ac\u09be\u0982\u09b2\u09be\u0939\u093f\u0928\u094d\u0926\u0940Espa\u00f1ol\u0627\u0644\u0639\u0631\u0628\u064a\u0629\u0627\u0631\u062f\u0648\u0641\u0627\u0631\u0633\u06cc 1. Quote Text Your Quote Life is a struggle, never stop moving forward. Author Name Bio \/ Short Intro Author Photo \ud83d\udcf7 Choose Photo \ud83d\uddd1\ufe0f Remove Photo 2. Size SquarePost Story \/ Reel9:16 LandscapeFacebook 3. Background Colors Images Custom Custom Color ... \u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4 \u09aa\u09dc\u09c1\u09a8","og_url":"https:\/\/docsinhand.com\/blog\/quote-maker\/","og_site_name":"\u09a1\u0995\u09b8\u0987\u09a8\u09b9\u09cd\u09af\u09be\u09a8\u09cd\u09a1","article_published_time":"2026-10-16T08:32:12+00:00","article_modified_time":"2026-10-26T02:19:31+00:00","og_image":[{"width":1248,"height":832,"url":"https:\/\/docsinhand.com\/blog\/wp-content\/uploads\/2026\/10\/quote-maker-docsinhand.png","type":"image\/png"}],"author":"DocsInHand TM","twitter_card":"summary_large_image","twitter_misc":{"Written by":"DocsInHand TM","Est. reading time":"7 \u09ae\u09bf\u09a8\u09bf\u099f"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/docsinhand.com\/blog\/quote-maker\/#article","isPartOf":{"@id":"https:\/\/docsinhand.com\/blog\/quote-maker\/"},"author":{"name":"DocsInHand TM","@id":"https:\/\/docsinhand.com\/blog\/#\/schema\/person\/755726a4c630586c8321f5fa5c5460fb"},"headline":"Quote Maker | Beautiful Quote Image Generator","datePublished":"2026-10-16T08:32:12+00:00","dateModified":"2026-10-26T02:19:31+00:00","mainEntityOfPage":{"@id":"https:\/\/docsinhand.com\/blog\/quote-maker\/"},"wordCount":211,"commentCount":0,"publisher":{"@id":"https:\/\/docsinhand.com\/blog\/#organization"},"image":{"@id":"https:\/\/docsinhand.com\/blog\/quote-maker\/#primaryimage"},"thumbnailUrl":"https:\/\/docsinhand.com\/blog\/wp-content\/uploads\/2026\/10\/quote-maker-docsinhand.png","articleSection":["BongoApps"],"inLanguage":"bn-BD","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/docsinhand.com\/blog\/quote-maker\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/docsinhand.com\/blog\/quote-maker\/","url":"https:\/\/docsinhand.com\/blog\/quote-maker\/","name":"Quote Maker | Beautiful Quote Image Generator - \u09a1\u0995\u09b8\u0987\u09a8\u09b9\u09cd\u09af\u09be\u09a8\u09cd\u09a1","isPartOf":{"@id":"https:\/\/docsinhand.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docsinhand.com\/blog\/quote-maker\/#primaryimage"},"image":{"@id":"https:\/\/docsinhand.com\/blog\/quote-maker\/#primaryimage"},"thumbnailUrl":"https:\/\/docsinhand.com\/blog\/wp-content\/uploads\/2026\/10\/quote-maker-docsinhand.png","datePublished":"2026-10-16T08:32:12+00:00","dateModified":"2026-10-26T02:19:31+00:00","breadcrumb":{"@id":"https:\/\/docsinhand.com\/blog\/quote-maker\/#breadcrumb"},"inLanguage":"bn-BD","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docsinhand.com\/blog\/quote-maker\/"]}]},{"@type":"ImageObject","inLanguage":"bn-BD","@id":"https:\/\/docsinhand.com\/blog\/quote-maker\/#primaryimage","url":"https:\/\/docsinhand.com\/blog\/wp-content\/uploads\/2026\/10\/quote-maker-docsinhand.png","contentUrl":"https:\/\/docsinhand.com\/blog\/wp-content\/uploads\/2026\/10\/quote-maker-docsinhand.png","width":1248,"height":832},{"@type":"BreadcrumbList","@id":"https:\/\/docsinhand.com\/blog\/quote-maker\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docsinhand.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Quote Maker | Beautiful Quote Image Generator"}]},{"@type":"WebSite","@id":"https:\/\/docsinhand.com\/blog\/#website","url":"https:\/\/docsinhand.com\/blog\/","name":"Docsinhand","description":"\u0985\u09a8\u09b2\u09be\u0987\u09a8  \u09aa\u09cd\u09b0\u09ab\u09c7\u09b6\u09a8\u09be\u09b2 \u09a1\u0995\u09c1\u09ae\u09c7\u09a8\u09cd\u099f \u09a4\u09c8\u09b0\u09bf\u09b0 \u09b8\u09ae\u09be\u09a7\u09be\u09a8","publisher":{"@id":"https:\/\/docsinhand.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docsinhand.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"bn-BD"},{"@type":"Organization","@id":"https:\/\/docsinhand.com\/blog\/#organization","name":"Docsinhand","url":"https:\/\/docsinhand.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"bn-BD","@id":"https:\/\/docsinhand.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/docsinhand.com\/blog\/wp-content\/uploads\/2026\/09\/D6C4EB1D-3614-4A05-91FF-202E9CB4446E.png","contentUrl":"https:\/\/docsinhand.com\/blog\/wp-content\/uploads\/2026\/09\/D6C4EB1D-3614-4A05-91FF-202E9CB4446E.png","width":1254,"height":1254,"caption":"Docsinhand"},"image":{"@id":"https:\/\/docsinhand.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/docsinhand.com\/blog\/#\/schema\/person\/755726a4c630586c8321f5fa5c5460fb","name":"DocsInHand TM","image":{"@type":"ImageObject","inLanguage":"bn-BD","@id":"https:\/\/secure.gravatar.com\/avatar\/226fc0af42bf67bcc1fe074d504ab712fd1f25ef67566576672ed075f858283e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/226fc0af42bf67bcc1fe074d504ab712fd1f25ef67566576672ed075f858283e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/226fc0af42bf67bcc1fe074d504ab712fd1f25ef67566576672ed075f858283e?s=96&d=mm&r=g","caption":"DocsInHand TM"},"sameAs":["https:\/\/docsinhand.com\/blog"],"url":"https:\/\/docsinhand.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/docsinhand.com\/blog\/wp-json\/wp\/v2\/posts\/57706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docsinhand.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docsinhand.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docsinhand.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docsinhand.com\/blog\/wp-json\/wp\/v2\/comments?post=57706"}],"version-history":[{"count":18,"href":"https:\/\/docsinhand.com\/blog\/wp-json\/wp\/v2\/posts\/57706\/revisions"}],"predecessor-version":[{"id":57927,"href":"https:\/\/docsinhand.com\/blog\/wp-json\/wp\/v2\/posts\/57706\/revisions\/57927"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/docsinhand.com\/blog\/wp-json\/wp\/v2\/media\/57713"}],"wp:attachment":[{"href":"https:\/\/docsinhand.com\/blog\/wp-json\/wp\/v2\/media?parent=57706"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docsinhand.com\/blog\/wp-json\/wp\/v2\/categories?post=57706"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docsinhand.com\/blog\/wp-json\/wp\/v2\/tags?post=57706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}