{"id":4178,"date":"2026-08-10T12:20:33","date_gmt":"2026-08-10T12:20:33","guid":{"rendered":"https:\/\/abdulazizalsari.online\/?page_id=4178"},"modified":"2026-08-10T14:40:54","modified_gmt":"2026-08-10T14:40:54","slug":"prompt","status":"publish","type":"page","link":"https:\/\/abdulazizalsari.online\/en\/prompt\/","title":{"rendered":"Prompt"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\u0645\u0633\u0627\u0639\u062f \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0630\u0643\u064a \u2014 \u0625\u0635\u062f\u0627\u0631 2026 \u0627\u0644\u0645\u064f\u062d\u0633\u0651\u0646<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/cdn.jsdelivr.net\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fontsource\/ibm-plex-sans-arabic@5.0.0\/index.css\">\r\n<style>\r\n:root{\r\n --primary:#003e46;\r\n --primary-2:#045762;\r\n --deep:#011d22;\r\n --accent:#ee571b;\r\n --accent-2:#d64a12;\r\n --bg:#edf1f2;\r\n --card:#ffffff;\r\n --ink:#122a2e;\r\n --muted:#5c7278;\r\n --line:rgba(0,62,70,.10);\r\n --radius:20px;\r\n --shadow:0 14px 38px rgba(0,62,70,.10);\r\n --font:'IBM Plex Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif;\r\n}\r\n*{margin:0;padding:0;box-sizing:border-box}\r\nhtml{scroll-behavior:smooth}\r\nbody{\r\n font-family:var(--font);\r\n background:\r\n radial-gradient(1000px 520px at 94% -10%, rgba(238,87,27,.10), transparent 60%),\r\n radial-gradient(880px 600px at -10% 114%, rgba(0,62,70,.12), transparent 60%),\r\n var(--bg);\r\n color:var(--ink);min-height:100vh;position:relative;\r\n}\r\nbody::after{\r\n content:\"\";position:fixed;inset:0;pointer-events:none;z-index:0;\r\n background-image:radial-gradient(circle, rgba(0,62,70,.055) 1px, transparent 1px);\r\n background-size:26px 26px;\r\n -webkit-mask-image:linear-gradient(#000 55%, transparent);\r\n mask-image:linear-gradient(#000 55%, transparent);\r\n}\r\n.wrap{max-width:1220px;margin:0 auto;padding:26px 20px 64px;position:relative;z-index:1}\r\n\r\n\/* ===== HERO ===== *\/\r\n.hero{\r\n position:relative;overflow:hidden;border-radius:26px;\r\n background:linear-gradient(135deg,var(--primary) 0%,#022b31 55%,var(--deep) 100%);\r\n color:#fff;padding:40px 36px;margin-bottom:26px;\r\n box-shadow:0 22px 50px rgba(0,62,70,.30);\r\n animation:fadeUp .6s ease both;\r\n}\r\n.hero::before{\r\n content:\"\";position:absolute;inset:0;pointer-events:none;\r\n background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);\r\n background-size:44px 44px;\r\n -webkit-mask-image:radial-gradient(600px 300px at 80% 0%, #000, transparent);\r\n mask-image:radial-gradient(600px 300px at 80% 0%, #000, transparent);\r\n}\r\n.hero::after{\r\n content:\"\";position:absolute;width:420px;height:420px;border-radius:50%;\r\n background:radial-gradient(circle, rgba(238,87,27,.30), transparent 65%);\r\n top:-180px;left:-120px;pointer-events:none;\r\n animation:floatOrb 9s ease-in-out infinite alternate;\r\n}\r\n@keyframes floatOrb{to{transform:translate(40px,50px) scale(1.12)}}\r\n.hero-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}\r\n.hero-brand{display:flex;align-items:center;gap:16px}\r\n.logo{\r\n width:64px;height:64px;border-radius:18px;flex-shrink:0;\r\n background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05));\r\n border:1px solid rgba(255,255,255,.18);\r\n display:grid;place-items:center;position:relative;backdrop-filter:blur(6px);\r\n}\r\n.logo::after{\r\n content:\"\";position:absolute;inset:-5px;border-radius:22px;\r\n border:2px solid rgba(238,87,27,.65);animation:pulseRing 2.6s ease-out infinite;\r\n}\r\n@keyframes pulseRing{0%{opacity:.9;transform:scale(.92)}70%,100%{opacity:0;transform:scale(1.24)}}\r\n.hero h1{font-size:32px;font-weight:800;line-height:1.3;letter-spacing:-.3px}\r\n.hero h1 span{\r\n background:linear-gradient(90deg,#ffb37e,var(--accent));\r\n -webkit-background-clip:text;background-clip:text;color:transparent;\r\n}\r\n.hero .sub{color:rgba(255,255,255,.75);font-size:14.5px;margin-top:6px;max-width:580px;line-height:1.95}\r\n.hero-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}\r\n.h-chip{\r\n display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;\r\n background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);\r\n padding:7px 14px;border-radius:100px;color:#eaf4f5;\r\n}\r\n.h-chip b{color:#ffb37e;font-weight:800}\r\n.h-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:blink 1.6s ease infinite}\r\n@keyframes blink{50%{opacity:.3}}\r\n.hero-side{\r\n display:flex;flex-direction:column;align-items:center;gap:8px;\r\n background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);\r\n border-radius:18px;padding:18px 26px;text-align:center;backdrop-filter:blur(6px);\r\n}\r\n.hero-side .big{font-size:34px;font-weight:800;color:#ffb37e;line-height:1}\r\n.hero-side small{font-size:12px;color:rgba(255,255,255,.7);font-weight:700;line-height:1.6}\r\n\r\n\/* ===== Layout ===== *\/\r\n.grid{display:grid;grid-template-columns:1.42fr 1fr;gap:24px;align-items:start}\r\n.card{\r\n background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);\r\n border:1px solid var(--line);padding:28px;animation:fadeUp .65s ease both;\r\n}\r\n.card.form-card{animation-delay:.08s}\r\n.card.out-card{animation-delay:.18s;position:sticky;top:20px}\r\n\r\n.section{margin-bottom:26px}\r\n.section-head{display:flex;align-items:center;gap:11px;margin-bottom:14px;flex-wrap:wrap}\r\n.step{\r\n min-width:38px;height:38px;border-radius:11px;display:grid;place-items:center;\r\n background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;\r\n font-weight:800;font-size:14px;box-shadow:0 5px 14px rgba(0,62,70,.28);\r\n}\r\n.step.accent{background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 5px 14px rgba(238,87,27,.32)}\r\n.section-head h2{font-size:17.5px;font-weight:800;color:var(--primary)}\r\n.section-head small{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-top:1px}\r\n.opt-count{\r\n margin-inline-start:auto;font-size:11.5px;font-weight:800;color:var(--accent-2);\r\n background:rgba(238,87,27,.1);padding:4px 12px;border-radius:100px;white-space:nowrap;\r\n}\r\n.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line) 18%,var(--line) 82%,transparent);margin:0 0 26px}\r\n\r\n\/* ===== Role input ===== *\/\r\n.role-box{\r\n border:1.8px solid var(--primary);border-radius:14px;\r\n background:linear-gradient(180deg,#f6fafb,#fff);padding:18px 20px;\r\n position:relative;overflow:hidden;margin-bottom:22px;\r\n}\r\n.role-box::before{\r\n content:\"\";position:absolute;top:0;right:0;left:0;height:3px;\r\n background:linear-gradient(90deg,var(--primary),var(--accent));\r\n}\r\n.role-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--primary);margin-bottom:10px}\r\n.role-label .req{color:var(--accent);font-weight:900}\r\n.role-input{\r\n width:100%;border:none;background:transparent;font-family:inherit;font-size:18px;\r\n font-weight:700;color:var(--ink);padding:6px 0;outline:none;\r\n}\r\n.role-input::placeholder{color:#9fb2b6;font-weight:500;font-size:15px}\r\n.role-hint{font-size:12px;color:var(--muted);margin-top:8px;display:flex;align-items:center;gap:6px}\r\n\r\n\/* ===== Service cards ===== *\/\r\n.services{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}\r\n.svc{\r\n border:1.8px solid #d9e3e5;border-radius:15px;background:#fbfdfd;\r\n padding:18px 10px 15px;text-align:center;cursor:pointer;user-select:none;\r\n transition:transform .2s ease, border-color .2s, background .2s, box-shadow .2s;\r\n position:relative;\r\n}\r\n.svc:hover{transform:translateY(-4px);border-color:#b9cdd1;box-shadow:0 10px 22px rgba(0,62,70,.10)}\r\n.svc .svc-ic{\r\n width:46px;height:46px;border-radius:13px;margin:0 auto 10px;\r\n background:rgba(0,62,70,.06);display:grid;place-items:center;color:var(--primary);\r\n transition:background .2s, color .2s, transform .2s, box-shadow .2s;\r\n}\r\n.svc b{display:block;font-size:13.5px;font-weight:900;color:var(--primary)}\r\n.svc small{display:block;font-size:10.5px;color:var(--muted);margin-top:4px;line-height:1.55}\r\n.svc .check{\r\n position:absolute;top:9px;left:9px;width:21px;height:21px;border-radius:50%;\r\n background:var(--accent);color:#fff;display:grid;place-items:center;font-size:11px;\r\n opacity:0;transform:scale(.4);transition:opacity .2s, transform .28s cubic-bezier(.2,.9,.3,1.4);\r\n}\r\n.svc .sub-badge{\r\n position:absolute;top:9px;right:9px;min-width:21px;height:21px;border-radius:100px;\r\n background:var(--primary);color:#fff;font-size:10.5px;font-weight:900;\r\n display:none;align-items:center;justify-content:center;padding:0 6px;\r\n}\r\n.svc.active{border-color:var(--accent);background:#fff6f1;box-shadow:0 10px 24px rgba(238,87,27,.16)}\r\n.svc.active .svc-ic{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;transform:scale(1.07);box-shadow:0 8px 16px rgba(238,87,27,.35)}\r\n.svc.active .check{opacity:1;transform:scale(1)}\r\n.svc.has-subs .sub-badge{display:inline-flex}\r\n.svc.open-card{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,62,70,.12), 0 10px 24px rgba(0,62,70,.14)}\r\n\r\n\/* ===== Sub panels ===== *\/\r\n.panel-zone{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.3,1);margin-top:0}\r\n.panel-zone.open{grid-template-rows:1fr;margin-top:16px}\r\n.panel-clip{overflow:hidden}\r\n.sub-panel{\r\n border:1.6px solid rgba(0,62,70,.14);border-radius:16px;position:relative;\r\n background:linear-gradient(180deg,#f6fafb,#fbfdfd);padding:18px 20px 16px;\r\n}\r\n.sub-panel::before{\r\n content:\"\";position:absolute;top:0;right:24px;left:24px;height:3px;border-radius:0 0 6px 6px;\r\n background:linear-gradient(90deg,var(--primary),var(--accent));\r\n}\r\n.sp-head{display:flex;align-items:center;gap:10px;margin-bottom:13px;flex-wrap:wrap}\r\n.sp-head .sp-ic{\r\n width:34px;height:34px;border-radius:9px;background:var(--primary);color:#fff;\r\n display:grid;place-items:center;flex-shrink:0;\r\n}\r\n.sp-head b{font-size:14px;font-weight:900;color:var(--primary)}\r\n.sp-head small{display:block;font-size:11.5px;color:var(--muted)}\r\n.sp-close{\r\n margin-inline-start:auto;border:1.4px solid #d4dee0;background:#fff;color:var(--muted);\r\n width:32px;height:32px;border-radius:9px;cursor:pointer;font-size:15px;font-weight:900;\r\n display:grid;place-items:center;transition:all .18s;\r\n}\r\n.sp-close:hover{color:#c92a2a;border-color:#e5a9a9;background:rgba(224,49,49,.05);transform:rotate(90deg)}\r\n.sp-hint{font-size:11.5px;color:var(--muted);margin-top:10px;display:flex;align-items:center;gap:6px}\r\n\r\n\/* ===== Design-specific fields ===== *\/\r\n.design-fields{\r\n margin-top:16px;padding-top:16px;border-top:1.5px dashed #c6d4d7;\r\n display:grid;grid-template-columns:1fr 1fr;gap:12px;\r\n}\r\n.design-fields .df-title{\r\n grid-column:1\/-1;display:flex;align-items:center;gap:8px;\r\n font-size:13px;font-weight:900;color:var(--primary);margin-bottom:4px;\r\n}\r\n.design-fields .df-title .new-tag{\r\n background:var(--accent);color:#fff;font-size:10px;padding:2px 8px;border-radius:100px;font-weight:800;\r\n}\r\n.df{display:flex;flex-direction:column}\r\n.df.full{grid-column:1\/-1}\r\n.df label{font-size:12.5px;font-weight:700;color:var(--primary);margin-bottom:6px;display:flex;align-items:center;gap:5px}\r\n.df label svg{flex-shrink:0}\r\n.df input,.df select{\r\n width:100%;padding:10px 12px;border:1.5px solid #d4dee0;border-radius:10px;\r\n font-family:inherit;font-size:13.5px;color:var(--ink);background:#fff;\r\n transition:border-color .2s, box-shadow .2s;\r\n}\r\n.df input[type=number]{\r\n direction:ltr;text-align:center;font-weight:800;font-size:14px;\r\n -moz-appearance:textfield;\r\n}\r\n.df input[type=number]::-webkit-outer-spin-button,\r\n.df input[type=number]::-webkit-inner-spin-button{\r\n -webkit-appearance:none;margin:0;\r\n}\r\n.df input:focus,.df select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(238,87,27,.12)}\r\n.df input::placeholder{color:#9fb2b6;font-size:12.5px}\r\n.df .df-hint{font-size:11px;color:var(--muted);margin-top:4px}\r\n\r\n\/* Size row *\/\r\n.size-row{\r\n grid-column:1\/-1;display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;align-items:end;\r\n background:rgba(0,62,70,.04);border:1.5px dashed #c6d4d7;border-radius:12px;padding:14px;\r\n}\r\n.size-row .size-label{\r\n grid-column:1\/-1;font-size:12.5px;font-weight:800;color:var(--primary);\r\n display:flex;align-items:center;gap:6px;margin-bottom:2px;\r\n}\r\n.size-row .size-label .new-tag{\r\n background:var(--accent);color:#fff;font-size:10px;padding:2px 8px;border-radius:100px;font-weight:800;\r\n}\r\n.size-input{display:flex;flex-direction:column;gap:5px}\r\n.size-input label{font-size:11.5px;font-weight:700;color:var(--muted)}\r\n.size-input input{\r\n padding:11px 12px;border:1.5px solid #d4dee0;border-radius:10px;\r\n font-family:inherit;font-size:15px;font-weight:800;color:var(--primary);\r\n background:#fff;text-align:center;direction:ltr;\r\n -moz-appearance:textfield;transition:border-color .2s, box-shadow .2s;\r\n}\r\n.size-input input::-webkit-outer-spin-button,\r\n.size-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\r\n.size-input input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(238,87,27,.12)}\r\n.size-sep{\r\n font-size:22px;font-weight:900;color:var(--accent);padding-bottom:10px;\r\n display:flex;align-items:center;justify-content:center;\r\n}\r\n.size-unit{display:flex;flex-direction:column;gap:5px}\r\n.size-unit label{font-size:11.5px;font-weight:700;color:var(--muted)}\r\n.size-unit select{\r\n padding:11px 10px;border:1.5px solid #d4dee0;border-radius:10px;\r\n font-family:inherit;font-size:13px;font-weight:700;color:var(--primary);background:#fff;cursor:pointer;\r\n}\r\n.size-preview{\r\n grid-column:1\/-1;text-align:center;font-size:12px;font-weight:700;\r\n color:var(--muted);background:#fff;border:1px solid var(--line);\r\n border-radius:8px;padding:7px 10px;margin-top:2px;\r\n}\r\n.size-preview b{color:var(--accent);font-weight:900}\r\n\r\n\/* ===== Chips ===== *\/\r\n.chips{display:flex;flex-wrap:wrap;gap:9px}\r\n.chip{\r\n border:1.6px solid #d9e3e5;background:#fff;color:var(--ink);\r\n font-family:inherit;font-size:13px;font-weight:700;\r\n padding:8px 16px;border-radius:100px;cursor:pointer;user-select:none;\r\n display:inline-flex;align-items:center;gap:6px;transition:all .18s ease;\r\n}\r\n.chip:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,62,70,.10)}\r\n.chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 6px 16px rgba(0,62,70,.26)}\r\n.chip.active::before{content:\"\u2713 \";color:#ffc9ae;font-weight:900}\r\n.sub-panel .chip.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:var(--accent);box-shadow:0 6px 16px rgba(238,87,27,.3)}\r\n.sub-panel .chip.active::before{color:#fff}\r\n.chip.add-custom{\r\n border:1.6px dashed var(--accent);background:#fff6f1;color:var(--accent-2);font-weight:800;gap:5px;\r\n}\r\n.chip.add-custom:hover{background:var(--accent);color:#fff;border-style:solid}\r\n.chip.custom-user{\r\n background:linear-gradient(135deg,#fff,#fff6f1);border-color:var(--accent);color:var(--accent-2);\r\n font-weight:800;position:relative;padding-left:30px;\r\n}\r\n.chip.custom-user::after{\r\n content:\"\u2715\";position:absolute;top:-6px;left:-6px;width:18px;height:18px;border-radius:50%;\r\n background:var(--accent);color:#fff;font-size:10px;display:grid;place-items:center;font-weight:900;\r\n opacity:0;transform:scale(.5);transition:all .2s;\r\n}\r\n.chip.custom-user:hover::after{opacity:1;transform:scale(1)}\r\n.chip.custom-user.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}\r\n.chip.custom-user.active::after{background:#fff;color:var(--accent)}\r\n\r\n.field-label{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:900;color:var(--primary);margin:0 0 10px}\r\n.field-label .mini{font-size:11px;font-weight:600;color:var(--muted)}\r\n.opt-row{margin-bottom:18px}\r\n.opt-row:last-child{margin-bottom:0}\r\n\r\n.custom-input-row{\r\n display:none;align-items:center;gap:8px;margin-top:8px;\r\n background:#fff6f1;border:1.5px dashed var(--accent);border-radius:11px;padding:8px 10px;\r\n animation:fadeUp .25s ease;\r\n}\r\n.custom-input-row.show{display:flex}\r\n.custom-input-row input{\r\n flex:1;border:none;background:transparent;font-family:inherit;font-size:13.5px;\r\n font-weight:700;color:var(--ink);outline:none;padding:4px 6px;\r\n}\r\n.custom-input-row input::placeholder{color:#c79985;font-weight:500}\r\n.custom-input-row .ci-btns{display:flex;gap:5px}\r\n.ci-btn{\r\n border:none;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;\r\n padding:6px 12px;border-radius:8px;transition:all .15s;\r\n}\r\n.ci-btn.add{background:var(--accent);color:#fff}\r\n.ci-btn.add:hover{background:var(--accent-2)}\r\n.ci-btn.cancel{background:#fff;color:var(--muted);border:1px solid #d4dee0}\r\n.ci-btn.cancel:hover{color:#c92a2a;border-color:#e5a9a9}\r\n\r\n\/* ===== Word count ===== *\/\r\n.word-box{\r\n border:1.6px solid var(--line);border-radius:16px;padding:20px 22px;\r\n background:linear-gradient(180deg,#f8fbfb,#fff);\r\n}\r\n.word-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}\r\n.word-presets{display:flex;flex-wrap:wrap;gap:8px}\r\n.w-pill{\r\n border:1.6px solid #d9e3e5;background:#fff;color:var(--muted);font-family:inherit;\r\n font-size:12.5px;font-weight:800;padding:8px 15px;border-radius:100px;cursor:pointer;transition:all .18s;\r\n}\r\n.w-pill small{display:block;font-size:10px;font-weight:700;opacity:.8;margin-top:1px}\r\n.w-pill:hover{border-color:var(--accent);color:var(--accent-2);transform:translateY(-2px)}\r\n.w-pill.active{\r\n background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:var(--accent);\r\n color:#fff;box-shadow:0 7px 18px rgba(238,87,27,.32);\r\n}\r\n.word-display{\r\n display:flex;flex-direction:column;align-items:center;justify-content:center;\r\n background:var(--primary);color:#fff;border-radius:14px;padding:12px 22px;min-width:150px;\r\n box-shadow:0 8px 20px rgba(0,62,70,.28);\r\n}\r\n.word-display b{font-size:24px;font-weight:900;color:#ffb37e;line-height:1.2}\r\n.word-display small{font-size:11px;color:rgba(255,255,255,.75);font-weight:700}\r\n.slider-row{display:flex;align-items:center;gap:14px}\r\n.slider-row .edge{font-size:11.5px;font-weight:800;color:var(--muted);white-space:nowrap}\r\ninput[type=range]{\r\n flex:1;-webkit-appearance:none;appearance:none;height:9px;border-radius:100px;\r\n background:linear-gradient(90deg,var(--accent) var(--fill,10%), #dfe8ea var(--fill,10%));\r\n outline:none;cursor:pointer;\r\n}\r\ninput[type=range]::-webkit-slider-thumb{\r\n -webkit-appearance:none;width:24px;height:24px;border-radius:50%;\r\n background:#fff;border:3.5px solid var(--accent);\r\n box-shadow:0 4px 12px rgba(238,87,27,.4);transition:transform .15s;cursor:grab;\r\n}\r\ninput[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}\r\ninput[type=range]::-moz-range-thumb{\r\n width:18px;height:18px;border-radius:50%;background:#fff;border:3.5px solid var(--accent);\r\n box-shadow:0 4px 12px rgba(238,87,27,.4);cursor:grab;\r\n}\r\n\r\n\/* ===== Free text ===== *\/\r\ntextarea#freeText{\r\n width:100%;min-height:135px;resize:vertical;\r\n padding:16px 17px;border:1.6px solid #d4dee0;border-radius:14px;\r\n font-family:inherit;font-size:15px;line-height:1.95;color:var(--ink);\r\n background:#fbfdfd;transition:border-color .2s, box-shadow .2s, background .2s;\r\n}\r\ntextarea#freeText::placeholder{color:#9fb2b6;font-size:14px}\r\ntextarea#freeText:focus{\r\n outline:none;border-color:var(--accent);background:#fff;\r\n box-shadow:0 0 0 4px rgba(238,87,27,.13);\r\n}\r\n.ta-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px;flex-wrap:wrap}\r\n.no-limit{\r\n display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;\r\n color:var(--primary);background:rgba(0,62,70,.06);padding:5px 13px;border-radius:100px;\r\n}\r\n.counter{font-size:12px;color:var(--muted);font-weight:700}\r\n.examples{margin-top:14px}\r\n.examples .ex-title{font-size:12px;font-weight:900;color:var(--muted);margin-bottom:8px;display:flex;align-items:center;gap:6px}\r\n.ex-chip{\r\n border:1.6px dashed #c6d4d7;background:transparent;color:var(--muted);\r\n font-family:inherit;font-size:12.5px;font-weight:600;\r\n padding:8px 14px;border-radius:11px;cursor:pointer;margin-inline-end:8px;margin-bottom:8px;\r\n transition:all .18s;\r\n}\r\n.ex-chip:hover{border-color:var(--accent);color:var(--accent-2);background:#fff6f1;transform:translateY(-1px)}\r\n\r\n\/* ===== Quick prompt generator ===== *\/\r\n.quick-gen{\r\n border:2px solid var(--accent);border-radius:18px;\r\n background:linear-gradient(180deg,#fff6f1,#fff);\r\n padding:22px;position:relative;overflow:hidden;\r\n box-shadow:0 10px 28px rgba(238,87,27,.12);\r\n}\r\n.quick-gen::before{\r\n content:\"\";position:absolute;top:0;right:0;left:0;height:4px;\r\n background:linear-gradient(90deg,var(--accent),var(--primary),var(--accent));\r\n background-size:200% 100%;animation:barSlide 4s linear infinite;\r\n}\r\n@keyframes barSlide{to{background-position:200% 0}}\r\n.qg-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}\r\n.qg-head .qg-ic{\r\n width:38px;height:38px;border-radius:11px;flex-shrink:0;\r\n background:linear-gradient(135deg,var(--accent),var(--accent-2));\r\n color:#fff;display:grid;place-items:center;\r\n box-shadow:0 6px 16px rgba(238,87,27,.32);\r\n}\r\n.qg-head b{font-size:16px;font-weight:900;color:var(--primary)}\r\n.qg-head small{display:block;font-size:11.5px;color:var(--muted);margin-top:1px}\r\n.qg-head .new-badge{\r\n margin-inline-start:auto;background:var(--accent);color:#fff;\r\n font-size:10.5px;font-weight:900;padding:4px 11px;border-radius:100px;\r\n animation:pulse 2s ease-in-out infinite;\r\n}\r\n@keyframes pulse{50%{transform:scale(1.06)}}\r\ntextarea#quickText{\r\n width:100%;min-height:150px;resize:vertical;\r\n padding:16px 17px;border:1.6px solid #f0c7b3;border-radius:13px;\r\n font-family:inherit;font-size:15px;line-height:1.95;color:var(--ink);\r\n background:#fff;transition:border-color .2s, box-shadow .2s;\r\n}\r\ntextarea#quickText::placeholder{color:#c79985;font-size:14px}\r\ntextarea#quickText:focus{\r\n outline:none;border-color:var(--accent);\r\n box-shadow:0 0 0 4px rgba(238,87,27,.15);\r\n}\r\n.qg-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 14px;flex-wrap:wrap}\r\n.qg-btn{\r\n width:100%;border:none;cursor:pointer;font-family:inherit;\r\n background:linear-gradient(135deg,var(--accent),var(--accent-2));\r\n color:#fff;font-size:16px;font-weight:900;\r\n padding:15px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;\r\n box-shadow:0 10px 24px rgba(238,87,27,.35);position:relative;overflow:hidden;\r\n transition:transform .18s ease, box-shadow .18s ease, filter .18s;\r\n}\r\n.qg-btn::after{\r\n content:\"\";position:absolute;top:0;bottom:0;width:60px;\r\n background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);\r\n right:-80px;transform:skewX(-18deg);transition:right .6s ease;\r\n}\r\n.qg-btn:hover:not(:disabled)::after{right:110%}\r\n.qg-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px rgba(238,87,27,.42);filter:brightness(1.04)}\r\n.qg-btn:disabled{opacity:.7;cursor:wait}\r\n.qg-btn .spinner{\r\n width:18px;height:18px;border-radius:50%;display:none;\r\n border:2.6px solid rgba(255,255,255,.35);border-top-color:#fff;\r\n animation:spin .7s linear infinite;\r\n}\r\n.qg-btn.loading .spinner{display:block}\r\n.qg-btn.loading .qg-label{display:none}\r\n@keyframes spin{to{transform:rotate(360deg)}}\r\n\r\n\/* Result area *\/\r\n.qg-result{\r\n display:none;margin-top:16px;\r\n background:linear-gradient(160deg,var(--primary) 0%,var(--deep) 100%);\r\n color:#fff;border-radius:14px;border-top:3px solid var(--accent);\r\n overflow:hidden;animation:popIn .5s cubic-bezier(.2,.9,.3,1.2) both;\r\n}\r\n.qg-result.visible{display:block}\r\n@keyframes popIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}\r\n.qg-result-head{\r\n display:flex;align-items:center;justify-content:space-between;gap:10px;\r\n padding:14px 18px;background:rgba(0,0,0,.2);flex-wrap:wrap;\r\n}\r\n.qg-result-head b{font-size:13px;font-weight:900;color:#ffb37e;display:flex;align-items:center;gap:7px}\r\n.qg-result-head .qg-stats{display:flex;gap:10px;font-size:11.5px;color:rgba(255,255,255,.75);font-weight:700}\r\n.qg-result-head .qg-stats b{color:#fff;font-weight:900}\r\n.qg-result-body{\r\n padding:18px 20px;white-space:pre-line;font-size:14.5px;line-height:2.05;\r\n max-height:420px;overflow-y:auto;\r\n}\r\n.qg-result-body::-webkit-scrollbar{width:8px}\r\n.qg-result-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:100px}\r\n.qg-result-body::-webkit-scrollbar-track{background:transparent}\r\n.qg-result-actions{\r\n display:flex;gap:8px;padding:12px 18px;background:rgba(0,0,0,.15);flex-wrap:wrap;\r\n}\r\n.qg-mini-btn{\r\n flex:1;min-width:100px;border:1.5px solid rgba(255,255,255,.18);background:transparent;\r\n color:#fff;font-family:inherit;font-size:12.5px;font-weight:800;cursor:pointer;\r\n padding:10px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;\r\n transition:all .15s;\r\n}\r\n.qg-mini-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);transform:translateY(-1px)}\r\n.qg-mini-btn.primary{background:var(--accent);border-color:var(--accent)}\r\n.qg-mini-btn.primary:hover{background:var(--accent-2)}\r\n\r\n\/* Summary *\/\r\n.summary{\r\n display:flex;align-items:center;gap:10px;flex-wrap:wrap;\r\n background:rgba(0,62,70,.045);border:1px solid var(--line);border-radius:13px;\r\n padding:13px 17px;margin-bottom:18px;font-size:13px;color:var(--muted);min-height:50px;line-height:2;\r\n}\r\n.summary b{color:var(--primary)}\r\n\r\n\/* ===== Error ===== *\/\r\n.error-msg{\r\n display:none;margin-bottom:16px;font-size:13px;font-weight:600;color:#c92a2a;\r\n background:rgba(224,49,49,.08);border:1px solid rgba(224,49,49,.25);\r\n padding:10px 14px;border-radius:11px;align-items:center;gap:9px;\r\n}\r\n.error-msg.show{display:flex;animation:fadeUp .3s ease}\r\n.shake{animation:shake .45s ease}\r\n@keyframes shake{20%{transform:translateX(6px)}40%{transform:translateX(-6px)}60%{transform:translateX(4px)}80%{transform:translateX(-3px)}}\r\n\r\n\/* ===== CTA ===== *\/\r\n.cta{\r\n width:100%;border:none;cursor:pointer;font-family:inherit;\r\n background:linear-gradient(135deg,var(--primary),var(--primary-2));\r\n color:#fff;font-size:17px;font-weight:800;letter-spacing:.2px;\r\n padding:17px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;\r\n box-shadow:0 12px 28px rgba(0,62,70,.35);position:relative;overflow:hidden;\r\n transition:transform .18s ease, box-shadow .18s ease, filter .18s;\r\n}\r\n.cta::after{\r\n content:\"\";position:absolute;top:0;bottom:0;width:60px;\r\n background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);\r\n right:-80px;transform:skewX(-18deg);transition:right .6s ease;\r\n}\r\n.cta:hover:not(:disabled)::after{right:110%}\r\n.cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,62,70,.42);filter:brightness(1.06)}\r\n.cta:active:not(:disabled){transform:translateY(0) scale(.99)}\r\n.cta:disabled{opacity:.75;cursor:wait}\r\n.spinner{\r\n width:19px;height:19px;border-radius:50%;display:none;\r\n border:2.8px solid rgba(255,255,255,.35);border-top-color:#fff;\r\n animation:spin .7s linear infinite;\r\n}\r\n.cta.loading .spinner{display:block}\r\n.cta.loading .cta-label{display:none}\r\n\r\n\/* ===== Output ===== *\/\r\n.card-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}\r\n.card-head h2{font-size:19px;font-weight:800;color:var(--primary)}\r\n.card-head p{font-size:12.5px;color:var(--muted);margin-top:2px}\r\n\r\n.empty-state{\r\n text-align:center;padding:48px 16px;color:var(--muted);\r\n border:2px dashed #cfdadd;border-radius:14px;background:#fafcfc;\r\n}\r\n.empty-state svg{opacity:.55;margin-bottom:12px}\r\n.empty-state p{font-size:14px;font-weight:800}\r\n.empty-state small{font-size:12px;display:block;margin-top:5px}\r\n\r\n.result-wrap{display:none}\r\n.result-wrap.visible{display:block;animation:popIn .5s cubic-bezier(.2,.9,.3,1.2) both}\r\n\r\n.stats-row{\r\n display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;\r\n}\r\n.stat-card{\r\n border:1.6px solid var(--line);border-radius:12px;padding:12px 14px;\r\n background:linear-gradient(180deg,#f8fbfb,#fff);text-align:center;\r\n}\r\n.stat-card b{display:block;font-size:18px;font-weight:800;color:var(--primary);line-height:1.2}\r\n.stat-card small{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:3px;display:block}\r\n.stat-card.accent b{color:var(--accent)}\r\n\r\n.tabs{display:flex;gap:6px;background:#eef3f4;border-radius:12px;padding:5px;margin-bottom:14px}\r\n.tab{\r\n flex:1;border:none;background:transparent;font-family:inherit;font-size:13px;font-weight:700;\r\n color:var(--muted);padding:10px 14px;border-radius:9px;cursor:pointer;transition:all .2s;\r\n display:inline-flex;align-items:center;justify-content:center;gap:6px;\r\n}\r\n.tab:hover{color:var(--primary)}\r\n.tab.active{background:#fff;color:var(--primary);box-shadow:0 3px 10px rgba(0,62,70,.10)}\r\n\r\n.out-block{\r\n background:linear-gradient(160deg,var(--primary) 0%,var(--deep) 100%);\r\n color:#fff;padding:22px 23px;border-radius:14px;\r\n border-top:3px solid var(--accent);\r\n white-space:pre-line;font-size:14.5px;line-height:2.05;\r\n max-height:400px;overflow-y:auto;\r\n box-shadow:inset 0 0 40px rgba(0,0,0,.2);\r\n display:none;\r\n}\r\n.out-block.active{display:block;animation:fadeUp .35s ease}\r\n.out-block::-webkit-scrollbar{width:8px}\r\n.out-block::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:100px}\r\n.out-block::-webkit-scrollbar-track{background:transparent}\r\n\r\n.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}\r\n.btn{\r\n flex:1;min-width:104px;display:inline-flex;align-items:center;justify-content:center;gap:8px;\r\n font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;\r\n padding:12px;border-radius:11px;border:1.6px solid transparent;\r\n transition:transform .15s ease, box-shadow .15s ease, background .15s, color .15s;\r\n}\r\n.btn:disabled{opacity:.45;cursor:not-allowed}\r\n.btn:not(:disabled):hover{transform:translateY(-2px)}\r\n.btn:not(:disabled):active{transform:translateY(0) scale(.98)}\r\n.btn-copy{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 7px 18px rgba(238,87,27,.32)}\r\n.btn-download{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 7px 18px rgba(0,62,70,.28)}\r\n.btn-reset{background:transparent;color:var(--muted);border-color:#d4dee0}\r\n.btn-reset:not(:disabled):hover{color:#c92a2a;border-color:#e5a9a9;background:rgba(224,49,49,.05)}\r\n\r\n\/* Toast *\/\r\n#toast{\r\n position:fixed;bottom:26px;right:50%;transform:translate(50%,80px);\r\n background:var(--primary);color:#fff;font-size:14px;font-weight:800;\r\n padding:13px 24px;border-radius:100px;display:flex;align-items:center;gap:10px;\r\n box-shadow:0 12px 30px rgba(0,62,70,.38);opacity:0;pointer-events:none;\r\n transition:transform .35s cubic-bezier(.2,.9,.3,1.2), opacity .3s;z-index:99;\r\n}\r\n#toast.show{transform:translate(50%,0);opacity:1}\r\n#toast .tick{\r\n width:21px;height:21px;border-radius:50%;background:var(--accent);\r\n display:grid;place-items:center;font-size:11px;flex-shrink:0;\r\n}\r\n\r\nfooter{text-align:center;margin-top:36px;font-size:12.5px;color:var(--muted);animation:fadeUp .7s ease both .3s}\r\nfooter b{color:var(--primary)}\r\n\r\n@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}\r\n\r\n@media (max-width:960px){\r\n .grid{grid-template-columns:1fr}\r\n .card.out-card{position:static}\r\n .services{grid-template-columns:repeat(2,1fr)}\r\n .design-fields{grid-template-columns:1fr}\r\n}\r\n@media (max-width:560px){\r\n .wrap{padding:16px 13px 50px}\r\n .card{padding:20px}\r\n .hero{padding:28px 22px;border-radius:20px}\r\n .hero h1{font-size:24px}\r\n .hero-inner{flex-direction:column;align-items:flex-start}\r\n .actions{flex-direction:column}\r\n .btn{min-width:0}\r\n .word-display{min-width:130px}\r\n .stats-row{grid-template-columns:1fr 1fr}\r\n .stats-row .stat-card:last-child{grid-column:1\/-1}\r\n .size-row{grid-template-columns:1fr auto 1fr}\r\n .size-unit{grid-column:1\/-1}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"wrap\">\r\n\r\n <!-- ============ HERO ============ -->\r\n <section class=\"hero\">\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-brand\">\r\n <div class=\"logo\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M12 3a6 6 0 0 1 3.5 10.9c-.6.5-1 1.2-1 2V17h-5v-1.1c0-.8-.4-1.5-1-2A6 6 0 0 1 12 3z\" stroke=\"#fff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M10 20h4\" stroke=\"#ee571b\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <h1>\u0645\u0633\u0627\u0639\u062f \u0627\u0644\u0637\u0644\u0628\u0627\u062a <span>\u0627\u0644\u0630\u0643\u064a<\/span> <small style=\"font-size:13px;font-weight:800;color:rgba(255,255,255,.55)\">\u00b7 \u0625\u0635\u062f\u0627\u0631 2026<\/small><\/h1>\r\n <div class=\"sub\">\u0645\u0646\u0635\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u062a\u062d\u0648\u064a\u0644 \u0637\u0644\u0628\u0643 \u0625\u0644\u0649 \u0623\u0645\u0631 \u0645\u062a\u0643\u0627\u0645\u0644 \u0648\u062f\u0642\u064a\u0642 \u2014 \u0627\u0643\u062a\u0628 \u0646\u0635\u0643\u060c \u0627\u0636\u063a\u0637 \u0632\u0631 \u0648\u0627\u062d\u062f\u060c \u0648\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0628\u0631\u0648\u0645\u0628\u062a \u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0646\u0641\u064a\u0630 \u0641\u0648\u0631\u064b\u0627.<\/div>\r\n <div class=\"hero-chips\">\r\n <span class=\"h-chip\"><span class=\"dot\"><\/span> \u062c\u0627\u0647\u0632 \u0627\u0644\u0622\u0646<\/span>\r\n <span class=\"h-chip\">\u062a\u0648\u0644\u064a\u062f \u0641\u0648\u0631\u064a<\/span>\r\n <span class=\"h-chip\">\u0628\u0631\u0648\u0645\u0628\u062a \u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0646\u0641\u064a\u0630<\/span>\r\n <span class=\"h-chip\">\u0642\u0648\u0627\u0626\u0645 \u0645\u062e\u0635\u0635\u0629 \u0644\u0643\u0644 \u062a\u0635\u0646\u064a\u0641<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-side\">\r\n <div class=\"big\">4<\/div>\r\n <small>\u062a\u0635\u0646\u064a\u0641\u0627\u062a \u0631\u0626\u064a\u0633\u064a\u0629<br>\u0628\u0642\u0648\u0627\u0626\u0645 \u062a\u0641\u0635\u064a\u0644\u064a\u0629 \u0644\u0643\u0644 \u0645\u0646\u0647\u0627<\/small>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"grid\">\r\n\r\n <!-- ============ FORM ============ -->\r\n <section class=\"card form-card\">\r\n <form id=\"genForm\" novalidate>\r\n\r\n <!-- Role -->\r\n <div class=\"role-box\" id=\"roleBox\">\r\n <div class=\"role-label\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"8\" r=\"3.4\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M4.5 19c1.2-3.4 4-5.2 7.5-5.2s6.3 1.8 7.5 5.2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\r\n \u062a\u0635\u0631\u0651\u0641 \u0643\u0640 <span class=\"req\">*<\/span>\r\n <\/div>\r\n <input class=\"role-input\" id=\"role\" placeholder=\"\u0645\u062b\u0627\u0644: \u062e\u0628\u064a\u0631 \u062a\u0633\u0648\u064a\u0642 \u0631\u0642\u0645\u064a\u060c \u0645\u0635\u0645\u0645 \u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629\u060c \u0645\u062d\u0644\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u2026\" maxlength=\"120\">\r\n <div class=\"role-hint\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M12 8v5M12 16.5v.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n \u0643\u0644\u0645\u0627 \u0643\u0627\u0646 \u0627\u0644\u062f\u0648\u0631 \u0623\u062f\u0642\u060c \u0643\u0627\u0646\u062a \u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0623\u0643\u062b\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u062a\u062e\u0635\u0651\u0635\u064b\u0627\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 01 Services -->\r\n <div class=\"section\">\r\n <div class=\"section-head\">\r\n <div class=\"step\">01<\/div>\r\n <div><h2>\u0627\u062e\u062a\u0631 \u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u062e\u062f\u0645\u0629<\/h2><small>\u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0623\u064a \u0628\u0637\u0627\u0642\u0629 \u2014 \u0633\u062a\u0646\u0628\u062b\u0642 \u0642\u0627\u0626\u0645\u0629 \u0645\u062e\u0635\u0635\u0629 \u0628\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u062a\u0635\u0646\u064a\u0641<\/small><\/div>\r\n <span class=\"opt-count\" id=\"svcCount\">\u0644\u0627 \u0634\u064a\u0621 \u0645\u062d\u062f\u062f<\/span>\r\n <\/div>\r\n\r\n <div class=\"services\" id=\"services\">\r\n <div class=\"svc\" data-val=\"\u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\" tabindex=\"0\" role=\"checkbox\" aria-checked=\"false\">\r\n <span class=\"check\">\u2713<\/span><span class=\"sub-badge\" data-badge>0<\/span>\r\n <span class=\"svc-ic\"><svg width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 20l1-4L16.5 4.5a2.1 2.1 0 0 1 3 3L8 19l-4 1z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M14.5 6.5l3 3\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/span>\r\n <b>\u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/b><small>\u0645\u0642\u0627\u0644\u0627\u062a \u00b7 \u0645\u0646\u0634\u0648\u0631\u0627\u062a \u00b7 \u0646\u0635\u0648\u0635 \u0625\u0639\u0644\u0627\u0646\u064a\u0629<\/small>\r\n <\/div>\r\n <div class=\"svc\" data-val=\"\u0627\u0644\u062a\u0635\u0645\u064a\u0645\" tabindex=\"0\" role=\"checkbox\" aria-checked=\"false\">\r\n <span class=\"check\">\u2713<\/span><span class=\"sub-badge\" data-badge>0<\/span>\r\n <span class=\"svc-ic\"><svg width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"13.5\" cy=\"6.5\" r=\"1.3\" fill=\"currentColor\"\/><circle cx=\"17.5\" cy=\"10.5\" r=\"1.3\" fill=\"currentColor\"\/><circle cx=\"8\" cy=\"7.5\" r=\"1.3\" fill=\"currentColor\"\/><circle cx=\"6\" cy=\"13\" r=\"1.3\" fill=\"currentColor\"\/><path d=\"M12 22a10 10 0 1 1 10-10c0 2.2-1.8 3-3.5 3H16a2.5 2.5 0 0 0-2 4c.6.9 0 3-2 3z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n <b>\u0627\u0644\u062a\u0635\u0645\u064a\u0645<\/b><small>\u0647\u0648\u064a\u0627\u062a \u00b7 \u0628\u0648\u0633\u062a\u0627\u062a \u00b7 \u0648\u0627\u062c\u0647\u0627\u062a<\/small>\r\n <\/div>\r\n <div class=\"svc\" data-val=\"\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a\" tabindex=\"0\" role=\"checkbox\" aria-checked=\"false\">\r\n <span class=\"check\">\u2713<\/span><span class=\"sub-badge\" data-badge>0<\/span>\r\n <span class=\"svc-ic\"><svg width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M21 12a8 8 0 0 1-8 8H4l2-3.2A8 8 0 1 1 21 12z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M9 12l2 2 4-4.5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n <b>\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a<\/b><small>\u062e\u0637\u0637 \u00b7 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u00b7 \u0634\u062e\u0635\u064a\u0629<\/small>\r\n <\/div>\r\n <div class=\"svc\" data-val=\"\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\" tabindex=\"0\" role=\"checkbox\" aria-checked=\"false\">\r\n <span class=\"check\">\u2713<\/span><span class=\"sub-badge\" data-badge>0<\/span>\r\n <span class=\"svc-ic\"><svg width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l1.8 4.7L18.5 8.5l-4.7 1.8L12 15l-1.8-4.7L5.5 8.5l4.7-1.8L12 2z\" fill=\"currentColor\"\/><path d=\"M18.5 14l.9 2.3 2.3.9-2.3.9-.9 2.3-.9-2.3-2.3-.9 2.3-.9.9-2.3z\" fill=\"currentColor\" opacity=\".7\"\/><\/svg><\/span>\r\n <b>\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/b><small>\u0623\u062a\u0645\u062a\u0629 \u00b7 \u0648\u0643\u0644\u0627\u0621 \u00b7 \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Sub panels -->\r\n <div class=\"panel-zone\" id=\"panelZone\">\r\n <div class=\"panel-clip\">\r\n <div class=\"sub-panel\" id=\"subPanel\">\r\n <div class=\"sp-head\">\r\n <span class=\"sp-ic\" id=\"spIcon\"><\/span>\r\n <div><b id=\"spTitle\"><\/b><small id=\"spSub\"><\/small><\/div>\r\n <button type=\"button\" class=\"sp-close\" id=\"spClose\" title=\"\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0642\u0627\u0626\u0645\u0629\">\u2715<\/button>\r\n <\/div>\r\n <div class=\"chips\" id=\"spChips\"><\/div>\r\n <!-- Design-specific fields -->\r\n <div id=\"designFieldsWrap\" style=\"display:none\">\r\n <div class=\"design-fields\">\r\n <div class=\"df-title\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3l8 4v6c0 4.5-3.5 7.5-8 9-4.5-1.5-8-4.5-8-9V7l8-4z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\r\n \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0647\u0648\u064a\u0629 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644\r\n <span class=\"new-tag\">\u0644\u0644\u062a\u0635\u0645\u064a\u0645 \u0641\u0642\u0637<\/span>\r\n <\/div>\r\n <div class=\"df full\">\r\n <label for=\"brandName\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20.6 13.4l-8.2 8.2a2 2 0 0 1-2.8 0l-7.2-7.2a2 2 0 0 1 0-2.8l8.2-8.2a2 2 0 0 1 2.8 0l7.2 7.2a2 2 0 0 1 0 2.8z\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n \u0627\u0633\u0645 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \/ \u0627\u0644\u0645\u0634\u0631\u0648\u0639\r\n <\/label>\r\n <input type=\"text\" id=\"brandName\" placeholder=\"\u0645\u062b\u0627\u0644: \u0634\u0631\u0643\u0629 \u0627\u0644\u0646\u062e\u0628\u0629\u060c \u0645\u062a\u062c\u0631 \u0648\u0631\u062f\u2026\">\r\n <span class=\"df-hint\">\u0633\u064a\u064f\u0633\u062a\u062e\u062f\u0645 \u0641\u064a \u0627\u0644\u0634\u0639\u0627\u0631\u060c \u0627\u0644\u0647\u0648\u064a\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629<\/span>\r\n <\/div>\r\n <div class=\"df\">\r\n <label for=\"phone\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.5 2.1L8 9.6a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\r\n \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641\r\n <\/label>\r\n <input type=\"tel\" id=\"phone\" placeholder=\"+966 5X XXX XXXX\" dir=\"ltr\" style=\"text-align:right\">\r\n <\/div>\r\n <div class=\"df\">\r\n <label for=\"email\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><path d=\"M22 6l-10 7L2 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\r\n \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n <\/label>\r\n <input type=\"email\" id=\"email\" placeholder=\"info@example.com\" dir=\"ltr\" style=\"text-align:right\">\r\n <\/div>\r\n <div class=\"df full\">\r\n <label for=\"domain\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M2 12h20M12 2a15 15 0 0 1 0 20M12 2a15 15 0 0 0 0 20\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n \u062f\u0648\u0645\u064a\u0646 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n <\/label>\r\n <input type=\"text\" id=\"domain\" placeholder=\"www.example.com\" dir=\"ltr\" style=\"text-align:right\">\r\n <\/div>\r\n\r\n <!-- Size row -->\r\n <div class=\"size-row\">\r\n <div class=\"size-label\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M9 3v18M3 9h18\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n \u0645\u0642\u0627\u0633 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 (\u0627\u0644\u0637\u0648\u0644 \u00d7 \u0627\u0644\u0639\u0631\u0636)\r\n <span class=\"new-tag\">\u062d\u0642\u0648\u0644 \u0623\u0631\u0642\u0627\u0645<\/span>\r\n <\/div>\r\n <div class=\"size-input\">\r\n <label>\u0627\u0644\u0637\u0648\u0644 (Height)<\/label>\r\n <input type=\"number\" id=\"sizeH\" min=\"1\" max=\"99999\" placeholder=\"1080\">\r\n <\/div>\r\n <div class=\"size-sep\">\u00d7<\/div>\r\n <div class=\"size-input\">\r\n <label>\u0627\u0644\u0639\u0631\u0636 (Width)<\/label>\r\n <input type=\"number\" id=\"sizeW\" min=\"1\" max=\"99999\" placeholder=\"1080\">\r\n <\/div>\r\n <div class=\"size-unit\">\r\n <label>\u0627\u0644\u0648\u062d\u062f\u0629<\/label>\r\n <select id=\"sizeUnit\">\r\n <option value=\"px\" selected>\u0628\u0643\u0633\u0644 (px)<\/option>\r\n <option value=\"cm\">\u0633\u0646\u062a\u064a\u0645\u062a\u0631 (cm)<\/option>\r\n <option value=\"mm\">\u0645\u064a\u0644\u064a\u0645\u062a\u0631 (mm)<\/option>\r\n <option value=\"inch\">\u0628\u0648\u0635\u0629 (inch)<\/option>\r\n <option value=\"pt\">\u0646\u0642\u0637\u0629 (pt)<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"size-preview\" id=\"sizePreview\">\u0623\u062f\u062e\u0644 \u0627\u0644\u0637\u0648\u0644 \u0648\u0627\u0644\u0639\u0631\u0636 \u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u0642\u0627\u0633 \u0627\u0644\u0646\u0647\u0627\u0626\u064a<\/div>\r\n <\/div>\r\n\r\n <div class=\"df full\">\r\n <label for=\"socialLinks\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"18\" cy=\"5\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"6\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"18\" cy=\"19\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M8.6 13.5l6.8 4M15.4 6.5l-6.8 4\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\r\n <\/label>\r\n <input type=\"text\" id=\"socialLinks\" placeholder=\"@handle \u0623\u0648 \u0631\u0648\u0627\u0628\u0637 \u0645\u0641\u0635\u0648\u0644\u0629 \u0628\u0641\u0627\u0635\u0644\u0629\">\r\n <span class=\"df-hint\">\u0645\u062b\u0627\u0644: @brand\u060c facebook.com\/brand\u060c instagram.com\/brand<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sp-hint\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M12 8v5M12 16.5v.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n \u0627\u062e\u062a\u0631 \u0645\u0646 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0645\u0627 \u064a\u0635\u0641 \u0648\u0638\u064a\u0641\u062a\u0643 \u0628\u062f\u0642\u0629 \u2014 \u0623\u0648 \u0627\u0636\u063a\u0637 \u00ab+ \u0623\u062e\u0631\u0649\u00bb \u0644\u0625\u0636\u0627\u0641\u0629 \u062e\u064a\u0627\u0631 \u062e\u0627\u0635 \u0628\u0643\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"divider\"><\/div>\r\n\r\n <!-- 02 Preferences -->\r\n <div class=\"section\">\r\n <div class=\"section-head\">\r\n <div class=\"step\">02<\/div>\r\n <div><h2>\u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/h2><small>\u062a\u062d\u0643\u0645 \u0643\u0627\u0645\u0644 \u0641\u064a \u0627\u0644\u0646\u0628\u0631\u0629 \u0648\u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0648\u0627\u0644\u0635\u064a\u063a\u0629 \u0648\u0627\u0644\u0645\u0646\u0635\u0629 \u2014 \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0625\u0636\u0627\u0641\u0629 \u062e\u064a\u0627\u0631\u0627\u062a \u0645\u062e\u0635\u0635\u0629<\/small><\/div>\r\n <span class=\"opt-count\" id=\"prefCount\">\u0644\u0627 \u062e\u064a\u0627\u0631\u0627\u062a<\/span>\r\n <\/div>\r\n\r\n <div class=\"opt-row\" data-group-row=\"tone\">\r\n <div class=\"field-label\">\u0627\u0644\u0646\u0628\u0631\u0629 \u0648\u0627\u0644\u0623\u0633\u0644\u0648\u0628 <span class=\"mini\">\u2014 \u0627\u062e\u062a\u0631 \u0648\u0627\u062d\u062f\u064b\u0627 \u0623\u0648 \u0623\u0643\u062b\u0631<\/span><\/div>\r\n <div class=\"chips\" data-group=\"tone\">\r\n <button type=\"button\" class=\"chip\">\u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/button>\r\n <button type=\"button\" class=\"chip\">\u0625\u0628\u062f\u0627\u0639\u064a<\/button>\r\n <button type=\"button\" class=\"chip\">\u0631\u0633\u0645\u064a<\/button>\r\n <button type=\"button\" class=\"chip\">\u0641\u0627\u062e\u0631 \u0648\u0623\u0646\u064a\u0642<\/button>\r\n <button type=\"button\" class=\"chip\">\u0628\u0633\u064a\u0637 \u0648\u0648\u062f\u0648\u062f<\/button>\r\n <button type=\"button\" class=\"chip\">\u062d\u0645\u0627\u0633\u064a \u0648\u062a\u0633\u0648\u064a\u0642\u064a<\/button>\r\n <button type=\"button\" class=\"chip\">\u0633\u0631\u062f\u064a \u0642\u0635\u0635\u064a<\/button>\r\n <button type=\"button\" class=\"chip\">\u062a\u062d\u0641\u064a\u0632\u064a<\/button>\r\n <button type=\"button\" class=\"chip add-custom\" data-add=\"tone\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/><\/svg>\r\n \u0623\u062e\u0631\u0649\r\n <\/button>\r\n <\/div>\r\n <div class=\"custom-input-row\" data-input-row=\"tone\">\r\n <input type=\"text\" placeholder=\"\u0627\u0643\u062a\u0628 \u062e\u064a\u0627\u0631\u0643 \u0627\u0644\u062e\u0627\u0635 \u0647\u0646\u0627\u2026\" maxlength=\"40\">\r\n <div class=\"ci-btns\">\r\n <button type=\"button\" class=\"ci-btn add\" data-confirm=\"tone\">\u0625\u0636\u0627\u0641\u0629<\/button>\r\n <button type=\"button\" class=\"ci-btn cancel\" data-cancel=\"tone\">\u0625\u0644\u063a\u0627\u0621<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"opt-row\" data-group-row=\"audience\">\r\n <div class=\"field-label\">\u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641<\/div>\r\n <div class=\"chips\" data-group=\"audience\">\r\n <button type=\"button\" class=\"chip\">\u062c\u0645\u0647\u0648\u0631 \u0639\u0627\u0645<\/button>\r\n <button type=\"button\" class=\"chip\">\u0634\u0631\u0643\u0627\u062a B2B<\/button>\r\n <button type=\"button\" class=\"chip\">\u0639\u0645\u0644\u0627\u0621 \u0623\u0641\u0631\u0627\u062f<\/button>\r\n <button type=\"button\" class=\"chip\">\u0645\u062f\u0631\u0627\u0621 \u0648\u0635\u0646\u0651\u0627\u0639 \u0642\u0631\u0627\u0631<\/button>\r\n <button type=\"button\" class=\"chip\">\u0634\u0628\u0627\u0628 \u0648\u062c\u064a\u0644 \u0631\u0642\u0645\u064a<\/button>\r\n <button type=\"button\" class=\"chip\">\u0645\u062a\u0627\u062c\u0631 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/button>\r\n <button type=\"button\" class=\"chip add-custom\" data-add=\"audience\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/><\/svg>\r\n \u0623\u062e\u0631\u0649\r\n <\/button>\r\n <\/div>\r\n <div class=\"custom-input-row\" data-input-row=\"audience\">\r\n <input type=\"text\" placeholder=\"\u0627\u0643\u062a\u0628 \u062c\u0645\u0647\u0648\u0631\u0643 \u0627\u0644\u0645\u062e\u0635\u0635 \u0647\u0646\u0627\u2026\" maxlength=\"40\">\r\n <div class=\"ci-btns\">\r\n <button type=\"button\" class=\"ci-btn add\" data-confirm=\"audience\">\u0625\u0636\u0627\u0641\u0629<\/button>\r\n <button type=\"button\" class=\"ci-btn cancel\" data-cancel=\"audience\">\u0625\u0644\u063a\u0627\u0621<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"opt-row\" data-group-row=\"platform\">\r\n <div class=\"field-label\">\u0645\u0646\u0635\u0629 \u0627\u0644\u0646\u0634\u0631<\/div>\r\n <div class=\"chips\" data-group=\"platform\">\r\n <button type=\"button\" class=\"chip\">\u0627\u0646\u0633\u062a\u063a\u0631\u0627\u0645<\/button>\r\n <button type=\"button\" class=\"chip\">\u0641\u064a\u0633\u0628\u0648\u0643<\/button>\r\n <button type=\"button\" class=\"chip\">\u0625\u0643\u0633 (\u062a\u0648\u064a\u062a\u0631)<\/button>\r\n <button type=\"button\" class=\"chip\">\u0644\u064a\u0646\u0643\u062f \u0625\u0646<\/button>\r\n <button type=\"button\" class=\"chip\">\u062a\u064a\u0643 \u062a\u0648\u0643<\/button>\r\n <button type=\"button\" class=\"chip\">\u0645\u0648\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/button>\r\n <button type=\"button\" class=\"chip\">\u0639\u0631\u0636 \u062a\u0642\u062f\u064a\u0645\u064a<\/button>\r\n <button type=\"button\" class=\"chip add-custom\" data-add=\"platform\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/><\/svg>\r\n \u0623\u062e\u0631\u0649\r\n <\/button>\r\n <\/div>\r\n <div class=\"custom-input-row\" data-input-row=\"platform\">\r\n <input type=\"text\" placeholder=\"\u0627\u0643\u062a\u0628 \u0645\u0646\u0635\u0629 \u0623\u062e\u0631\u0649\u2026\" maxlength=\"40\">\r\n <div class=\"ci-btns\">\r\n <button type=\"button\" class=\"ci-btn add\" data-confirm=\"platform\">\u0625\u0636\u0627\u0641\u0629<\/button>\r\n <button type=\"button\" class=\"ci-btn cancel\" data-cancel=\"platform\">\u0625\u0644\u063a\u0627\u0621<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"opt-row\" data-group-row=\"sector\">\r\n <div class=\"field-label\">\u0627\u0644\u0642\u0637\u0627\u0639 \u0623\u0648 \u0627\u0644\u0645\u062c\u0627\u0644<\/div>\r\n <div class=\"chips\" data-group=\"sector\">\r\n <button type=\"button\" class=\"chip\">\u062a\u0642\u0646\u064a\u0629 \u0648\u0628\u0631\u0645\u062c\u064a\u0627\u062a<\/button>\r\n <button type=\"button\" class=\"chip\">\u0623\u063a\u0630\u064a\u0629 \u0648\u0645\u0637\u0627\u0639\u0645<\/button>\r\n <button type=\"button\" class=\"chip\">\u0623\u0632\u064a\u0627\u0621 \u0648\u062c\u0645\u0627\u0644<\/button>\r\n <button type=\"button\" class=\"chip\">\u0639\u0642\u0627\u0631\u0627\u062a<\/button>\r\n <button type=\"button\" class=\"chip\">\u062a\u0639\u0644\u064a\u0645 \u0648\u062a\u062f\u0631\u064a\u0628<\/button>\r\n <button type=\"button\" class=\"chip\">\u0635\u062d\u0629 \u0648\u0639\u0627\u0641\u064a\u0629<\/button>\r\n <button type=\"button\" class=\"chip add-custom\" data-add=\"sector\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/><\/svg>\r\n \u0623\u062e\u0631\u0649\r\n <\/button>\r\n <\/div>\r\n <div class=\"custom-input-row\" data-input-row=\"sector\">\r\n <input type=\"text\" placeholder=\"\u0627\u0643\u062a\u0628 \u0642\u0637\u0627\u0639\u0643 \u0627\u0644\u062e\u0627\u0635\u2026\" maxlength=\"40\">\r\n <div class=\"ci-btns\">\r\n <button type=\"button\" class=\"ci-btn add\" data-confirm=\"sector\">\u0625\u0636\u0627\u0641\u0629<\/button>\r\n <button type=\"button\" class=\"ci-btn cancel\" data-cancel=\"sector\">\u0625\u0644\u063a\u0627\u0621<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"opt-row\" data-group-row=\"format\">\r\n <div class=\"field-label\">\u0635\u064a\u063a\u0629 \u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a<\/div>\r\n <div class=\"chips\" data-group=\"format\">\r\n <button type=\"button\" class=\"chip active\">\u0646\u0635 \u062c\u0627\u0647\u0632 \u0644\u0644\u0646\u0634\u0631<\/button>\r\n <button type=\"button\" class=\"chip\">\u062e\u0637\u0629 \u0645\u0646\u0638\u0645\u0629<\/button>\r\n <button type=\"button\" class=\"chip\">\u0642\u0627\u0626\u0645\u0629 \u0646\u0642\u0627\u0637<\/button>\r\n <button type=\"button\" class=\"chip\">\u062f\u0644\u064a\u0644 \u062e\u0637\u0648\u0627\u062a<\/button>\r\n <button type=\"button\" class=\"chip\">\u062a\u0642\u0631\u064a\u0631 \u0645\u0641\u0635\u0651\u0644<\/button>\r\n <button type=\"button\" class=\"chip add-custom\" data-add=\"format\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/><\/svg>\r\n \u0623\u062e\u0631\u0649\r\n <\/button>\r\n <\/div>\r\n <div class=\"custom-input-row\" data-input-row=\"format\">\r\n <input type=\"text\" placeholder=\"\u0627\u0643\u062a\u0628 \u0635\u064a\u063a\u062a\u0643 \u0627\u0644\u0645\u062e\u0635\u0635\u0629\u2026\" maxlength=\"40\">\r\n <div class=\"ci-btns\">\r\n <button type=\"button\" class=\"ci-btn add\" data-confirm=\"format\">\u0625\u0636\u0627\u0641\u0629<\/button>\r\n <button type=\"button\" class=\"ci-btn cancel\" data-cancel=\"format\">\u0625\u0644\u063a\u0627\u0621<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"divider\"><\/div>\r\n\r\n <!-- 03 Word count -->\r\n <div class=\"section\">\r\n <div class=\"section-head\">\r\n <div class=\"step accent\">03<\/div>\r\n <div><h2>\u062d\u062c\u0645 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628<\/h2><small>\u062d\u062f\u0651\u062f \u0639\u062f\u062f \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0628\u062f\u0642\u0629 \u2014 \u0645\u0646 50 \u062d\u062a\u0649 10,000 \u0643\u0644\u0645\u0629<\/small><\/div>\r\n <\/div>\r\n <div class=\"word-box\">\r\n <div class=\"word-top\">\r\n <div class=\"word-presets\" id=\"wordPresets\">\r\n <button type=\"button\" class=\"w-pill\" data-word=\"150\">\u0645\u062e\u062a\u0635\u0631<small>150 \u0643\u0644\u0645\u0629<\/small><\/button>\r\n <button type=\"button\" class=\"w-pill\" data-word=\"500\">\u0645\u062a\u0648\u0633\u0637<small>500 \u0643\u0644\u0645\u0629<\/small><\/button>\r\n <button type=\"button\" class=\"w-pill\" data-word=\"1500\">\u0645\u0648\u0633\u0651\u0639<small>1,500 \u0643\u0644\u0645\u0629<\/small><\/button>\r\n <button type=\"button\" class=\"w-pill\" data-word=\"3000\">\u0634\u0627\u0645\u0644<small>3,000 \u0643\u0644\u0645\u0629<\/small><\/button>\r\n <button type=\"button\" class=\"w-pill\" data-word=\"5000\">\u0645\u0639\u0645\u0651\u0642<small>5,000 \u0643\u0644\u0645\u0629<\/small><\/button>\r\n <button type=\"button\" class=\"w-pill\" data-word=\"10000\">\u062f\u0631\u0627\u0633\u0629 \u0643\u0627\u0645\u0644\u0629<small>10,000 \u0643\u0644\u0645\u0629<\/small><\/button>\r\n <\/div>\r\n <div class=\"word-display\">\r\n <b id=\"wordVal\">1,500<\/b>\r\n <small>\u0643\u0644\u0645\u0629 \u0645\u0633\u062a\u0647\u062f\u0641\u0629<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"slider-row\">\r\n <span class=\"edge\">10,000<\/span>\r\n <input type=\"range\" id=\"wordSlider\" min=\"50\" max=\"10000\" step=\"50\" value=\"1500\" dir=\"rtl\" aria-label=\"\u0639\u062f\u062f \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\">\r\n <span class=\"edge\">50<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"divider\"><\/div>\r\n\r\n <!-- 04 Free text -->\r\n <div class=\"section\">\r\n <div class=\"section-head\">\r\n <div class=\"step accent\">04<\/div>\r\n <div><h2>\u0627\u0643\u062a\u0628 \u0637\u0644\u0628\u0643 \u0628\u0644\u063a\u062a\u0643 \u0627\u0644\u062e\u0627\u0635\u0629<\/h2><small>\u0627\u0643\u062a\u0628 \u0646\u0635\u0643 \u0627\u0644\u0639\u0627\u062f\u064a\u060c \u062b\u0645 \u0627\u0636\u063a\u0637 \u0632\u0631 \u00ab\u0648\u0644\u0651\u062f \u0627\u0644\u0628\u0631\u0648\u0645\u0628\u062a\u00bb \u0644\u062a\u062d\u0648\u064a\u0644\u0647 \u0625\u0644\u0649 \u0623\u0645\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0646\u0641\u064a\u0630<\/small><\/div>\r\n <\/div>\r\n\r\n <textarea id=\"freeText\" placeholder=\"\u0645\u062b\u0627\u0644: \u0623\u062d\u062a\u0627\u062c \u0646\u0638\u0627\u0645 \u0631\u062f \u0630\u0643\u064a \u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0641\u064a \u0645\u062a\u062c\u0631\u064a\u060c \u064a\u0641\u0647\u0645 \u0627\u0644\u0644\u0647\u062c\u0627\u062a \u0648\u064a\u0631\u062f \u0641\u0648\u0631\u064b\u0627 \u0648\u064a\u062d\u0648\u0651\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a\u2026\" aria-label=\"\u0648\u0635\u0641 \u0627\u0644\u0637\u0644\u0628\"><\/textarea>\r\n\r\n <div class=\"ta-meta\">\r\n <span class=\"no-limit\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3l2.1 5.4L20 9l-4.4 3.9L17 19l-5-3.2L7 19l1.4-6.1L4 9l5.9-1.6L12 3z\" fill=\"currentColor\"\/><\/svg>\r\n \u0628\u062f\u0648\u0646 \u062d\u062f \u0644\u0644\u0643\u0644\u0645\u0627\u062a \u0623\u0648 \u0627\u0644\u062d\u0631\u0648\u0641\r\n <\/span>\r\n <span class=\"counter\" id=\"counter\">0 \u062d\u0631\u0641 \u00b7 0 \u0643\u0644\u0645\u0629<\/span>\r\n <\/div>\r\n\r\n <div class=\"examples\">\r\n <div class=\"ex-title\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M13 2L4 14h6l-1 8 9-12h-6l1-8z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\r\n \u0623\u0645\u062b\u0644\u0629 \u0633\u0631\u064a\u0639\u0629 \u2014 \u0627\u0636\u063a\u0637 \u0644\u064a\u064f\u0645\u0644\u0623 \u0627\u0644\u0637\u0644\u0628 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627:\r\n <\/div>\r\n <button type=\"button\" class=\"ex-chip\">\u0623\u0631\u064a\u062f \u0648\u0643\u064a\u0644 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u064a\u0631\u062f \u0639\u0644\u0649 \u0639\u0645\u0644\u0627\u0621 \u0645\u062a\u062c\u0631\u064a \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629<\/button>\r\n <button type=\"button\" class=\"ex-chip\">\u0623\u062d\u062a\u0627\u062c \u062e\u0637\u0629 \u0644\u0623\u062a\u0645\u062a\u0629 \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0627\u0644\u0623\u0633\u0628\u0648\u0639\u064a\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627<\/button>\r\n <button type=\"button\" class=\"ex-chip\">\u0623\u0631\u064a\u062f \u062f\u0631\u0627\u0633\u0629 \u0634\u0627\u0645\u0644\u0629 \u0639\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/button>\r\n <button type=\"button\" class=\"ex-chip\">\u0623\u0628\u062d\u062b \u0639\u0646 \u0646\u0638\u0627\u0645 \u064a\u062d\u0644\u0651\u0644 \u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u064a\u0633\u062a\u062e\u0631\u062c \u0645\u0646\u0647\u0627 \u062a\u0648\u0635\u064a\u0627\u062a \u0639\u0645\u0644\u064a\u0629<\/button>\r\n <\/div>\r\n\r\n <!-- ===== Quick Prompt Generator ===== -->\r\n <div class=\"quick-gen\" style=\"margin-top:20px\">\r\n <div class=\"qg-head\">\r\n <span class=\"qg-ic\">\r\n <svg width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M13 2L4 14h6l-1 8 9-12h-6l1-8z\" fill=\"#fff\"\/><\/svg>\r\n <\/span>\r\n <div>\r\n <b>\u0648\u0644\u0651\u062f \u0627\u0644\u0628\u0631\u0648\u0645\u0628\u062a<\/b>\r\n <small>\u062d\u0648\u0651\u0644 \u0627\u0644\u0646\u0635 \u0623\u0639\u0644\u0627\u0647 \u0625\u0644\u0649 \u0628\u0631\u0648\u0645\u0628\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0646\u0641\u064a\u0630 \u0641\u0648\u0631\u064b\u0627<\/small>\r\n <\/div>\r\n <span class=\"new-badge\">\u062a\u0648\u0644\u064a\u062f \u0641\u0648\u0631\u064a<\/span>\r\n <\/div>\r\n\r\n <button type=\"button\" class=\"qg-btn\" id=\"quickGenBtn\">\r\n <span class=\"spinner\"><\/span>\r\n <span class=\"qg-label\" style=\"display:inline-flex;align-items:center;gap:9px\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M13 2L4 14h6l-1 8 9-12h-6l1-8z\" fill=\"#fff\"\/><\/svg>\r\n \u0648\u0644\u0651\u062f \u0627\u0644\u0628\u0631\u0648\u0645\u0628\u062a \u0627\u0644\u0622\u0646\r\n <\/span>\r\n <\/button>\r\n\r\n <!-- Result -->\r\n <div class=\"qg-result\" id=\"qgResult\">\r\n <div class=\"qg-result-head\">\r\n <b>\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 12l2 2 4-4\" stroke=\"#ffb37e\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#ffb37e\" stroke-width=\"2\"\/><\/svg>\r\n \u0627\u0644\u0628\u0631\u0648\u0645\u0628\u062a \u0627\u0644\u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0646\u0641\u064a\u0630\r\n <\/b>\r\n <div class=\"qg-stats\">\r\n <span><b id=\"qgStatWords\">0<\/b> \u0643\u0644\u0645\u0629<\/span>\r\n <span><b id=\"qgStatChars\">0<\/b> \u062d\u0631\u0641<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"qg-result-body\" id=\"qgResultBody\"><\/div>\r\n <div class=\"qg-result-actions\">\r\n <button type=\"button\" class=\"qg-mini-btn primary\" id=\"qgCopyBtn\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"8\" y=\"8\" width=\"12\" height=\"12\" rx=\"2\" stroke=\"#fff\" stroke-width=\"2\"\/><path d=\"M16 4H6a2 2 0 0 0-2 2v10\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n \u0646\u0633\u062e \u0627\u0644\u0628\u0631\u0648\u0645\u0628\u062a\r\n <\/button>\r\n <button type=\"button\" class=\"qg-mini-btn\" id=\"qgDownloadBtn\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3v11m0 0l-4.5-4.5M12 14l4.5-4.5M4 18v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n \u062a\u062d\u0645\u064a\u0644 TXT\r\n <\/button>\r\n <button type=\"button\" class=\"qg-mini-btn\" id=\"qgClearBtn\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 12a9 9 0 1 0 3-6.7M3 4v5h5\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n \u0645\u0633\u062d\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Live summary -->\r\n <div class=\"summary\" id=\"summary\">\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" style=\"flex-shrink:0\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M12 8v5M12 16.5v.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <span id=\"summaryTxt\">\u0627\u062e\u062a\u0631 \u0627\u0644\u062a\u0635\u0646\u064a\u0641\u0627\u062a \u0648\u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a\u060c \u0648\u0633\u064a\u0638\u0647\u0631 \u0645\u0644\u062e\u0635 \u0637\u0644\u0628\u0643 \u0647\u0646\u0627 \u0644\u062d\u0638\u064a\u064b\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0644\u064a\u062f.<\/span>\r\n <\/div>\r\n\r\n <div class=\"error-msg\" id=\"errorMsg\">\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3L2 21h20L12 3z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><path d=\"M12 10v5M12 18v.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <span id=\"errorTxt\">\u064a\u0631\u062c\u0649 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062f\u0648\u0631\u060c \u0648\u0627\u062e\u062a\u064a\u0627\u0631 \u062a\u0635\u0646\u064a\u0641 \u0648\u0627\u062d\u062f \u0639\u0644\u0649 \u0627\u0644\u0623\u0642\u0644 \u0623\u0648 \u0643\u062a\u0627\u0628\u0629 \u0648\u0635\u0641 \u0637\u0644\u0628\u0643<\/span>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"cta\" id=\"ctaBtn\">\r\n <span class=\"spinner\"><\/span>\r\n <span class=\"cta-label\" style=\"display:inline-flex;align-items:center;gap:9px\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l2.1 5.4L20 9l-4.4 3.9L17 19l-5-3.2L7 19l1.4-6.1L4 9l5.9-1.6L12 2z\" fill=\"#fff\"\/><\/svg>\r\n \u062d\u0648\u0651\u0644 \u0637\u0644\u0628\u0643 \u0625\u0644\u0649 \u0623\u0645\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\r\n <\/span>\r\n <\/button>\r\n <\/form>\r\n <\/section>\r\n\r\n <!-- ============ OUTPUT ============ -->\r\n <section class=\"card out-card\">\r\n <div class=\"card-head\">\r\n <div class=\"step accent\">05<\/div>\r\n <div>\r\n <h2>\u0627\u0644\u0623\u0645\u0631 \u0627\u0644\u062c\u0627\u0647\u0632<\/h2>\r\n <p>\u0646\u0627\u062a\u062c \u0645\u0646\u0638\u0651\u0645 \u0648\u0645\u0641\u0635\u0651\u0644 \u2014 \u0627\u0646\u0633\u062e\u0647 \u0648\u0627\u0633\u062a\u062e\u062f\u0645\u0647 \u0645\u0628\u0627\u0634\u0631\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"empty-state\" id=\"emptyState\">\r\n <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2.5\" stroke=\"#003e46\" stroke-width=\"1.6\"\/>\r\n <path d=\"M8 8.5h8M8 12h8M8 15.5h5\" stroke=\"#ee571b\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p>\u0628\u0627\u0646\u062a\u0638\u0627\u0631 \u0627\u0644\u062a\u0648\u0644\u064a\u062f\u2026<\/p>\r\n <small>\u062d\u062f\u062f \u0627\u0644\u062f\u0648\u0631\u060c \u0627\u062e\u062a\u0631 \u062a\u0635\u0646\u064a\u0641\u0643\u060c \u062e\u0635\u0651\u0635 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\u060c \u062b\u0645 \u0627\u0636\u063a\u0637 \u00ab\u062d\u0648\u0651\u0644 \u0637\u0644\u0628\u0643 \u0625\u0644\u0649 \u0623\u0645\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u00bb<\/small>\r\n <\/div>\r\n\r\n <div class=\"result-wrap\" id=\"resultWrap\">\r\n\r\n <div class=\"stats-row\">\r\n <div class=\"stat-card\">\r\n <b id=\"statLen\">\u2014<\/b>\r\n <small>\u0643\u0644\u0645\u0629 \u0645\u064f\u0642\u062f\u064e\u0651\u0631\u0629<\/small>\r\n <\/div>\r\n <div class=\"stat-card accent\">\r\n <b id=\"statTone\">\u2014<\/b>\r\n <small>\u0627\u0644\u0646\u0628\u0631\u0629 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629<\/small>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <b id=\"statChars\">\u2014<\/b>\r\n <small>\u062d\u0631\u0641 \u0641\u064a \u0627\u0644\u0623\u0645\u0631<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tabs\" role=\"tablist\">\r\n <button class=\"tab active\" data-tab=\"final\" type=\"button\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 12l2 2 4-4\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n \u0627\u0644\u0623\u0645\u0631 \u0627\u0644\u0645\u0641\u0635\u0651\u0644\r\n <\/button>\r\n <button class=\"tab\" data-tab=\"compact\" type=\"button\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 6h16M4 12h10M4 18h16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n \u0646\u0633\u062e\u0629 \u0645\u062e\u062a\u0635\u0631\u0629\r\n <\/button>\r\n <button class=\"tab\" data-tab=\"example\" type=\"button\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M13 2L4 14h6l-1 8 9-12h-6l1-8z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\r\n \u0645\u062b\u0627\u0644 \u062a\u0637\u0628\u064a\u0642\u064a\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"out-block active\" id=\"block-final\"><\/div>\r\n <div class=\"out-block\" id=\"block-compact\"><\/div>\r\n <div class=\"out-block\" id=\"block-example\"><\/div>\r\n\r\n <div class=\"actions\">\r\n <button type=\"button\" class=\"btn btn-copy\" id=\"copyBtn\" disabled>\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"8\" y=\"8\" width=\"12\" height=\"12\" rx=\"2\" stroke=\"#fff\" stroke-width=\"2\"\/><path d=\"M16 4H6a2 2 0 0 0-2 2v10\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n \u0646\u0633\u062e \u0627\u0644\u062a\u0628\u0648\u064a\u0628 \u0627\u0644\u0646\u0634\u0637\r\n <\/button>\r\n <button type=\"button\" class=\"btn btn-download\" id=\"downloadBtn\" disabled>\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3v11m0 0l-4.5-4.5M12 14l4.5-4.5M4 18v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n \u062a\u062d\u0645\u064a\u0644 TXT\r\n <\/button>\r\n <button type=\"button\" class=\"btn btn-reset\" id=\"resetBtn\">\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 12a9 9 0 1 0 3-6.7M3 4v5h5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/div>\r\n\r\n <footer>\u0625\u0635\u062f\u0627\u0631 2026 \u2014 \u0645\u0635\u0645\u0645 \u0644\u064a\u0643\u0648\u0646 <b>\u0623\u062f\u0627\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062c\u0627\u062f\u0629<\/b> \u0644\u062a\u0648\u0644\u064a\u062f \u0623\u0648\u0627\u0645\u0631 \u0645\u0641\u0635\u0651\u0644\u0629 \u062d\u062a\u0649 10,000 \u0643\u0644\u0645\u0629<\/footer>\r\n<\/div>\r\n\r\n<div id=\"toast\" role=\"status\" aria-live=\"polite\">\r\n <span class=\"tick\">\u2713<\/span><span id=\"toastMsg\"><\/span>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n \"use strict\";\r\n\r\n \/* ---------- Sub-option data ---------- *\/\r\n var SUB_DATA = {\r\n \"\u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\": {\r\n title:\"\u0642\u0627\u0626\u0645\u0629 \u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\", sub:\"\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0630\u064a \u062a\u062d\u062a\u0627\u062c\u0647 \u0628\u062f\u0642\u0629\",\r\n icon:'<svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 20l1-4L16.5 4.5a2.1 2.1 0 0 1 3 3L8 19l-4 1z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>',\r\n options:[\"\u0645\u0646\u0634\u0648\u0631 \u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627\",\"\u0645\u0642\u0627\u0644 \u0645\u062a\u062e\u0635\u0635\",\"\u0646\u0635 \u0625\u0639\u0644\u0627\u0646\u064a \u0645\u062f\u0641\u0648\u0639\",\"\u0633\u0643\u0631\u064a\u0628\u062a \u0641\u064a\u062f\u064a\u0648\",\"\u062d\u0645\u0644\u0629 \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\",\"\u0648\u0635\u0641 \u0645\u0646\u062a\u062c\",\"\u0635\u0641\u062d\u0629 \u0647\u0628\u0648\u0637\",\"\u0645\u062d\u062a\u0648\u0649 \u0645\u0648\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\"]\r\n },\r\n \"\u0627\u0644\u062a\u0635\u0645\u064a\u0645\": {\r\n title:\"\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\", sub:\"\u062d\u062f\u062f \u0646\u0648\u0639 \u0627\u0644\u0645\u062e\u0631\u062c \u0627\u0644\u0628\u0635\u0631\u064a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\",\r\n icon:'<svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 22a10 10 0 1 1 10-10c0 2.2-1.8 3-3.5 3H16a2.5 2.5 0 0 0-2 4c.6.9 0 3-2 3z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>',\r\n options:[\"\u0634\u0639\u0627\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\",\"\u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629\",\"\u0628\u0648\u0633\u062a \u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627\",\"\u063a\u0644\u0627\u0641 \u0648\u0639\u0631\u0636 \u062a\u0642\u062f\u064a\u0645\u064a\",\"\u0648\u0627\u062c\u0647\u0629 \u062a\u0637\u0628\u064a\u0642 UI\/UX\",\"\u062a\u063a\u0644\u064a\u0641 \u0645\u0646\u062a\u062c\",\"\u062a\u0648\u062c\u064a\u0647 \u0641\u0646\u064a Art Direction\",\"\u0628\u0637\u0627\u0642\u0629 \u0623\u0639\u0645\u0627\u0644\",\"\u062a\u0635\u0645\u064a\u0645 \u0645\u0637\u0628\u0648\u0639\u0627\u062a\"]\r\n },\r\n \"\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a\": {\r\n title:\"\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a\", sub:\"\u0627\u062e\u062a\u0631 \u0645\u062c\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0630\u064a \u062a\u062d\u062a\u0627\u062c\u0647\",\r\n icon:'<svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M21 12a8 8 0 0 1-8 8H4l2-3.2A8 8 0 1 1 21 12z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>',\r\n options:[\"\u062e\u0637\u0629 \u0639\u0645\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629\",\"\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629\",\"\u062a\u062d\u0644\u064a\u0644 \u0648\u062a\u0642\u064a\u064a\u0645 \u0623\u062f\u0627\u0621\",\"\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0625\u0637\u0644\u0627\u0642 \u0645\u0634\u0631\u0648\u0639\",\"\u062a\u062d\u0633\u064a\u0646 \u0639\u0645\u0644\u064a\u0627\u062a\",\"\u062f\u0631\u0627\u0633\u0629 \u062c\u062f\u0648\u0649\",\"\u0625\u0639\u0627\u062f\u0629 \u0647\u064a\u0643\u0644\u0629\",\"\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0634\u062e\u0635\u064a\u0629\",\"\u062a\u0637\u0648\u064a\u0631 \u0630\u0627\u062a\u064a \u0648\u0645\u0647\u0646\u064a\",\"\u062a\u0648\u062c\u064a\u0647 \u0645\u0647\u0646\u064a (Career Coaching)\",\"\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u0627\u0644\u064a\u0629 \u0634\u062e\u0635\u064a\u0629\"]\r\n },\r\n \"\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\": {\r\n title:\"\u0642\u0627\u0626\u0645\u0629 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\", sub:\"\u062d\u062f\u062f \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0628\u062f\u0642\u0629\",\r\n icon:'<svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l1.8 4.7L18.5 8.5l-4.7 1.8L12 15l-1.8-4.7L5.5 8.5l4.7-1.8L12 2z\" fill=\"currentColor\"\/><path d=\"M18.5 14l.9 2.3 2.3.9-2.3.9-.9 2.3-.9-2.3-2.3-.9 2.3-.9.9-2.3z\" fill=\"currentColor\" opacity=\".7\"\/><\/svg>',\r\n options:[\"\u0648\u0643\u064a\u0644 \u0645\u062d\u0627\u062f\u062b\u0629 \u0630\u0643\u064a\",\"\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a\",\"\u062a\u0648\u0644\u064a\u062f \u0635\u0648\u0631\",\"\u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0648\u062a\u0642\u0627\u0631\u064a\u0631\",\"\u0646\u0638\u0627\u0645 RAG \u0645\u0639\u0631\u0641\u064a\",\"\u0646\u0645\u0648\u0630\u062c \u0645\u062e\u0635\u0635 \u0644\u0644\u0628\u064a\u0627\u0646\u0627\u062a\",\"\u062a\u0648\u0635\u064a\u0627\u062a \u0630\u0643\u064a\u0629\",\"\u062a\u0643\u0627\u0645\u0644 \u0645\u0639 WhatsApp \u0623\u0648 CRM\"]\r\n }\r\n };\r\n\r\n \/* ---------- Elements ---------- *\/\r\n var formEl = document.getElementById(\"genForm\");\r\n var ctaBtn = document.getElementById(\"ctaBtn\");\r\n var errorEl = document.getElementById(\"errorMsg\");\r\n var errorTxt = document.getElementById(\"errorTxt\");\r\n var roleBox = document.getElementById(\"roleBox\");\r\n var roleInput = document.getElementById(\"role\");\r\n var freeText = document.getElementById(\"freeText\");\r\n var counterEl = document.getElementById(\"counter\");\r\n var emptyEl = document.getElementById(\"emptyState\");\r\n var resultWrap= document.getElementById(\"resultWrap\");\r\n var copyBtn = document.getElementById(\"copyBtn\");\r\n var dlBtn = document.getElementById(\"downloadBtn\");\r\n var resetBtn = document.getElementById(\"resetBtn\");\r\n var toastEl = document.getElementById(\"toast\");\r\n var toastMsg = document.getElementById(\"toastMsg\");\r\n var svcCount = document.getElementById(\"svcCount\");\r\n var prefCount = document.getElementById(\"prefCount\");\r\n var summaryTx = document.getElementById(\"summaryTxt\");\r\n var summaryEl = document.getElementById(\"summary\");\r\n var statLen = document.getElementById(\"statLen\");\r\n var statTone = document.getElementById(\"statTone\");\r\n var statChars = document.getElementById(\"statChars\");\r\n\r\n var panelZone = document.getElementById(\"panelZone\");\r\n var spTitle = document.getElementById(\"spTitle\");\r\n var spSub = document.getElementById(\"spSub\");\r\n var spIcon = document.getElementById(\"spIcon\");\r\n var spChips = document.getElementById(\"spChips\");\r\n var spClose = document.getElementById(\"spClose\");\r\n var designFieldsWrap = document.getElementById(\"designFieldsWrap\");\r\n\r\n var wordSlider = document.getElementById(\"wordSlider\");\r\n var wordVal = document.getElementById(\"wordVal\");\r\n var wordPills = Array.prototype.slice.call(document.querySelectorAll(\".w-pill\"));\r\n\r\n var services = Array.prototype.slice.call(document.querySelectorAll(\".svc\"));\r\n var chipGroups = Array.prototype.slice.call(document.querySelectorAll(\".chips[data-group]\"));\r\n var exChips = Array.prototype.slice.call(document.querySelectorAll(\".ex-chip\"));\r\n\r\n var tabs = Array.prototype.slice.call(document.querySelectorAll(\".tab\"));\r\n var blocks = {\r\n final: document.getElementById(\"block-final\"),\r\n compact: document.getElementById(\"block-compact\"),\r\n example: document.getElementById(\"block-example\")\r\n };\r\n var activeTab = \"final\";\r\n\r\n var generated = { final:\"\", compact:\"\", example:\"\" };\r\n var toastTimer = null;\r\n var openCat = null;\r\n var wordTarget = 1500;\r\n\r\n \/* Design inputs *\/\r\n var designInputs = {\r\n brandName: document.getElementById(\"brandName\"),\r\n phone: document.getElementById(\"phone\"),\r\n email: document.getElementById(\"email\"),\r\n domain: document.getElementById(\"domain\"),\r\n socialLinks: document.getElementById(\"socialLinks\")\r\n };\r\n var sizeH = document.getElementById(\"sizeH\");\r\n var sizeW = document.getElementById(\"sizeW\");\r\n var sizeUnit = document.getElementById(\"sizeUnit\");\r\n var sizePreview = document.getElementById(\"sizePreview\");\r\n\r\n \/* Quick generator *\/\r\n var quickGenBtn = document.getElementById(\"quickGenBtn\");\r\n var qgResult = document.getElementById(\"qgResult\");\r\n var qgResultBody = document.getElementById(\"qgResultBody\");\r\n var qgStatWords = document.getElementById(\"qgStatWords\");\r\n var qgStatChars = document.getElementById(\"qgStatChars\");\r\n var qgCopyBtn = document.getElementById(\"qgCopyBtn\");\r\n var qgDownloadBtn = document.getElementById(\"qgDownloadBtn\");\r\n var qgClearBtn = document.getElementById(\"qgClearBtn\");\r\n var quickPrompt = \"\";\r\n\r\n \/* Build sub-chip boxes *\/\r\n Object.keys(SUB_DATA).forEach(function(cat){\r\n var box = document.createElement(\"div\");\r\n box.style.display = \"none\";\r\n box.setAttribute(\"data-subbox\", cat);\r\n SUB_DATA[cat].options.forEach(function(opt){\r\n var c = document.createElement(\"button\");\r\n c.type = \"button\";\r\n c.className = \"chip\";\r\n c.textContent = opt;\r\n box.appendChild(c);\r\n });\r\n spChips.appendChild(box);\r\n });\r\n\r\n \/* ---------- Helpers ---------- *\/\r\n function fmtNum(n){ return Number(n).toLocaleString(\"en-US\"); }\r\n function joinAr(list){\r\n if(list.length <= 1) return list.join(\"\");\r\n return list.slice(0, -1).join(\"\u060c \") + \" \u0648\" + list[list.length - 1];\r\n }\r\n function isValidEmail(v){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v); }\r\n function isValidPhone(v){ return \/^[\\d\\s+\\-()]{7,20}$\/.test(v); }\r\n function isValidDomain(v){ return \/^([\\w-]+\\.)+[\\w-]{2,}$\/.test(v.replace(\/^https?:\\\/\\\/\/,\"\").replace(\/\\\/$\/,\"\")); }\r\n\r\n \/* ---------- Tabs ---------- *\/\r\n tabs.forEach(function(t){\r\n t.addEventListener(\"click\", function(){\r\n var key = t.getAttribute(\"data-tab\");\r\n tabs.forEach(function(x){ x.classList.remove(\"active\"); });\r\n t.classList.add(\"active\");\r\n Object.keys(blocks).forEach(function(k){\r\n blocks[k].classList.toggle(\"active\", k === key);\r\n });\r\n activeTab = key;\r\n });\r\n });\r\n\r\n \/* ---------- Panels ---------- *\/\r\n function openPanel(cat){\r\n openCat = cat;\r\n var data = SUB_DATA[cat];\r\n spTitle.textContent = data.title;\r\n spSub.textContent = data.sub;\r\n spIcon.innerHTML = data.icon;\r\n Array.prototype.forEach.call(spChips.children, function(box){\r\n var isActive = box.getAttribute(\"data-subbox\") === cat;\r\n box.style.display = isActive ? \"flex\" : \"none\";\r\n if(isActive) box.classList.add(\"chips\");\r\n else box.classList.remove(\"chips\");\r\n });\r\n designFieldsWrap.style.display = (cat === \"\u0627\u0644\u062a\u0635\u0645\u064a\u0645\") ? \"block\" : \"none\";\r\n panelZone.classList.add(\"open\");\r\n services.forEach(function(s){ s.classList.toggle(\"open-card\", s.getAttribute(\"data-val\") === cat); });\r\n }\r\n function closePanel(){\r\n openCat = null;\r\n panelZone.classList.remove(\"open\");\r\n designFieldsWrap.style.display = \"none\";\r\n services.forEach(function(s){ s.classList.remove(\"open-card\"); });\r\n }\r\n spClose.addEventListener(\"click\", closePanel);\r\n\r\n services.forEach(function(s){\r\n var cat = s.getAttribute(\"data-val\");\r\n function toggle(){\r\n var willActive = !s.classList.contains(\"active\");\r\n s.classList.toggle(\"active\");\r\n s.setAttribute(\"aria-checked\", willActive ? \"true\" : \"false\");\r\n errorEl.classList.remove(\"show\");\r\n if(willActive){ openPanel(cat); }\r\n else if(openCat === cat){ closePanel(); }\r\n refresh();\r\n }\r\n s.addEventListener(\"click\", toggle);\r\n s.addEventListener(\"keydown\", function(e){\r\n if(e.key === \"Enter\" || e.key === \" \"){ e.preventDefault(); toggle(); }\r\n });\r\n });\r\n\r\n spChips.addEventListener(\"click\", function(e){\r\n var c = e.target.closest(\".chip\");\r\n if(c && !c.classList.contains(\"add-custom\")){\r\n c.classList.toggle(\"active\");\r\n refresh();\r\n }\r\n });\r\n\r\n \/* ---------- Custom add ---------- *\/\r\n document.addEventListener(\"click\", function(e){\r\n var addBtn = e.target.closest(\".add-custom\");\r\n if(addBtn){\r\n var group = addBtn.getAttribute(\"data-add\");\r\n var row = document.querySelector('[data-input-row=\"' + group + '\"]');\r\n row.classList.add(\"show\");\r\n row.querySelector(\"input\").focus();\r\n return;\r\n }\r\n var confirmBtn = e.target.closest('[data-confirm]');\r\n if(confirmBtn){\r\n var group = confirmBtn.getAttribute(\"data-confirm\");\r\n var row = document.querySelector('[data-input-row=\"' + group + '\"]');\r\n var input = row.querySelector(\"input\");\r\n var val = input.value.trim();\r\n if(!val){ input.focus(); return; }\r\n var chipsBox = document.querySelector('[data-group=\"' + group + '\"]');\r\n var exists = false;\r\n Array.prototype.forEach.call(chipsBox.querySelectorAll(\".chip\"), function(c){\r\n if(c.textContent.trim() === val) exists = true;\r\n });\r\n if(exists){ showToast(\"\u0647\u0630\u0627 \u0627\u0644\u062e\u064a\u0627\u0631 \u0645\u0648\u062c\u0648\u062f \u0645\u0633\u0628\u0642\u064b\u0627\"); input.value = \"\"; input.focus(); return; }\r\n var newChip = document.createElement(\"button\");\r\n newChip.type = \"button\";\r\n newChip.className = \"chip custom-user active\";\r\n newChip.textContent = val;\r\n newChip.title = \"\u0627\u0636\u063a\u0637 \u0645\u0631\u062a\u064a\u0646 \u0644\u062d\u0630\u0641 \u0647\u0630\u0627 \u0627\u0644\u062e\u064a\u0627\u0631\";\r\n var addCustomBtn = chipsBox.querySelector(\".add-custom\");\r\n chipsBox.insertBefore(newChip, addCustomBtn);\r\n input.value = \"\";\r\n row.classList.remove(\"show\");\r\n refresh();\r\n showToast(\"\u062a\u0645\u062a \u0625\u0636\u0627\u0641\u0629 \u062e\u064a\u0627\u0631\u0643 \u0627\u0644\u0645\u062e\u0635\u0635 \u2713\");\r\n return;\r\n }\r\n var cancelBtn = e.target.closest('[data-cancel]');\r\n if(cancelBtn){\r\n var group = cancelBtn.getAttribute(\"data-cancel\");\r\n var row = document.querySelector('[data-input-row=\"' + group + '\"]');\r\n row.querySelector(\"input\").value = \"\";\r\n row.classList.remove(\"show\");\r\n return;\r\n }\r\n var userChip = e.target.closest(\".custom-user\");\r\n if(userChip && e.detail === 2){\r\n userChip.remove();\r\n refresh();\r\n showToast(\"\u062a\u0645 \u062d\u0630\u0641 \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0645\u062e\u0635\u0635\");\r\n }\r\n });\r\n\r\n document.addEventListener(\"keydown\", function(e){\r\n if(e.key === \"Enter\"){\r\n var input = e.target.closest('.custom-input-row input');\r\n if(input){\r\n e.preventDefault();\r\n var row = input.closest(\".custom-input-row\");\r\n var group = row.getAttribute(\"data-input-row\");\r\n var confirmBtn = row.querySelector('[data-confirm=\"' + group + '\"]');\r\n confirmBtn.click();\r\n }\r\n }\r\n if(e.key === \"Escape\"){\r\n var openRow = document.querySelector('.custom-input-row.show');\r\n if(openRow){\r\n openRow.querySelector(\"input\").value = \"\";\r\n openRow.classList.remove(\"show\");\r\n }\r\n }\r\n });\r\n\r\n \/* ---------- Word count ---------- *\/\r\n function setWord(v){\r\n wordTarget = v;\r\n wordSlider.value = v;\r\n wordVal.textContent = fmtNum(v);\r\n var pct = (v - 50) \/ (10000 - 50) * 100;\r\n wordSlider.style.setProperty(\"--fill\", pct + \"%\");\r\n wordPills.forEach(function(p){\r\n p.classList.toggle(\"active\", parseInt(p.getAttribute(\"data-word\"), 10) === v);\r\n });\r\n refresh();\r\n }\r\n wordSlider.addEventListener(\"input\", function(){ setWord(parseInt(wordSlider.value, 10)); });\r\n wordPills.forEach(function(p){\r\n p.addEventListener(\"click\", function(){ setWord(parseInt(p.getAttribute(\"data-word\"), 10)); });\r\n });\r\n setWord(1500);\r\n\r\n \/* ---------- Preference chips ---------- *\/\r\n chipGroups.forEach(function(box){\r\n box.addEventListener(\"click\", function(e){\r\n var c = e.target.closest(\".chip\");\r\n if(c && !c.classList.contains(\"add-custom\")){\r\n c.classList.toggle(\"active\");\r\n refresh();\r\n }\r\n });\r\n });\r\n\r\n function activeServices(){\r\n return services.filter(function(s){ return s.classList.contains(\"active\"); })\r\n .map(function(s){ return s.getAttribute(\"data-val\"); });\r\n }\r\n function activeSubs(){\r\n var out = [];\r\n Object.keys(SUB_DATA).forEach(function(cat){\r\n var box = spChips.querySelector('[data-subbox=\"' + cat + '\"]');\r\n Array.prototype.forEach.call(box.querySelectorAll(\".chip.active\"), function(c){\r\n out.push(c.textContent.trim());\r\n });\r\n });\r\n return out;\r\n }\r\n function activeChips(group){\r\n var box = document.querySelector('.chips[data-group=\"' + group + '\"]');\r\n return Array.prototype.slice.call(box.querySelectorAll(\".chip.active\"))\r\n .map(function(c){ return c.textContent.trim(); });\r\n }\r\n function getDesignData(){\r\n var d = {};\r\n Object.keys(designInputs).forEach(function(k){ d[k] = designInputs[k].value.trim(); });\r\n return d;\r\n }\r\n function getSizeString(){\r\n var h = parseInt(sizeH.value, 10);\r\n var w = parseInt(sizeW.value, 10);\r\n var u = sizeUnit.value;\r\n if(!h || !w) return \"\";\r\n return h + \"\u00d7\" + w + \" \" + u;\r\n }\r\n function updateSizePreview(){\r\n var h = parseInt(sizeH.value, 10);\r\n var w = parseInt(sizeW.value, 10);\r\n var u = sizeUnit.value;\r\n if(!h && !w){ sizePreview.innerHTML = \"\u0623\u062f\u062e\u0644 \u0627\u0644\u0637\u0648\u0644 \u0648\u0627\u0644\u0639\u0631\u0636 \u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u0642\u0627\u0633 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\"; return; }\r\n if(!h || !w){ sizePreview.innerHTML = '<span style=\"color:#c92a2a\">\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0643\u0644\u0627 \u0627\u0644\u0642\u064a\u0645\u062a\u064a\u0646 (\u0627\u0644\u0637\u0648\u0644 \u0648\u0627\u0644\u0639\u0631\u0636)<\/span>'; return; }\r\n var unitName = {px:\"\u0628\u0643\u0633\u0644\",cm:\"\u0633\u0646\u062a\u064a\u0645\u062a\u0631\",mm:\"\u0645\u064a\u0644\u064a\u0645\u062a\u0631\",inch:\"\u0628\u0648\u0635\u0629\",pt:\"\u0646\u0642\u0637\u0629\"}[u];\r\n sizePreview.innerHTML = \"\u0627\u0644\u0645\u0642\u0627\u0633 \u0627\u0644\u0646\u0647\u0627\u0626\u064a: <b>\" + h + \" \u00d7 \" + w + \" \" + u + \"<\/b> (\" + unitName + \")\";\r\n }\r\n sizeH.addEventListener(\"input\", function(){ updateSizePreview(); refresh(); });\r\n sizeW.addEventListener(\"input\", function(){ updateSizePreview(); refresh(); });\r\n sizeUnit.addEventListener(\"change\", function(){ updateSizePreview(); refresh(); });\r\n\r\n \/* ---------- Live summary ---------- *\/\r\n function refresh(){\r\n var svcs = activeServices();\r\n var subs = activeSubs();\r\n services.forEach(function(s){\r\n var cat = s.getAttribute(\"data-val\");\r\n var box = spChips.querySelector('[data-subbox=\"' + cat + '\"]');\r\n var n = box.querySelectorAll(\".chip.active\").length;\r\n s.querySelector(\"[data-badge]\").textContent = n;\r\n s.classList.toggle(\"has-subs\", n > 0);\r\n });\r\n var tones = activeChips(\"tone\");\r\n var auds = activeChips(\"audience\");\r\n var plats = activeChips(\"platform\");\r\n var sects = activeChips(\"sector\");\r\n var fmts = activeChips(\"format\");\r\n svcCount.textContent = svcs.length ? joinAr(svcs) : \"\u0644\u0627 \u0634\u064a\u0621 \u0645\u062d\u062f\u062f\";\r\n var prefTotal = tones.length + auds.length + plats.length + sects.length + fmts.length + subs.length;\r\n prefCount.textContent = prefTotal ? prefTotal + \" \u062e\u064a\u0627\u0631\" : \"\u0644\u0627 \u062e\u064a\u0627\u0631\u0627\u062a\";\r\n var parts = [];\r\n if(svcs.length) parts.push(\"\u0627\u0644\u062a\u0635\u0646\u064a\u0641: <b>\" + joinAr(svcs) + \"<\/b>\");\r\n if(subs.length) parts.push(\"\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644: <b>\" + joinAr(subs) + \"<\/b>\");\r\n if(tones.length) parts.push(\"\u0627\u0644\u0646\u0628\u0631\u0629: <b>\" + joinAr(tones) + \"<\/b>\");\r\n if(auds.length) parts.push(\"\u0627\u0644\u062c\u0645\u0647\u0648\u0631: <b>\" + joinAr(auds) + \"<\/b>\");\r\n if(plats.length) parts.push(\"\u0627\u0644\u0645\u0646\u0635\u0629: <b>\" + joinAr(plats) + \"<\/b>\");\r\n if(sects.length) parts.push(\"\u0627\u0644\u0642\u0637\u0627\u0639: <b>\" + joinAr(sects) + \"<\/b>\");\r\n if(fmts.length) parts.push(\"\u0627\u0644\u0635\u064a\u063a\u0629: <b>\" + joinAr(fmts) + \"<\/b>\");\r\n var sizeStr = getSizeString();\r\n if(sizeStr) parts.push(\"\u0627\u0644\u0645\u0642\u0627\u0633: <b>\" + sizeStr + \"<\/b>\");\r\n parts.push(\"\u0627\u0644\u062d\u062c\u0645: <b>\" + fmtNum(wordTarget) + \" \u0643\u0644\u0645\u0629<\/b>\");\r\n summaryEl.innerHTML =\r\n '<svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" style=\"flex-shrink:0\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M12 8v5M12 16.5v.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><span>' +\r\n parts.join('  \u00b7  ') + '<\/span>';\r\n }\r\n\r\n \/* ---------- Free text ---------- *\/\r\n freeText.addEventListener(\"input\", function(){\r\n var len = freeText.value.length;\r\n var words = freeText.value.trim() ? freeText.value.trim().split(\/\\s+\/).length : 0;\r\n counterEl.textContent = fmtNum(len) + \" \u062d\u0631\u0641 \u00b7 \" + fmtNum(words) + \" \u0643\u0644\u0645\u0629\";\r\n errorEl.classList.remove(\"show\");\r\n });\r\n roleInput.addEventListener(\"input\", function(){\r\n if(roleInput.value.trim()) errorEl.classList.remove(\"show\");\r\n });\r\n exChips.forEach(function(ch){\r\n ch.addEventListener(\"click\", function(){\r\n freeText.value = ch.textContent.trim();\r\n freeText.dispatchEvent(new Event(\"input\"));\r\n freeText.focus();\r\n showToast(\"\u062a\u0645 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 \u2014 \u064a\u0645\u0643\u0646\u0643 \u062a\u0639\u062f\u064a\u0644\u0647 \u0628\u062d\u0631\u064a\u0629\");\r\n });\r\n });\r\n refresh();\r\n\r\n \/* ============================================ *\/\r\n \/* ===== \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0630\u0643\u064a \u0644\u0644\u0646\u0635 (\u0648\u0638\u0627\u0626\u0641 \u062c\u062f\u064a\u062f\u0629) ====== *\/\r\n \/* ============================================ *\/\r\n\r\n \/**\r\n * \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0646\u0635 \u0627\u0644\u062d\u0631 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0644\u0627\u0633\u062a\u062e\u0644\u0627\u0635 \u0631\u0624\u0649 \u0623\u0639\u0645\u0642.\r\n *\/\r\n function analyzeUserTextDeep(text) {\r\n const lowerText = text.toLowerCase();\r\n \r\n \/\/ --- \u0627\u0633\u062a\u062e\u0644\u0627\u0635 \u0627\u0644\u0634\u0643\u0644 \u0648\u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a (Format) ---\r\n let format = \"\u0646\u0635 \u0648\u0635\u0641\u064a\";\r\n if (\/\u062e\u0637\u0629|\u0645\u0631\u0627\u062d\u0644|\u062e\u0637\u0648\u0629|\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\/.test(text)) format = \"\u062e\u0637\u0629 \u0645\u0646\u0638\u0645\u0629 (\u0645\u0631\u0627\u062d\u0644\/\u062e\u0637\u0648\u0627\u062a)\";\r\n else if (\/\u062a\u0642\u0631\u064a\u0631|\u062a\u062d\u0644\u064a\u0644|\u062f\u0631\u0627\u0633\u0629\/.test(text)) format = \"\u062a\u0642\u0631\u064a\u0631 \u062a\u062d\u0644\u064a\u0644\u064a \u0645\u0641\u0635\u0644\";\r\n else if (\/\u0645\u0646\u0634\u0648\u0631|\u0628\u0648\u0633\u062a|\u062a\u063a\u0631\u064a\u062f\u0629|\u0633\u0648\u0634\u064a\u0627\u0644\/.test(text)) format = \"\u0645\u062d\u062a\u0648\u0649 \u062c\u0627\u0647\u0632 \u0644\u0644\u0646\u0634\u0631\";\r\n else if (\/\u0646\u0638\u0627\u0645|\u0623\u062a\u0645\u062a\u0629|\u0648\u0643\u064a\u0644|\u0628\u0648\u062a|ai\/.test(text)) format = \"\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0646\u0638\u0627\u0645\/\u0623\u062f\u0627\u0629 \u062a\u0642\u0646\u064a\u0629\";\r\n else if (\/\u0641\u0643\u0631\u0629|\u0623\u0642\u062a\u0631\u062d|\u062e\u064a\u0627\u0631\u0627\u062a\/.test(text)) format = \"\u0642\u0627\u0626\u0645\u0629 \u0627\u0642\u062a\u0631\u0627\u062d\u0627\u062a \u0648\u0623\u0641\u0643\u0627\u0631\";\r\n else if (\/\u0643\u0648\u062f|\u0628\u0631\u0645\u062c\u0629|\u062f\u0627\u0644\u0629|class\/.test(text)) format = \"\u0643\u0648\u062f \u0628\u0631\u0645\u062c\u064a\";\r\n\r\n \/\/ --- \u0627\u0633\u062a\u062e\u0644\u0627\u0635 \u0627\u0644\u0647\u062f\u0641 \u0648\u0627\u0644\u0645\u0634\u0643\u0644\u0629 (Goal & Problem) ---\r\n let goal = \"\u062a\u0642\u062f\u064a\u0645 \u0645\u062e\u0631\u062c\u0627\u062a \u0639\u0627\u0645\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0637\u0644\u0628\";\r\n if (\/(\u0628\u064a\u0639|\u062a\u0633\u0648\u064a\u0642|\u062a\u0631\u0648\u064a\u062c|\u062c\u0630\u0628 \u0639\u0645\u0644\u0627\u0621|\u0625\u0639\u0644\u0627\u0646|\u062d\u0645\u0644\u0629)\/.test(text)) goal = \"\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0623\u0648 \u062c\u0630\u0628 \u0639\u0645\u0644\u0627\u0621 \u062c\u062f\u062f \u0645\u0646 \u062e\u0644\u0627\u0644 \u062d\u0645\u0644\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629\";\r\n else if (\/(\u062a\u0635\u0645\u064a\u0645|\u0634\u0639\u0627\u0631|\u0647\u0648\u064a\u0629|\u0628\u0648\u0633\u062a|\u063a\u0644\u0627\u0641|ui|ux)\/.test(text)) goal = \"\u0625\u0646\u062a\u0627\u062c \u0623\u0635\u0644 \u0628\u0635\u0631\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0648\u0645\u062a\u0643\u0627\u0645\u0644\";\r\n else if (\/(\u062e\u0637\u0629|\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629|\u0627\u0633\u062a\u0634\u0627\u0631\u0629|\u062a\u0642\u064a\u064a\u0645|\u062a\u062d\u0633\u064a\u0646)\/.test(text)) goal = \"\u062a\u0637\u0648\u064a\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0641\u0639\u0627\u0644\u0629 \u0648\u062e\u0637\u0629 \u0639\u0645\u0644 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630\";\r\n else if (\/(\u0643\u0648\u062f|\u0628\u0631\u0645\u062c\u0629|\u062a\u0637\u0648\u064a\u0631|\u0646\u0638\u0627\u0645|\u0623\u062a\u0645\u062a\u0629)\/.test(text)) goal = \"\u0628\u0646\u0627\u0621 \u062d\u0644 \u062a\u0642\u0646\u064a \u0641\u0639\u0627\u0644 \u0644\u0623\u062a\u0645\u062a\u0629 \u0645\u0647\u0645\u0629 \u0623\u0648 \u062d\u0644 \u0645\u0634\u0643\u0644\u0629\";\r\n else if (\/(\u062e\u062f\u0645\u0629 \u0639\u0645\u0644\u0627\u0621|\u062f\u0639\u0645|\u0631\u062f|\u0627\u0633\u062a\u0641\u0633\u0627\u0631)\/.test(text)) goal = \"\u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u062a\u0642\u062f\u064a\u0645 \u062f\u0639\u0645 \u0641\u0639\u0627\u0644\";\r\n else if (\/(\u0634\u0631\u062d|\u062a\u0639\u0644\u064a\u0645|\u062a\u062f\u0631\u064a\u0628|\u062f\u0648\u0631\u0629)\/.test(text)) goal = \"\u0625\u064a\u0635\u0627\u0644 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u0639\u0642\u062f\u0629 \u0628\u0637\u0631\u064a\u0642\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u0627\u0636\u062d\u0629\";\r\n\r\n \/\/ --- \u0627\u0633\u062a\u062e\u0644\u0627\u0635 \u0627\u0644\u062c\u0645\u0647\u0648\u0631 (Audience) ---\r\n let audience = \"\u0639\u0627\u0645\";\r\n if (\/(\u0645\u062f\u0631\u0627\u0621|\u062a\u0646\u0641\u064a\u0630|\u0642\u0631\u0627\u0631|b2b|\u0634\u0631\u0643)\/.test(text)) audience = \"\u0635\u0646\u0651\u0627\u0639 \u0627\u0644\u0642\u0631\u0627\u0631 \u0648\u0627\u0644\u0645\u062f\u0631\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u064a\u0646\";\r\n else if (\/(\u0634\u0628\u0627\u0628|\u062c\u064a\u0644|z|\u0627\u062c\u062a\u0645\u0627\u0639\u064a| influencer)\/.test(text)) audience = \"\u0627\u0644\u0634\u0628\u0627\u0628 \u0648\u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0631\u0642\u0645\u064a\";\r\n else if (\/(\u0639\u0645\u0644\u0627\u0621|\u0645\u0633\u062a\u062e\u062f\u0645|\u0645\u0633\u062a\u0647\u0644\u0643|client)\/.test(text)) audience = \"\u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u064a\u0646\";\r\n else if (\/(\u0645\u0637\u0648\u0631|\u0645\u0628\u0631\u0645\u062c|\u062a\u0642\u0646\u064a|dev)\/.test(text)) audience = \"\u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0648\u0627\u0644\u0645\u062e\u062a\u0635\u064a\u0646 \u0627\u0644\u062a\u0642\u0646\u064a\u064a\u0646\";\r\n\r\n \/\/ --- \u0627\u0633\u062a\u062e\u0644\u0627\u0635 \u0627\u0644\u0646\u0628\u0631\u0629 (Tone) ---\r\n let tone = \"\u0627\u062d\u062a\u0631\u0627\u0641\u064a\";\r\n if (\/(\u0648\u062f\u0648\u062f|\u0628\u0633\u064a\u0637|\u0633\u0647\u0644|\u0642\u0631\u064a\u0628)\/.test(text)) tone = \"\u0648\u062f\u0648\u062f \u0648\u0628\u0633\u064a\u0637\";\r\n else if (\/(\u0625\u0628\u062f\u0627\u0639|\u0645\u0628\u062a\u0643\u0631|\u062c\u062f\u064a\u062f| creative )\/.test(text)) tone = \"\u0625\u0628\u062f\u0627\u0639\u064a \u0648\u0645\u0628\u062a\u0643\u0631\";\r\n else if (\/(\u0641\u0627\u062e\u0631|\u0641\u062e\u0645|\u0623\u0646\u064a\u0642| luxury )\/.test(text)) tone = \"\u0641\u0627\u062e\u0631 \u0648\u0631\u0627\u0642\u064a\";\r\n else if (\/(\u062d\u0645\u0627\u0633|\u062a\u062d\u0641\u064a\u0632|\u0642\u0648\u064a|\u0639\u0627\u062c\u0644)\/.test(text)) tone = \"\u062d\u0645\u0627\u0633\u064a \u0648\u062a\u062d\u0641\u064a\u0632\u064a\";\r\n \r\n return { format, goal, audience, tone };\r\n }\r\n\r\n \/**\r\n * \u0643\u0634\u0641 \u0627\u0644\u062a\u0646\u0627\u0642\u0636\u0627\u062a \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u0648\u062a\u0648\u0644\u064a\u062f \u0645\u0644\u0627\u062d\u0638\u0629 \u0630\u0643\u064a\u0629.\r\n *\/\r\n function detectContradictions(analysis, selectedServices, selectedTones) {\r\n const warnings = [];\r\n if (analysis.format.includes(\"\u0645\u0646\u0634\u0648\u0631\") && selectedServices.some(s => s === \"\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a\")) {\r\n warnings.push(\"\u0644\u0627\u062d\u0638 \u0623\u0646\u0643 \u0637\u0644\u0628\u062a \u0645\u0646\u0634\u0648\u0631\u064b\u0627 (\u0644\u0644\u0646\u0634\u0631) \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0629 (\u062a\u062d\u0644\u064a\u0644\u064a\u0629). \u062a\u0623\u0643\u062f \u0645\u0646 \u062f\u0642\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628.\");\r\n }\r\n if (analysis.tone === \"\u0641\u0627\u062e\u0631 \u0648\u0631\u0627\u0642\u064a\" && analysis.audience === \"\u0627\u0644\u0634\u0628\u0627\u0628 \u0648\u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0631\u0642\u0645\u064a\") {\r\n warnings.push(\"\u0627\u0644\u0646\u0628\u0631\u0629 \u0627\u0644\u0641\u0627\u062e\u0631\u0629 \u0645\u0639 \u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0634\u0628\u0627\u0628 \u0642\u062f \u0644\u0627 \u062a\u0643\u0648\u0646 \u0641\u0639\u0627\u0644\u0629 \u062f\u0627\u0626\u0645\u064b\u0627. \u062a\u0623\u0643\u062f \u0645\u0646 \u0645\u0644\u0627\u0621\u0645\u062a\u0647\u0627.\");\r\n }\r\n return warnings.length > 0 ? \"\u0645\u0644\u0627\u062d\u0638\u0629 \u0630\u0643\u064a\u0629: \" + warnings.join(\" \") : \"\";\r\n }\r\n\r\n \/* ============================================ *\/\r\n \/* ===== \u062f\u0627\u0644\u0629 \u062a\u0648\u0644\u064a\u062f \u0627\u0644\u0628\u0631\u0648\u0645\u0628\u062a \u0627\u0644\u0645\u064f\u062d\u0633\u0651\u0646\u0629 ========== *\/\r\n \/* ============================================ *\/\r\n function buildExecutablePrompt(userText) {\r\n \/\/ --- \u062c\u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 (\u0645\u0646\u0642\u062d\u0629) ---\r\n const role = roleInput.value.trim() || \"\u062e\u0628\u064a\u0631 \u0645\u062d\u062a\u0631\u0641\";\r\n const svcs = activeServices();\r\n const subs = activeSubs();\r\n const userTones = activeChips(\"tone\");\r\n const auds = activeChips(\"audience\");\r\n const plats = activeChips(\"platform\");\r\n const sects = activeChips(\"sector\");\r\n const fmts = activeChips(\"format\");\r\n const sizeStr = getSizeString();\r\n const designData = getDesignData();\r\n const isDesign = svcs.indexOf(\"\u0627\u0644\u062a\u0635\u0645\u064a\u0645\") !== -1;\r\n\r\n \/\/ --- \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0630\u0643\u064a \u0627\u0644\u062c\u062f\u064a\u062f ---\r\n const deepAnalysis = analyzeUserTextDeep(userText);\r\n const activeTone = userTones.length > 0 ? userTones[0] : deepAnalysis.tone;\r\n const activeFormat = fmts.length > 0 ? fmts[0] : deepAnalysis.format;\r\n const activeAudience = auds.length > 0 ? auds[0] : deepAnalysis.audience;\r\n \r\n \/\/ --- \u0643\u0634\u0641 \u0627\u0644\u062a\u0646\u0627\u0642\u0636\u0627\u062a (\u064a\u064f\u0633\u062a\u062e\u062f\u0645 \u0641\u064a Toast \u0648\u0644\u064a\u0633 \u0641\u064a \u0627\u0644\u0628\u0631\u0648\u0645\u0628\u062a \u0646\u0641\u0633\u0647) ---\r\n const contradictionWarning = detectContradictions(deepAnalysis, svcs, userTones);\r\n if (contradictionWarning) {\r\n setTimeout(() => showToast(contradictionWarning), 500);\r\n }\r\n\r\n \/\/ --- \u0628\u0646\u0627\u0621 \u0627\u0644\u0628\u0631\u0648\u0645\u0628\u062a \u0628\u0647\u064a\u0643\u0644\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 (CONTEXT, INSTRUCTION, CONSTRAINTS, OUTPUT) ---\r\n const lines = [];\r\n \r\n \/\/ ============ 1. CONTEXT (\u0627\u0644\u0633\u064a\u0627\u0642) ============\r\n lines.push(\"[ \u0627\u0644\u0633\u064a\u0640\u0640\u0640\u0627\u0642 ]\");\r\n lines.push(\"\u0623\u0646\u062a \" + role + \"\u060c \u062e\u0628\u064a\u0631 \u0645\u0639\u0631\u0648\u0641 \u0641\u064a \u0645\u062c\u0627\u0644\u0643. \u062a\u0645 \u0627\u0644\u062a\u0639\u0627\u0642\u062f \u0645\u0639\u0643 \u0644\u062a\u0642\u062f\u064a\u0645 \u062d\u0644 \u0634\u0627\u0645\u0644 \u0644\u0645\u0634\u0643\u0644\u0629 \u0623\u0648 \u0637\u0644\u0628 \u0645\u062d\u062f\u062f.\");\r\n lines.push(\"\u0644\u062f\u064a\u0643 \u0641\u0647\u0645 \u0639\u0645\u064a\u0642 \u0644\u0644\u0635\u0646\u0627\u0639\u0629 \u0648\u062a\u0633\u062a\u062e\u062f\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a.\");\r\n if (sects.length) lines.push(\"\u062a\u0639\u0645\u0644 \u062d\u0627\u0644\u064a\u0627\u064b \u0641\u064a \u0642\u0637\u0627\u0639: \" + joinAr(sects) + \".\");\r\n if (isDesign && designData.brandName) lines.push(\"\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u062e\u0627\u0635 \u0628\u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0633\u0645\u0647\u0627: \u00ab\" + designData.brandName + \"\u00bb.\");\r\n if (activeAudience) lines.push(\"\u062c\u0645\u0647\u0648\u0631\u0643 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0627\u0644\u0630\u064a \u0633\u062a\u062e\u0627\u0637\u0628\u0647 \u0647\u0648: \" + activeAudience + \".\");\r\n lines.push(\"\");\r\n \r\n \/\/ ============ 2. CORE TASK (\u0627\u0644\u0645\u0647\u0645\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629) ============\r\n lines.push(\"[ \u0627\u0644\u0645\u0647\u0645\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 ]\");\r\n lines.push(\"\u0645\u0647\u0645\u062a\u0643 \u0647\u064a \u062a\u0644\u0628\u064a\u0629 \u0627\u0644\u0637\u0644\u0628 \u0627\u0644\u062a\u0627\u0644\u064a \u0628\u0623\u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0645\u0645\u0643\u0646\u0629. \u0627\u0642\u0631\u0623 \u0627\u0644\u0637\u0644\u0628 \u0628\u0639\u0646\u0627\u064a\u0629:\");\r\n lines.push(\"> \" + userText.trim());\r\n lines.push(\"\");\r\n \r\n \/\/ ============ 3. INSTRUCTION & METHODOLOGY (\u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0647\u062c\u064a\u0629) ============\r\n lines.push(\"[ \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0648\u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u0644\u0639\u0645\u0644 (Chain of Thought) ]\");\r\n if (activeFormat.includes(\"\u062e\u0637\u0629\") || activeFormat.includes(\"\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\")) {\r\n lines.push(\"\u0627\u062a\u0628\u0639 \u0647\u0630\u0647 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0628\u062f\u0642\u0629 \u0644\u062a\u0642\u062f\u064a\u0645 \u0645\u062e\u0631\u062c \u0645\u0646\u0638\u0645:\");\r\n lines.push(\"1. \u0627\u0628\u062f\u0623 \u0628\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062d\u0627\u0644\u064a \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u0646\u0647\u0627\u0626\u064a.\");\r\n lines.push(\"2. \u0627\u0633\u062a\u0639\u0631\u0636 3 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0645\u062d\u062a\u0645\u0644\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0647\u062f\u0641.\");\r\n lines.push(\"3. \u0642\u0627\u0631\u0646 \u0628\u064a\u0646\u0647\u0627 \u0648\u062d\u062f\u062f \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u0645\u064f\u062b\u0644\u0649 \u0645\u0639 \u062a\u0628\u0631\u064a\u0631 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631.\");\r\n lines.push(\"4. \u0636\u0639 \u062e\u0637\u0629 \u062a\u0646\u0641\u064a\u0630 \u0645\u0641\u0635\u0644\u0629 \u062a\u0634\u0645\u0644 (\u0627\u0644\u0645\u0648\u0627\u0631\u062f\u060c \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u060c \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621).\");\r\n lines.push(\"5. \u0627\u062e\u062a\u0645 \u0628\u062a\u062d\u0644\u064a\u0644 \u0644\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u0648\u0643\u064a\u0641\u064a\u0629 \u0627\u0644\u062a\u063a\u0644\u0628 \u0639\u0644\u064a\u0647\u0627.\");\r\n } else if (activeFormat.includes(\"\u062a\u0642\u0631\u064a\u0631\")) {\r\n lines.push(\"\u0627\u062a\u0628\u0639 \u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629:\");\r\n lines.push(\"1. \u0645\u0644\u062e\u0635 \u062a\u0646\u0641\u064a\u0630\u064a (Executive Summary).\");\r\n lines.push(\"2. \u0645\u0642\u062f\u0645\u0629 \u0648\u062e\u0644\u0641\u064a\u0629 \u0639\u0646 \u0627\u0644\u0645\u0648\u0636\u0648\u0639.\");\r\n lines.push(\"3. \u062a\u062d\u0644\u064a\u0644 \u0645\u0641\u0635\u0644 \u0644\u0644\u0646\u0642\u0627\u0637 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 (\u0645\u062f\u0639\u0648\u0645\u064b\u0627 \u0628\u0627\u0641\u062a\u0631\u0627\u0636\u0627\u062a \u0623\u0648 \u0623\u0637\u0631 \u0639\u0645\u0644).\");\r\n lines.push(\"4. \u062e\u0644\u0627\u0635\u0629 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0648\u0627\u0644\u062a\u0648\u0635\u064a\u0627\u062a \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629.\");\r\n } else if (activeFormat.includes(\"\u0646\u0634\u0631\")) {\r\n lines.push(\"\u0644\u0625\u0646\u062a\u0627\u062c \u0645\u062d\u062a\u0648\u0649 \u062c\u0627\u0647\u0632 \u0644\u0644\u0646\u0634\u0631\u060c \u0627\u062a\u0628\u0639 \u0647\u0630\u0647 \u0627\u0644\u0639\u0645\u0644\u064a\u0629:\");\r\n lines.push(\"1. \u0627\u0628\u062f\u0623 \u0628\u062c\u0645\u0644\u0629 \u0627\u0641\u062a\u062a\u0627\u062d\u064a\u0629 \u062c\u0630\u0627\u0628\u0629 (Hook) \u062a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0645\u0646\u0635\u0629 \u00ab\" + joinAr(plats.length ? plats : [\"\u0639\u0627\u0645\u0629\"]) + \"\u00bb.\");\r\n lines.push(\"2. \u0642\u062f\u0645 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0641\u064a \u0646\u0642\u0627\u0637 \u0648\u0627\u0636\u062d\u0629 \u0623\u0648 \u0633\u0631\u062f \u0642\u0635\u0635\u064a \u062c\u0630\u0627\u0628.\");\r\n lines.push(\"3. \u0627\u0633\u062a\u062e\u062f\u0645 \u0644\u063a\u0629 \u062a\u062e\u0627\u0637\u0628 \" + activeAudience + \".\");\r\n lines.push(\"4. \u0627\u062e\u062a\u0645 \u0628\u062f\u0639\u0648\u0629 \u0642\u0648\u064a\u0629 \u0644\u0627\u062a\u062e\u0627\u0630 \u0625\u062c\u0631\u0627\u0621 (CTA).\");\r\n } else {\r\n lines.push(\"\u0644\u0643\u064a \u062a\u0642\u062f\u0645 \u062d\u0644\u0627\u064b \u0645\u062b\u0627\u0644\u064a\u0627\u064b\u060c \u0642\u0645 \u0628\u0645\u0627 \u064a\u0644\u064a:\");\r\n lines.push(\"1. \u0627\u0628\u062f\u0623 \u0628\u062a\u0644\u062e\u064a\u0635 \u0627\u0644\u0637\u0644\u0628 \u0644\u0625\u0638\u0647\u0627\u0631 \u0641\u0647\u0645\u0643 \u0627\u0644\u0639\u0645\u064a\u0642 \u0644\u0647.\");\r\n lines.push(\"2. \u0642\u062f\u0651\u0645 \u0627\u0644\u062d\u0644 \u0623\u0648 \u0627\u0644\u0645\u062e\u0631\u064e\u062c \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0645\u0628\u0627\u0634\u0631\u0629.\");\r\n lines.push(\"3. \u0639\u0632\u0651\u0632 \u0630\u0644\u0643 \u0628\u0645\u062b\u0627\u0644 \u062a\u0637\u0628\u064a\u0642\u064a \u0648\u0627\u062d\u062f \u0639\u0644\u0649 \u0627\u0644\u0623\u0642\u0644.\");\r\n lines.push(\"4. \u0627\u062e\u062a\u0645 \u0628\u0645\u0644\u062e\u0635 \u0648\u062a\u0648\u0635\u064a\u0627\u062a \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630 \u0641\u0648\u0631\u0627\u064b.\");\r\n }\r\n lines.push(\"\");\r\n \r\n \/\/ ============ 4. CONSTRAINTS & STYLE (\u0627\u0644\u0642\u064a\u0648\u062f \u0648\u0627\u0644\u0623\u0633\u0644\u0648\u0628) ============\r\n lines.push(\"[ \u0627\u0644\u0642\u064a\u0648\u062f \u0648\u0627\u0644\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u0623\u0633\u0644\u0648\u0628\u064a\u0629 ]\");\r\n lines.push(\"- **\u0627\u0644\u0646\u0628\u0631\u0629:** \u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0646\u0628\u0631\u0629 \u00ab\" + activeTone + \"\u00bb \u0637\u0648\u0627\u0644 \u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a.\");\r\n lines.push(\"- **\u0627\u0644\u062c\u0645\u0647\u0648\u0631:** \u0648\u062c\u0651\u0647 \u0643\u0644 \u0641\u0642\u0631\u0629 \u0644\u062a\u0646\u0627\u0633\u0628 \u00ab\" + activeAudience + \"\u00bb.\");\r\n lines.push(\"- **\u0627\u0644\u0644\u063a\u0629:** \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0641\u0635\u062d\u0649 \u0627\u0644\u0648\u0627\u0636\u062d\u0629 \u0648\u0627\u0644\u062c\u0630\u0627\u0628\u0629.\");\r\n lines.push(\"- **\u0627\u0644\u0637\u0648\u0644:** \u0627\u0633\u062a\u0647\u062f\u0641 \u062d\u062c\u0645\u0627\u064b \u064a\u0642\u0627\u0631\u0628 \" + fmtNum(wordTarget) + \" \u0643\u0644\u0645\u0629.\");\r\n if (plats.length) lines.push(\"- **\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0646\u0635\u0629:** \u062a\u0623\u0643\u062f \u0645\u0646 \u0623\u0646 \u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a \u0645\u0644\u0627\u0626\u0645\u0629 \u0644\u0644\u0646\u0634\u0631 \u0641\u064a \" + joinAr(plats) + \".\");\r\n if (isDesign && designData.brandName) lines.push(\"- **\u0647\u0648\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629:** \u0627\u0644\u062a\u0632\u0645 \u0628\u0627\u0633\u0645 \u0648\u0647\u0648\u064a\u0629 \u00ab\" + designData.brandName + \"\u00bb \u0641\u064a \u0643\u0644 \u0645\u0627 \u062a\u0642\u062f\u0645\u0647.\");\r\n lines.push(\"- **\u0627\u0644\u062a\u0639\u0627\u0645\u064a\u0645:** \u0625\u0630\u0627 \u0627\u062d\u062a\u062c\u062a \u0644\u0627\u0641\u062a\u0631\u0627\u0636 \u0634\u064a\u0621 \u0644\u062a\u0643\u062a\u0645\u0644 \u0627\u0644\u0635\u0648\u0631\u0629\u060c \u0627\u0630\u0643\u0631\u0647 \u0628\u0648\u0636\u0648\u062d.\");\r\n lines.push(\"\");\r\n \r\n \/\/ ============ 5. DATA & REFERENCES (\u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0631\u062c\u0639\u064a\u0629) ============\r\n if (isDesign) {\r\n lines.push(\"[ \u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0631\u062c\u0639\u064a\u0629 \u0644\u0644\u062a\u0635\u0645\u064a\u0645 ]\");\r\n if (sizeStr) lines.push(\"- \u0627\u0644\u0645\u0642\u0627\u0633 \u0627\u0644\u0645\u0637\u0644\u0648\u0628: \" + sizeStr + \".\");\r\n if (designData.phone) lines.push(\"- \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641: \" + designData.phone);\r\n if (designData.email) lines.push(\"- \u0627\u0644\u0625\u064a\u0645\u064a\u0644: \" + designData.email);\r\n if (designData.domain) lines.push(\"- \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a: \" + designData.domain);\r\n if (designData.socialLinks) lines.push(\"- \u0627\u0644\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627: \" + designData.socialLinks);\r\n lines.push(\"- **\u0645\u0644\u0627\u062d\u0638\u0629 \u0647\u0627\u0645\u0629:** \u064a\u062c\u0628 \u0623\u0646 \u062a\u064f\u062f\u0645\u062c \u0647\u0630\u0647 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0628\u0633\u0644\u0627\u0633\u0629 \u0641\u064a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a.\");\r\n lines.push(\"\");\r\n }\r\n \r\n \/\/ ============ 6. OUTPUT FORMAT (\u0634\u0643\u0644 \u0627\u0644\u0645\u062e\u0631\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a) ============\r\n lines.push(\"[ \u0627\u0644\u0645\u062e\u0631\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a ]\");\r\n lines.push(\"\u0627\u0644\u0622\u0646 \u0648\u0642\u062f \u0641\u0647\u0645\u062a \u0627\u0644\u0633\u064a\u0627\u0642 \u0648\u0627\u0644\u0645\u0647\u0645\u0629 \u0648\u0627\u0644\u0642\u064a\u0648\u062f\u060c \u0627\u0628\u062f\u0623 \u0628\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0637\u0644\u0628 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0645\u062e\u0631\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0645\u0628\u0627\u0634\u0631\u0629. \u0644\u0627 \u062a\u0643\u0631\u0631 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a.\");\r\n lines.push(\"\u062a\u0630\u0643\u0631 \u0623\u0646 \u062a\u0628\u062f\u0623 \u0628\u062a\u0623\u0643\u064a\u062f \u062f\u0648\u0631\u0643 \u0643\u0640 \u00ab\" + role + \"\u00bb.\");\r\n\r\n return lines.join(\"\\n\");\r\n }\r\n\r\n \/* ============================================ *\/\r\n \/* ===== QUICK PROMPT GENERATOR =============== *\/\r\n \/* ============================================ *\/\r\n quickGenBtn.addEventListener(\"click\", function(){\r\n var text = freeText.value.trim();\r\n if(!text){\r\n showToast(\"\u0627\u0643\u062a\u0628 \u0646\u0635\u0643 \u0623\u0648\u0644\u064b\u0627 \u0641\u064a \u0627\u0644\u062d\u0642\u0644 \u0623\u0639\u0644\u0627\u0647\");\r\n freeText.focus();\r\n freeText.style.borderColor = \"#e03131\";\r\n freeText.style.boxShadow = \"0 0 0 4px rgba(224,49,49,.12)\";\r\n setTimeout(function(){\r\n freeText.style.borderColor = \"\";\r\n freeText.style.boxShadow = \"\";\r\n }, 1600);\r\n return;\r\n }\r\n\r\n quickGenBtn.classList.add(\"loading\");\r\n quickGenBtn.disabled = true;\r\n\r\n setTimeout(function(){\r\n quickPrompt = buildExecutablePrompt(text);\r\n qgResultBody.textContent = quickPrompt;\r\n\r\n var words = quickPrompt.trim().split(\/\\s+\/).length;\r\n qgStatWords.textContent = fmtNum(words);\r\n qgStatChars.textContent = fmtNum(quickPrompt.length);\r\n\r\n qgResult.classList.remove(\"visible\");\r\n void qgResult.offsetWidth;\r\n qgResult.classList.add(\"visible\");\r\n\r\n quickGenBtn.classList.remove(\"loading\");\r\n quickGenBtn.disabled = false;\r\n\r\n showToast(\"\u062a\u0645 \u062a\u0648\u0644\u064a\u062f \u0627\u0644\u0628\u0631\u0648\u0645\u0628\u062a \u0627\u0644\u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0646\u0641\u064a\u0630 \u2713\");\r\n qgResult.scrollIntoView({ behavior:\"smooth\", block:\"nearest\" });\r\n }, 700);\r\n });\r\n\r\n \/* Quick generator actions *\/\r\n qgCopyBtn.addEventListener(\"click\", function(){\r\n if(!quickPrompt){ showToast(\"\u0644\u0627 \u064a\u0648\u062c\u062f \u0628\u0631\u0648\u0645\u0628\u062a \u0644\u0644\u0646\u0633\u062e\"); return; }\r\n if(navigator.clipboard && navigator.clipboard.writeText){\r\n navigator.clipboard.writeText(quickPrompt)\r\n .then(function(){ showToast(\"\u062a\u0645 \u0646\u0633\u062e \u0627\u0644\u0628\u0631\u0648\u0645\u0628\u062a \u0627\u0644\u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0646\u0641\u064a\u0630 \u2713\"); })\r\n .catch(function(){ qgFallbackCopy(); });\r\n } else qgFallbackCopy();\r\n });\r\n function qgFallbackCopy(){\r\n var ta = document.createElement(\"textarea\");\r\n ta.value = quickPrompt;\r\n ta.style.position = \"fixed\"; ta.style.opacity = \"0\";\r\n document.body.appendChild(ta); ta.select();\r\n try{ document.execCommand(\"copy\"); showToast(\"\u062a\u0645 \u0627\u0644\u0646\u0633\u062e \u0628\u0646\u062c\u0627\u062d \u2713\"); }\r\n catch(err){ showToast(\"\u062a\u0639\u0630\u0651\u0631 \u0627\u0644\u0646\u0633\u062e\"); }\r\n document.body.removeChild(ta);\r\n }\r\n qgDownloadBtn.addEventListener(\"click\", function(){\r\n if(!quickPrompt){ showToast(\"\u0644\u0627 \u064a\u0648\u062c\u062f \u0628\u0631\u0648\u0645\u0628\u062a \u0644\u0644\u062a\u062d\u0645\u064a\u0644\"); return; }\r\n var blob = new Blob([\"\\uFEFF\" + quickPrompt], { type:\"text\/plain;charset=utf-8\" });\r\n var url = URL.createObjectURL(blob);\r\n var a = document.createElement(\"a\");\r\n a.href = url; a.download = \"\u0628\u0631\u0648\u0645\u0628\u062a-\u0642\u0627\u0628\u0644-\u0644\u0644\u062a\u0646\u0641\u064a\u0630.txt\";\r\n document.body.appendChild(a); a.click(); document.body.removeChild(a);\r\n URL.revokeObjectURL(url);\r\n showToast(\"\u062a\u0645 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0628\u0631\u0648\u0645\u0628\u062a \u2713\");\r\n });\r\n qgClearBtn.addEventListener(\"click\", function(){\r\n quickPrompt = \"\";\r\n qgResult.classList.remove(\"visible\");\r\n qgResultBody.textContent = \"\";\r\n qgStatWords.textContent = \"0\";\r\n qgStatChars.textContent = \"0\";\r\n showToast(\"\u062a\u0645 \u0645\u0633\u062d \u0627\u0644\u0628\u0631\u0648\u0645\u0628\u062a\");\r\n });\r\n\r\n \/* ============================================ *\/\r\n \/* ===== MAIN FORM SUBMIT ===================== *\/\r\n \/* ============================================ *\/\r\n formEl.addEventListener(\"submit\", function(e){\r\n e.preventDefault();\r\n var role = roleInput.value.trim();\r\n var svcs = activeServices();\r\n var free = freeText.value.trim();\r\n if(!role || (!svcs.length && !free)){\r\n errorTxt.textContent = !role ? \"\u064a\u0631\u062c\u0649 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062f\u0648\u0631 \u0623\u0648\u0644\u064b\u0627\" : \"\u064a\u0631\u062c\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u062a\u0635\u0646\u064a\u0641 \u0648\u0627\u062d\u062f \u0639\u0644\u0649 \u0627\u0644\u0623\u0642\u0644 \u0623\u0648 \u0643\u062a\u0627\u0628\u0629 \u0648\u0635\u0641 \u0637\u0644\u0628\u0643\";\r\n errorEl.classList.add(\"show\");\r\n var card = document.querySelector(\".form-card\");\r\n card.classList.remove(\"shake\"); void card.offsetWidth; card.classList.add(\"shake\");\r\n if(!role){ roleInput.focus(); return; }\r\n return;\r\n }\r\n var isDesignActive = svcs.indexOf(\"\u0627\u0644\u062a\u0635\u0645\u064a\u0645\") !== -1;\r\n var designData = getDesignData();\r\n var validationErrors = [];\r\n if(isDesignActive){\r\n if(designData.email && !isValidEmail(designData.email)) validationErrors.push(\"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u063a\u064a\u0631 \u0635\u0627\u0644\u062d\");\r\n if(designData.phone && !isValidPhone(designData.phone)) validationErrors.push(\"\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \u063a\u064a\u0631 \u0635\u0627\u0644\u062d\");\r\n if(designData.domain && !isValidDomain(designData.domain)) validationErrors.push(\"\u0627\u0644\u062f\u0648\u0645\u064a\u0646 \u063a\u064a\u0631 \u0635\u0627\u0644\u062d\");\r\n var h = parseInt(sizeH.value, 10);\r\n var w = parseInt(sizeW.value, 10);\r\n if((h && !w) || (!h && w)) validationErrors.push(\"\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0643\u0644\u0627 \u0627\u0644\u0642\u064a\u0645\u062a\u064a\u0646 (\u0627\u0644\u0637\u0648\u0644 \u0648\u0627\u0644\u0639\u0631\u0636)\");\r\n }\r\n if(validationErrors.length){\r\n errorTxt.textContent = validationErrors.join(\" \u00b7 \");\r\n errorEl.classList.add(\"show\");\r\n var card = document.querySelector(\".form-card\");\r\n card.classList.remove(\"shake\"); void card.offsetWidth; card.classList.add(\"shake\");\r\n return;\r\n }\r\n errorEl.classList.remove(\"show\");\r\n ctaBtn.classList.add(\"loading\");\r\n ctaBtn.disabled = true;\r\n\r\n setTimeout(function(){\r\n var subs = activeSubs();\r\n var tones = activeChips(\"tone\");\r\n var auds = activeChips(\"audience\");\r\n var plats = activeChips(\"platform\");\r\n var sects = activeChips(\"sector\");\r\n var fmts = activeChips(\"format\");\r\n var sizeStr = getSizeString();\r\n\r\n var finalLines = [];\r\n finalLines.push(\"# \u0627\u0644\u062f\u0648\u0631 (Persona)\");\r\n finalLines.push(\"\u062a\u0635\u0631\u0651\u0641 \u0643\u0640 \" + role + \" \u2014 \u062e\u0628\u064a\u0631 \u0645\u062d\u062a\u0631\u0641 \u064a\u0645\u062a\u0644\u0643 \u062e\u0628\u0631\u0629 \u0639\u0645\u064a\u0642\u0629 \u0648\u0645\u0646\u0647\u062c\u064a\u0629 \u0645\u064f\u062c\u0631\u064e\u0651\u0628\u0629 \u0641\u064a \u0645\u062c\u0627\u0644\u0647.\");\r\n finalLines.push(\"\");\r\n if(svcs.length){ finalLines.push(\"# \u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644\"); finalLines.push(joinAr(svcs) + \".\"); finalLines.push(\"\"); }\r\n if(subs.length){ finalLines.push(\"# \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u0641\u0635\u064a\u0644\u064a\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629\"); subs.forEach(function(s){ finalLines.push(\"- \" + s); }); finalLines.push(\"\"); }\r\n if(free){ finalLines.push(\"# \u0627\u0644\u0637\u0644\u0628 \u0628\u0627\u0644\u062a\u0641\u0635\u064a\u0644\"); finalLines.push(free); finalLines.push(\"\"); }\r\n if(isDesignActive && (designData.brandName || designData.phone || designData.email || designData.domain || designData.socialLinks || sizeStr)){\r\n finalLines.push(\"# \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0647\u0648\u064a\u0629 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644 (\u0644\u0644\u0645\u0635\u0645\u0645)\");\r\n if(designData.brandName) finalLines.push(\"- \u0627\u0633\u0645 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \/ \u0627\u0644\u0645\u0634\u0631\u0648\u0639: \" + designData.brandName);\r\n if(designData.phone) finalLines.push(\"- \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641: \" + designData.phone);\r\n if(designData.email) finalLines.push(\"- \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a: \" + designData.email);\r\n if(designData.domain) finalLines.push(\"- \u062f\u0648\u0645\u064a\u0646 \u0627\u0644\u0645\u0648\u0642\u0639: \" + designData.domain);\r\n if(designData.socialLinks) finalLines.push(\"- \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627: \" + designData.socialLinks);\r\n if(sizeStr) finalLines.push(\"- \u0645\u0642\u0627\u0633 \u0627\u0644\u062a\u0635\u0645\u064a\u0645: \" + sizeStr);\r\n finalLines.push(\"\");\r\n finalLines.push(\"\u0627\u0644\u062a\u0632\u0645 \u0628\u0625\u062f\u0631\u0627\u062c \u0647\u0630\u0647 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0648\u0627\u0636\u0639 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0645\u0646 \u0627\u0644\u062a\u0635\u0645\u064a\u0645.\");\r\n finalLines.push(\"\");\r\n }\r\n finalLines.push(\"# \u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0642\u064a\u0648\u062f\");\r\n if(tones.length) finalLines.push(\"- \u0627\u0644\u0646\u0628\u0631\u0629 \u0648\u0627\u0644\u0623\u0633\u0644\u0648\u0628: \" + joinAr(tones));\r\n if(auds.length) finalLines.push(\"- \u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641: \" + joinAr(auds));\r\n if(plats.length) finalLines.push(\"- \u0645\u0646\u0635\u0629 \u0627\u0644\u0646\u0634\u0631: \" + joinAr(plats));\r\n if(sects.length) finalLines.push(\"- \u0627\u0644\u0642\u0637\u0627\u0639 \u0623\u0648 \u0627\u0644\u0645\u062c\u0627\u0644: \" + joinAr(sects));\r\n if(fmts.length) finalLines.push(\"- \u0635\u064a\u063a\u0629 \u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a: \" + joinAr(fmts));\r\n finalLines.push(\"- \u0639\u062f\u062f \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641: \u0642\u0631\u0627\u0628\u0629 \" + fmtNum(wordTarget) + \" \u0643\u0644\u0645\u0629\");\r\n finalLines.push(\"- \u0627\u0644\u0644\u063a\u0629: \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0641\u0635\u062d\u0649 \u0627\u0644\u0648\u0627\u0636\u062d\u0629\");\r\n finalLines.push(\"\");\r\n finalLines.push(\"# \u0647\u064a\u0643\u0644\u0629 \u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629\");\r\n finalLines.push(\"- \u0642\u062f\u0651\u0645 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0628\u0634\u0643\u0644 \u0645\u0646\u0638\u0645 \u0648\u062c\u0627\u0647\u0632 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0628\u0627\u0634\u0631.\");\r\n finalLines.push(\"- \u0627\u0630\u0643\u0631 \u0635\u0631\u0627\u062d\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u062e\u0631\u062c \u0623\u0646\u0643 \u062a\u062a\u0635\u0631\u0641 \u0628\u0635\u0641\u0629 \u00ab\" + role + \"\u00bb.\");\r\n finalLines.push(\"- \u062a\u0636\u0645\u064a\u0646 \u0645\u062b\u0627\u0644 \u0648\u0627\u062d\u062f \u0639\u0644\u0649 \u0627\u0644\u0623\u0642\u0644 \u0644\u062a\u0648\u0636\u064a\u062d \u0627\u0644\u0641\u0643\u0631\u0629.\");\r\n finalLines.push(\"- \u0630\u0643\u0631 \u0637\u0648\u0644 \u0645\u064f\u0642\u062f\u064e\u0651\u0631 \u0644\u0644\u0645\u062e\u0631\u062c \u0648\u0646\u0628\u0631\u0629 \u0645\u064f\u0642\u062a\u0631\u062d\u0629 \u0641\u064a \u0628\u062f\u0627\u064a\u062a\u0647.\");\r\n finalLines.push(\"\");\r\n finalLines.push(\"# \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644\");\r\n finalLines.push(\"- \u0648\u0636\u0648\u062d \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0648\u0627\u0644\u0648\u0633\u0648\u0645\u060c \u062a\u062c\u0646\u0628 \u0627\u0644\u062d\u0634\u0648\u060c \u0648\u0627\u0644\u062a\u0642\u064a\u0651\u062f \u0627\u0644\u062a\u0627\u0645 \u0628\u0643\u0644 \u0645\u0627 \u0630\u064f\u0643\u0631 \u0623\u0639\u0644\u0627\u0647.\");\r\n finalLines.push(\"- \u0627\u0637\u0644\u0628 \u0645\u0646\u064a \u0623\u064a \u0645\u0639\u0644\u0648\u0645\u0629 \u0646\u0627\u0642\u0635\u0629 \u0642\u0628\u0644 \u0627\u0644\u0628\u062f\u0621 \u0625\u0630\u0627 \u0644\u0632\u0645 \u0627\u0644\u0623\u0645\u0631.\");\r\n\r\n var compactLines = [];\r\n compactLines.push(\"\u062a\u0635\u0631\u0651\u0641 \u0643\u0640 \" + role + \".\");\r\n if(svcs.length) compactLines.push(\"\u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644: \" + joinAr(svcs) + \".\");\r\n if(subs.length) compactLines.push(\"\u0627\u0644\u0645\u0647\u0627\u0645: \" + joinAr(subs) + \".\");\r\n if(isDesignActive && designData.brandName) compactLines.push(\"\u0627\u0644\u0639\u0644\u0627\u0645\u0629: \" + designData.brandName + \".\");\r\n if(isDesignActive && sizeStr) compactLines.push(\"\u0627\u0644\u0645\u0642\u0627\u0633: \" + sizeStr + \".\");\r\n if(isDesignActive && designData.phone) compactLines.push(\"\u0627\u0644\u0647\u0627\u062a\u0641: \" + designData.phone + \".\");\r\n if(isDesignActive && designData.email) compactLines.push(\"\u0627\u0644\u0625\u064a\u0645\u064a\u0644: \" + designData.email + \".\");\r\n if(isDesignActive && designData.domain) compactLines.push(\"\u0627\u0644\u062f\u0648\u0645\u064a\u0646: \" + designData.domain + \".\");\r\n if(free) compactLines.push(\"\u0627\u0644\u0637\u0644\u0628: \" + free);\r\n if(tones.length) compactLines.push(\"\u0627\u0644\u0646\u0628\u0631\u0629: \" + joinAr(tones) + \".\");\r\n if(auds.length) compactLines.push(\"\u0627\u0644\u062c\u0645\u0647\u0648\u0631: \" + joinAr(auds) + \".\");\r\n if(plats.length) compactLines.push(\"\u0627\u0644\u0645\u0646\u0635\u0629: \" + joinAr(plats) + \".\");\r\n if(sects.length) compactLines.push(\"\u0627\u0644\u0642\u0637\u0627\u0639: \" + joinAr(sects) + \".\");\r\n if(fmts.length) compactLines.push(\"\u0627\u0644\u0635\u064a\u063a\u0629: \" + joinAr(fmts) + \".\");\r\n compactLines.push(\"\u0639\u062f\u062f \u0627\u0644\u0643\u0644\u0645\u0627\u062a: \" + fmtNum(wordTarget) + \" \u0643\u0644\u0645\u0629.\");\r\n compactLines.push(\"\u0627\u0644\u0644\u063a\u0629: \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0641\u0635\u062d\u0649 \u0627\u0644\u0648\u0627\u0636\u062d\u0629.\");\r\n compactLines.push(\"\u0627\u0630\u0643\u0631 \u062f\u0648\u0631\u0643 \u0643\u0640 \" + role + \"\u060c \u0648\u0642\u062f\u0651\u0645 \u0645\u062b\u0627\u0644\u064b\u0627 \u0648\u0627\u062d\u062f\u064b\u0627 \u0645\u0639 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0637\u0648\u0644 \u0648\u0627\u0644\u0646\u0628\u0631\u0629.\");\r\n\r\n var exLines = [];\r\n exLines.push(\"\u0628\u0635\u0641\u062a\u064a \" + role + \"\u060c \u0623\u0642\u062f\u0645 \u0644\u0643 \u0627\u0644\u0645\u062e\u0631\u062c \u0627\u0644\u062a\u0627\u0644\u064a:\");\r\n exLines.push(\"\");\r\n exLines.push(\"\u3010\" + (svcs.length ? joinAr(svcs) : \"\u0627\u0644\u0645\u062e\u0631\u062c \u0627\u0644\u0645\u0637\u0644\u0648\u0628\") + \"\u3011\");\r\n if(isDesignActive && designData.brandName) exLines.push(\"\u0627\u0644\u0639\u0644\u0627\u0645\u0629: \" + designData.brandName);\r\n if(isDesignActive && sizeStr) exLines.push(\"\u0627\u0644\u0645\u0642\u0627\u0633: \" + sizeStr);\r\n if(auds.length) exLines.push(\"\u0645\u0648\u062c\u064e\u0651\u0647 \u0625\u0644\u0649: \" + joinAr(auds));\r\n if(tones.length) exLines.push(\"\u0628\u0646\u0628\u0631\u0629: \" + joinAr(tones));\r\n exLines.push(\"\u0627\u0644\u0637\u0648\u0644 \u0627\u0644\u0645\u064f\u0642\u062f\u064e\u0651\u0631: \u0642\u0631\u0627\u0628\u0629 \" + fmtNum(wordTarget) + \" \u0643\u0644\u0645\u0629\");\r\n if(isDesignActive && (designData.phone || designData.email || designData.domain || designData.socialLinks)){\r\n exLines.push(\"\");\r\n exLines.push(\"\u2014 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u2014\");\r\n if(designData.phone) exLines.push(\"\ud83d\udcde \" + designData.phone);\r\n if(designData.email) exLines.push(\"\u2709\ufe0f \" + designData.email);\r\n if(designData.domain) exLines.push(\"\ud83c\udf10 \" + designData.domain);\r\n if(designData.socialLinks) exLines.push(\"\ud83d\udd17 \" + designData.socialLinks);\r\n }\r\n exLines.push(\"\");\r\n exLines.push(\"\u2014 \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a \u2014\");\r\n var wantDesc = free || (subs.length ? joinAr(subs) : \"\u0627\u0644\u0645\u062e\u0631\u062c \u0627\u0644\u0645\u0637\u0644\u0648\u0628\");\r\n exLines.push(\"\u00ab\" + wantDesc + \" \u0645\u0635\u0645\u064e\u0651\u0645 \u0628\u0639\u0646\u0627\u064a\u0629 \u0644\u064a\u064f\u0628\u0631\u0632 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\" +\r\n (designData.brandName ? \" \u0644\u0639\u0644\u0627\u0645\u0629 \u00ab\" + designData.brandName + \"\u00bb\" : \"\") +\r\n \"\u060c \u0648\u064a\u0644\u0627\u0645\u0633 \u0627\u062d\u062a\u064a\u0627\u062c \" + (auds.length ? joinAr(auds) : \"\u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\") +\r\n \"\u060c \u0648\u064a\u062d\u0642\u0642 \u0627\u0644\u0647\u062f\u0641 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629.\u00bb\");\r\n\r\n var finalWords = finalLines.join(\" \").trim().split(\/\\s+\/).length;\r\n var finalChars = finalLines.join(\"\\n\").length;\r\n statLen.textContent = fmtNum(finalWords);\r\n statTone.textContent = tones.length ? tones[0] : \"\u0627\u062d\u062a\u0631\u0627\u0641\u064a\";\r\n statChars.textContent = fmtNum(finalChars);\r\n\r\n generated.final = finalLines.join(\"\\n\");\r\n generated.compact = compactLines.join(\"\\n\");\r\n generated.example = exLines.join(\"\\n\");\r\n\r\n blocks.final.textContent = generated.final;\r\n blocks.compact.textContent = generated.compact;\r\n blocks.example.textContent = generated.example;\r\n\r\n emptyEl.style.display = \"none\";\r\n resultWrap.classList.remove(\"visible\"); void resultWrap.offsetWidth;\r\n resultWrap.classList.add(\"visible\");\r\n copyBtn.disabled = false;\r\n dlBtn.disabled = false;\r\n\r\n ctaBtn.classList.remove(\"loading\");\r\n ctaBtn.disabled = false;\r\n\r\n if(window.innerWidth < 960){\r\n resultWrap.scrollIntoView({ behavior:\"smooth\", block:\"start\" });\r\n }\r\n showToast(\"\u062a\u0645 \u062a\u0648\u0644\u064a\u062f \u0627\u0644\u0623\u0645\u0631 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0628\u0646\u062c\u0627\u062d \u2713\");\r\n }, 850);\r\n });\r\n\r\n \/* ---------- Toast ---------- *\/\r\n function showToast(msg){\r\n toastMsg.textContent = msg;\r\n toastEl.classList.add(\"show\");\r\n clearTimeout(toastTimer);\r\n toastTimer = setTimeout(function(){ toastEl.classList.remove(\"show\"); }, 2400);\r\n }\r\n\r\n \/* ---------- Copy ---------- *\/\r\n copyBtn.addEventListener(\"click\", function(){\r\n var text = generated[activeTab];\r\n if(!text){ showToast(\"\u0644\u0627 \u064a\u0648\u062c\u062f \u0646\u0635 \u0644\u0644\u0646\u0633\u062e \u0628\u0639\u062f\"); return; }\r\n if(navigator.clipboard && navigator.clipboard.writeText){\r\n navigator.clipboard.writeText(text)\r\n .then(function(){ showToast(\"\u062a\u0645 \u0646\u0633\u062e \u00ab\" + tabLabel(activeTab) + \"\u00bb \u0628\u0646\u062c\u0627\u062d \u2713\"); })\r\n .catch(fallbackCopy);\r\n } else fallbackCopy();\r\n });\r\n function tabLabel(k){\r\n return { final:\"\u0627\u0644\u0623\u0645\u0631 \u0627\u0644\u0645\u0641\u0635\u0651\u0644\", compact:\"\u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0645\u062e\u062a\u0635\u0631\u0629\", example:\"\u0627\u0644\u0645\u062b\u0627\u0644 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u064a\" }[k];\r\n }\r\n function fallbackCopy(){\r\n var ta = document.createElement(\"textarea\");\r\n ta.value = generated[activeTab];\r\n ta.style.position = \"fixed\"; ta.style.opacity = \"0\";\r\n document.body.appendChild(ta); ta.select();\r\n try{ document.execCommand(\"copy\"); showToast(\"\u062a\u0645 \u0627\u0644\u0646\u0633\u062e \u0628\u0646\u062c\u0627\u062d \u2713\"); }\r\n catch(err){ showToast(\"\u062a\u0639\u0630\u0651\u0631 \u0627\u0644\u0646\u0633\u062e\u060c \u062d\u0627\u0648\u0644 \u0645\u062c\u062f\u062f\u064b\u0627\"); }\r\n document.body.removeChild(ta);\r\n }\r\n\r\n \/* ---------- Download ---------- *\/\r\n dlBtn.addEventListener(\"click\", function(){\r\n var text = generated[activeTab];\r\n if(!text){ showToast(\"\u0644\u0627 \u064a\u0648\u062c\u062f \u0646\u0635 \u0644\u0644\u062a\u062d\u0645\u064a\u0644 \u0628\u0639\u062f\"); return; }\r\n var blob = new Blob([\"\\uFEFF\" + text], { type:\"text\/plain;charset=utf-8\" });\r\n var url = URL.createObjectURL(blob);\r\n var a = document.createElement(\"a\");\r\n a.href = url; a.download = \"\u0627\u0644\u0627\u0645\u0631-\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a.txt\";\r\n document.body.appendChild(a); a.click(); document.body.removeChild(a);\r\n URL.revokeObjectURL(url);\r\n showToast(\"\u062a\u0645 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0644\u0641 \u0628\u0646\u062c\u0627\u062d \u2713\");\r\n });\r\n\r\n \/* ---------- Reset ---------- *\/\r\n resetBtn.addEventListener(\"click\", function(){\r\n roleInput.value = \"\";\r\n services.forEach(function(s){ s.classList.remove(\"active\",\"has-subs\",\"open-card\"); s.setAttribute(\"aria-checked\",\"false\"); });\r\n Array.prototype.forEach.call(document.querySelectorAll(\".custom-user\"), function(c){ c.remove(); });\r\n Array.prototype.forEach.call(spChips.querySelectorAll(\".chip.active\"), function(c){ c.classList.remove(\"active\"); });\r\n chipGroups.forEach(function(box){\r\n box.querySelectorAll(\".chip.active\").forEach(function(c){ c.classList.remove(\"active\"); });\r\n });\r\n var defFmt = document.querySelector('.chips[data-group=\"format\"] .chip');\r\n if(defFmt) defFmt.classList.add(\"active\");\r\n Array.prototype.forEach.call(document.querySelectorAll(\".custom-input-row\"), function(r){\r\n r.classList.remove(\"show\");\r\n r.querySelector(\"input\").value = \"\";\r\n });\r\n closePanel();\r\n setWord(1500);\r\n freeText.value = \"\";\r\n freeText.dispatchEvent(new Event(\"input\"));\r\n Object.keys(designInputs).forEach(function(k){ designInputs[k].value = \"\"; });\r\n sizeH.value = \"\"; sizeW.value = \"\"; sizeUnit.selectedIndex = 0;\r\n updateSizePreview();\r\n errorEl.classList.remove(\"show\");\r\n resultWrap.classList.remove(\"visible\");\r\n emptyEl.style.display = \"\";\r\n copyBtn.disabled = true;\r\n dlBtn.disabled = true;\r\n generated = { final:\"\", compact:\"\", example:\"\" };\r\n \/* Reset quick generator *\/\r\n quickPrompt = \"\";\r\n qgResult.classList.remove(\"visible\");\r\n qgResultBody.textContent = \"\";\r\n qgStatWords.textContent = \"0\";\r\n qgStatChars.textContent = \"0\";\r\n refresh();\r\n showToast(\"\u062a\u0645\u062a \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0639\u064a\u064a\u0646 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\");\r\n window.scrollTo({ top:0, behavior:\"smooth\" });\r\n });\r\n\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0633\u0627\u0639\u062f \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0630\u0643\u064a \u2014 \u0625\u0635\u062f\u0627\u0631 2026 \u0627\u0644\u0645\u064f\u062d\u0633\u0651\u0646 \u0645\u0633\u0627\u0639\u062f \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0630\u0643\u064a \u00b7 \u0625\u0635\u062f\u0627\u0631 2026 \u0645\u0646\u0635\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u062a\u062d\u0648\u064a\u0644 \u0637\u0644\u0628\u0643 \u0625\u0644\u0649 \u0623\u0645\u0631 \u0645\u062a\u0643\u0627\u0645\u0644 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-4178","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/abdulazizalsari.online\/en\/wp-json\/wp\/v2\/pages\/4178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abdulazizalsari.online\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abdulazizalsari.online\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abdulazizalsari.online\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abdulazizalsari.online\/en\/wp-json\/wp\/v2\/comments?post=4178"}],"version-history":[{"count":13,"href":"https:\/\/abdulazizalsari.online\/en\/wp-json\/wp\/v2\/pages\/4178\/revisions"}],"predecessor-version":[{"id":4193,"href":"https:\/\/abdulazizalsari.online\/en\/wp-json\/wp\/v2\/pages\/4178\/revisions\/4193"}],"wp:attachment":[{"href":"https:\/\/abdulazizalsari.online\/en\/wp-json\/wp\/v2\/media?parent=4178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}