@import url(https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300;12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap);.modal-overlay{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50}.modal-box{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:32px;width:100%;max-width:420px;text-align:center;animation:fadeIn .25s ease-out}.modal-icon{color:#ef4444;font-size:48px;margin-bottom:16px}.modal-title{font-size:20px;margin-bottom:8px}.modal-text{color:#4b5563;margin-bottom:24px;line-height:1.5}.credit-zero{font-size:32px;font-weight:700;color:#dc2626;margin-bottom:24px}.modal-button{background:#2563eb;color:#fff;width:100%;padding:12px 0;border-radius:8px;cursor:pointer;transition:background .2s ease;border:none;outline:none}.modal-button:hover{background:#1d4ed8}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.btn-loading[data-v-6b52f01e]{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.715);display:flex;align-items:center;justify-content:center;z-index:10}.credit-button[data-v-2192d772]{background:#fff;cursor:pointer;border:1px solid var(--purple-contrast);padding:.45rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;display:flex;align-items:center;justify-content:center;min-width:120px;min-height:35px}a[data-v-2192d772]{color:#000;text-decoration:none!important}.credit-inner[data-v-2192d772]{display:flex;align-items:center;font-weight:600;color:var(--purple-contrast);font-size:15px}.credit-zero[data-v-2192d772]{border:1px solid #ff1d1d}.credit-zero .credit-alert[data-v-2192d772]{display:flex;align-items:center;gap:6px;color:#ff1d1d!important}@keyframes pulse-2192d772{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fadeIn-6841ac99{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tooltip-container[data-v-6841ac99]{animation:fadeIn-6841ac99 .25s ease;position:relative;height:140px}.tooltip-title[data-v-6841ac99]{font-size:1rem;font-weight:700;color:#111;margin:0}.tooltip-expire[data-v-6841ac99]{font-size:.8rem;margin-top:4px;color:#059669;font-weight:500}.tooltip-expire.expired[data-v-6841ac99]{color:#dc2626;font-weight:600}.expire-box[data-v-6841ac99]{padding:.75rem;background:#f1f5f9;border-radius:10px;margin-bottom:1rem}.expire-box-expired[data-v-6841ac99]{border-left-color:#dc2626;background:#fee2e2}.expire-label[data-v-6841ac99]{font-size:.75rem;color:#64748b}.expire-value[data-v-6841ac99]{font-size:.85rem;font-weight:600;color:#334155;margin-top:2px}.tooltip-footer[data-v-6841ac99]{text-align:center}.tooltip-upgrade-btn[data-v-6841ac99]{font-size:.8rem;font-weight:600;padding:6px 10px;color:#2563eb;border-radius:6px;background:#eff6ff;border:1px solid transparent;transition:.2s ease}.tooltip-upgrade-btn[data-v-6841ac99]:hover{background:#dbeafe;border-color:#93c5fd;text-decoration:none}@keyframes fadeIn-0a0ec8df{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.package-tooltip[data-v-0a0ec8df]{position:absolute;top:100%;right:0;width:18rem;margin-top:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:1rem;z-index:50;animation:fadeIn-0a0ec8df .25s ease;transition:opacity .25s ease,transform .25s ease}.profile[data-v-39a737ff]{border:1px solid var(--gray-1);border-radius:50px;padding:.2em .3em}.btn-start[data-v-39a737ff]{background:#111;color:#fff;font-size:1rem;font-weight:500;border-radius:50px;border:none;cursor:pointer;transition:all .3s ease}.btn-start[data-v-39a737ff]:hover{background:#333;color:#fff;transform:translateY(-2px)}.credit-button[data-v-39a737ff]{position:relative;display:inline-flex;align-items:center;justify-content:center;background:#f9fafb;border:1px solid #e5e7eb;color:#111827;border-radius:9999px;padding:.45rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .25s ease;box-shadow:0 2px 4px rgba(0,0,0,.04)}.credit-button[data-v-39a737ff]:hover{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 4px 12px rgba(37,99,235,.25);transform:translateY(-1px)}.credit-inner[data-v-39a737ff]{display:flex;align-items:center;gap:.4rem;transition:color .3s ease,transform .2s ease}.credit-inner span[data-v-39a737ff]{transition:all .25s ease}.credit-inner .material-symbols-outlined[data-v-39a737ff]{font-size:18px}.topbar[data-v-39a737ff]{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 16px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:20}.left-area[data-v-39a737ff]{display:flex;align-items:center;gap:6px}.app-name[data-v-39a737ff]{font-size:1.1rem;font-weight:700;color:#111;text-decoration:none}.badge-beta[data-v-39a737ff]{background:#111;color:#fff;font-size:8px;padding:2px 6px;border-radius:6px}.profile-area[data-v-39a737ff]{position:relative}.profile-img[data-v-39a737ff]{width:34px;height:34px;border-radius:50%;cursor:pointer}.dropdown-menu[data-v-39a737ff]{position:absolute;right:0;top:44px;background:#fff;border-radius:12px;border:1px solid #ddd;width:150px;padding:6px 0;box-shadow:0 6px 16px rgba(0,0,0,.1);animation:fadeIn .2s}.menu-button[data-v-39a737ff]{display:none;background:#111;color:#fff;padding:10px 14px;border-radius:12px;border:none;font-weight:600}.notmobile[data-v-39a737ff]{display:flex!important}.mobile[data-v-39a737ff]{display:none!important}@media (max-width:768px){.menu-button[data-v-39a737ff]{display:flex;align-items:center}.notmobile[data-v-39a737ff]{display:none!important}.mobile[data-v-39a737ff]{display:flex!important}}.mobile-sheet[data-v-39a737ff]{position:fixed;top:55px;left:0;right:0;background:#fff;padding:18px;border-radius:20px 20px 0 0;box-shadow:0 -4px 16px rgba(0,0,0,.15);animation:slideUp-39a737ff .25s ease-out}.sheet-section[data-v-39a737ff]{margin-bottom:14px}.sheet-btn[data-v-39a737ff]{width:100%;padding:14px;background:#f7f7f7;border-radius:14px;border:1px solid #ddd;font-size:1rem;display:flex;align-items:center;gap:10px;color:#111;text-decoration:none}.sheet-btn[data-v-39a737ff]:hover{background:#efefef}.avatar-mini[data-v-39a737ff]{width:18px;height:18px;border-radius:50%;margin-left:auto}@keyframes slideUp-39a737ff{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-enter-active[data-v-39a737ff],.slide-leave-active[data-v-39a737ff]{transition:all .25s}.slide-enter-from[data-v-39a737ff],.slide-leave-to[data-v-39a737ff]{transform:translateY(-20px);opacity:0}.tooltip-expire[data-v-39a737ff]{font-size:.8rem;color:#059669;font-weight:500}.tooltip-expire.expired[data-v-39a737ff]{color:#dc2626;font-weight:600}.scrollable-box{height:320px;overflow-y:auto;padding:10px;border:1px solid #ddd;background-color:#f9f9f9}.register-card{background-color:#fff;border-radius:20px;justify-content:center;align-items:center}.text-danger{color:red;font-size:14px}.modal-login-overlay[data-v-19a38064],.register{display:flex;justify-content:center;align-items:center;width:100%}.modal-login-overlay[data-v-19a38064]{position:fixed;top:0;left:0;height:100%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;padding:16px}.modal-login[data-v-19a38064]{width:100%;max-width:420px;background-color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:2.2rem;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.25);border:1px solid hsla(0,0%,100%,.25);position:relative;animation:fadeUp-19a38064 .35s ease}@keyframes fadeUp-19a38064{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card[data-v-19a38064]{display:flex;flex-direction:column;align-items:center}.modal-title[data-v-19a38064]{font-size:1.6rem;font-weight:700;margin-bottom:.3rem;text-align:center;color:#000}.subtitle[data-v-19a38064]{font-size:1rem;color:#575757;margin-bottom:1.8rem;text-align:center}.facebook-login-btn[data-v-19a38064]{width:100%;background:linear-gradient(135deg,#1877f2,#4c8bf5);border:none;padding:.85rem 1rem;border-radius:10px;font-size:1rem;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.25s ease;box-shadow:0 4px 14px rgba(24,119,242,.4)}.facebook-login-btn[data-v-19a38064]:hover{filter:brightness(1.08);transform:translateY(-2px)}.facebook-login-btn[data-v-19a38064]:disabled{opacity:.5;pointer-events:none}.facebook-icon[data-v-19a38064]{width:22px;height:22px;margin-right:10px}.google-login-btn[data-v-19a38064]{width:100%;background:#fff;border:1px solid #ddd;padding:.85rem 1rem;border-radius:10px;font-size:1rem;color:#333;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.25s ease}.google-login-btn[data-v-19a38064]:hover{background:#f2f2f2}.close-btn[data-v-19a38064]{position:absolute;top:-12px;right:-12px;background:hsla(0,0%,100%,.7);border:none;width:36px;height:36px;border-radius:50%;font-size:1.3rem;display:flex;justify-content:center;align-items:center;cursor:pointer;font-weight:700;color:#333;box-shadow:0 4px 12px rgba(0,0,0,.22);transition:.25s ease}.close-btn[data-v-19a38064]:hover{background:hsla(0,0%,100%,.9);transform:scale(1.07)}.loading-container[data-v-19a38064]{margin-top:1rem}.spinner-border[data-v-19a38064]{width:2.4rem;height:2.4rem}@media (max-width:480px){.modal-login[data-v-19a38064]{padding:1.8rem}.modal-title[data-v-19a38064]{font-size:1.45rem}}.benefit-box[data-v-19a38064]{width:100%;background:#f9f9f9;border:1px solid #ececec;padding:1rem;border-radius:10px;margin-bottom:1.5rem}.benefit-item[data-v-19a38064]{display:flex;align-items:center;margin-bottom:.5rem}.benefit-item[data-v-19a38064]:last-child{margin-bottom:0}.benefit-icon[data-v-19a38064]{font-size:1.2rem;margin-right:8px}.landing[data-v-5e82c101]{--indigo:#6366f1;--blue:#2563eb;--black:#0d0d12;--text:#1a1a24;--sub:#52525e;--muted:#9090a0;--border:#e8e8ee;--bg:#fff;--bg2:#f8f8fc;--grad:linear-gradient(135deg,#6366f1,#2563eb);background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}nav[data-v-5e82c101]{position:fixed;top:0;left:0;right:0;z-index:200;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.logo[data-v-5e82c101]{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:var(--black);letter-spacing:-.4px}.logo-dot[data-v-5e82c101]{width:22px;height:22px;border-radius:6px;background:var(--grad);display:flex;align-items:center;justify-content:center}.logo-dot svg[data-v-5e82c101]{width:12px;height:12px;color:#fff}.nav-right[data-v-5e82c101]{display:flex;align-items:center;gap:12px}.nav-link[data-v-5e82c101]{font-size:.875rem;color:var(--sub);background:none;border:none;cursor:pointer;padding:0 4px;transition:color .2s}.nav-link[data-v-5e82c101]:hover{color:var(--text)}.nav-cta[data-v-5e82c101]{font-size:.875rem;font-weight:600;background:var(--black);color:#fff;border:none;cursor:pointer;padding:9px 22px;border-radius:9px;transition:background .2s,transform .15s}.nav-cta[data-v-5e82c101]:hover{background:#2a2a38;transform:translateY(-1px)}.hero[data-v-5e82c101]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 24px 80px;position:relative;background:#fff;overflow:hidden}.hero[data-v-5e82c101]:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#d4d4e8 1px,transparent 0);background-size:32px 32px;opacity:.55;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 45%,#000 20%,transparent 100%);mask-image:radial-gradient(ellipse 75% 65% at 50% 45%,#000 20%,transparent 100%);pointer-events:none}.hero[data-v-5e82c101]:after{content:"";position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:800px;height:500px;background:radial-gradient(ellipse at 50% 0,rgba(99,102,241,.1) 0,transparent 70%);pointer-events:none}.hero-badge[data-v-5e82c101]{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border);border-radius:50px;padding:6px 14px 6px 8px;font-size:.78rem;font-weight:500;color:var(--sub);margin-bottom:32px;box-shadow:0 1px 4px rgba(0,0,0,.06);animation:fadeUp-5e82c101 .6s ease both;position:relative}.badge-pill[data-v-5e82c101]{background:var(--grad);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:3px 10px;border-radius:50px}.hero h1[data-v-5e82c101]{font-size:clamp(3.2rem,7vw,6.4rem);font-weight:800;line-height:1.04;color:var(--black);margin-bottom:20px;animation:fadeUp-5e82c101 .6s ease .08s both;position:relative}.grad-text[data-v-5e82c101]{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-sub[data-v-5e82c101]{font-size:1.05rem;color:var(--sub);line-height:1.75;max-width:480px;margin-bottom:44px;animation:fadeUp-5e82c101 .6s ease .16s both;position:relative}.hero-actions[data-v-5e82c101]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;animation:fadeUp-5e82c101 .6s ease .24s both;position:relative}.btn-main[data-v-5e82c101]{display:inline-flex;align-items:center;gap:10px;font-size:.95rem;font-weight:600;background:var(--black);color:#fff;border:none;cursor:pointer;padding:13px 28px;border-radius:10px;transition:all .2s;box-shadow:0 4px 16px rgba(0,0,0,.15)}.btn-main[data-v-5e82c101]:hover{background:#22222e;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.18)}.btn-secondary[data-v-5e82c101]{font-size:.95rem;font-weight:500;background:transparent;color:var(--sub);border:1px solid var(--border);cursor:pointer;padding:13px 28px;border-radius:10px;transition:all .2s}.btn-secondary[data-v-5e82c101]:hover{color:var(--text);border-color:#bbb;background:var(--bg2)}.hero-trust[data-v-5e82c101]{margin-top:64px;display:flex;align-items:center;gap:32px;flex-wrap:wrap;justify-content:center;animation:fadeUp-5e82c101 .6s ease .4s both;position:relative}.trust-stat[data-v-5e82c101]{text-align:center}.trust-num[data-v-5e82c101]{font-size:1.6rem;font-weight:800;color:var(--black);letter-spacing:-.5px;line-height:1}.trust-label[data-v-5e82c101]{font-size:.76rem;color:var(--muted);margin-top:3px}.trust-sep[data-v-5e82c101]{width:1px;height:36px;background:var(--border)}.marquee-wrap[data-v-5e82c101]{border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;background:var(--bg2);padding:16px 0}.marquee-track[data-v-5e82c101]{display:flex;width:-moz-max-content;width:max-content;animation:marquee-5e82c101 30s linear infinite}.marquee-set[data-v-5e82c101]{display:flex}.marquee-item[data-v-5e82c101]{display:flex;align-items:center;gap:28px;padding:0 36px;border-right:1px solid var(--border);font-size:.77rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.marquee-item[data-v-5e82c101]:before{content:"✦";color:var(--indigo);font-size:.55rem}.features-section[data-v-5e82c101]{padding:100px 56px;max-width:1280px;margin:0 auto}.sec-head[data-v-5e82c101]{text-align:center;margin-bottom:56px}.sec-kicker[data-v-5e82c101]{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--indigo);margin-bottom:12px}.sec-head h2[data-v-5e82c101]{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-1.5px;color:var(--black);line-height:1.1}.sec-head p[data-v-5e82c101]{color:var(--sub);font-size:.97rem;margin-top:10px}.grid-12[data-v-5e82c101]{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:18px;overflow:hidden}.fc[data-v-5e82c101]{background:#fff;padding:28px 24px;transition:background .18s;cursor:default}.fc[data-v-5e82c101]:hover{background:#fafafd}.fc:hover .fc-icon[data-v-5e82c101]{background:var(--grad);border-color:transparent;color:#fff}.fc:hover .fc-n[data-v-5e82c101]{color:var(--indigo)}.fc-icon[data-v-5e82c101]{width:38px;height:38px;border-radius:9px;background:var(--bg2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--indigo);transition:all .2s;margin-bottom:16px}.fc-icon[data-v-5e82c101] svg{width:17px;height:17px}.fc-n[data-v-5e82c101]{font-size:.62rem;font-weight:700;letter-spacing:.1em;color:#ccc;margin-bottom:6px;transition:color .2s}.fc-title[data-v-5e82c101]{font-size:.88rem;font-weight:600;color:var(--black);line-height:1.4}.fc-desc[data-v-5e82c101]{font-size:.78rem;color:var(--muted);margin-top:6px;line-height:1.6}.showcase-section[data-v-5e82c101]{padding:0 56px 100px;max-width:1280px;margin:0 auto}.sc-item[data-v-5e82c101]{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding:72px 0;border-top:1px solid var(--border);opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.sc-item.in-view[data-v-5e82c101]{opacity:1;transform:translateY(0)}.sc-item.rev[data-v-5e82c101]{direction:rtl}.sc-item.rev[data-v-5e82c101]>*{direction:ltr}.mock-win[data-v-5e82c101]{border-radius:16px;border:1px solid var(--border);overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.07),0 2px 8px rgba(0,0,0,.04);background:var(--bg2)}.mock-titlebar[data-v-5e82c101]{display:flex;align-items:center;gap:6px;padding:13px 16px;background:#fff;border-bottom:1px solid var(--border)}.td[data-v-5e82c101]{width:9px;height:9px;border-radius:50%}.td[data-v-5e82c101]:first-child{background:#ff5f57}.td[data-v-5e82c101]:nth-child(2){background:#febc2e}.td[data-v-5e82c101]:nth-child(3){background:#28c840}.mock-title-text[data-v-5e82c101]{font-size:.72rem;color:var(--muted);font-weight:500;margin-left:6px}.mock-body[data-v-5e82c101]{padding:20px}.content-post[data-v-5e82c101]{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:10px}.post-header[data-v-5e82c101]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.post-label[data-v-5e82c101]{font-size:.65rem;font-weight:700;letter-spacing:.06em;color:var(--indigo);text-transform:uppercase}.post-badge[data-v-5e82c101]{font-size:.62rem;background:#eff0fe;color:var(--indigo);padding:2px 8px;border-radius:4px;font-weight:600}.post-body[data-v-5e82c101]{font-size:.82rem;color:var(--text);line-height:1.65}.post-tags[data-v-5e82c101]{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.ptag[data-v-5e82c101]{font-size:.65rem;font-weight:600;background:var(--bg2);border:1px solid var(--border);color:var(--sub);padding:3px 9px;border-radius:5px}.content-post.dim[data-v-5e82c101]{opacity:.38}.chat-area[data-v-5e82c101]{display:flex;flex-direction:column;gap:8px}.cm[data-v-5e82c101]{display:flex}.cm.r[data-v-5e82c101]{justify-content:flex-end}.bbl[data-v-5e82c101]{font-size:.8rem;line-height:1.55;padding:9px 13px;max-width:78%;border-radius:12px}.bbl.them[data-v-5e82c101]{background:#fff;border:1px solid var(--border);color:var(--text);border-radius:12px 12px 12px 3px}.bbl.us[data-v-5e82c101]{background:var(--indigo);color:#fff;border-radius:12px 12px 3px 12px}.notif-bar[data-v-5e82c101]{margin-top:12px;padding:9px 13px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:.74rem;color:#92400e}.score-block[data-v-5e82c101]{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:10px}.score-top[data-v-5e82c101]{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.score-num[data-v-5e82c101]{font-size:3rem;font-weight:800;color:var(--black);line-height:1;letter-spacing:-2px}.score-of[data-v-5e82c101]{font-size:.8rem;color:var(--muted)}.score-label[data-v-5e82c101]{font-size:.7rem;color:var(--sub);margin-bottom:8px}.bar[data-v-5e82c101]{height:5px;background:var(--border);border-radius:3px;overflow:hidden}.bar-fill[data-v-5e82c101]{height:100%;background:var(--grad);border-radius:3px}.kpi-grid[data-v-5e82c101]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kpi[data-v-5e82c101]{background:#fff;border:1px solid var(--border);border-radius:9px;padding:12px}.kpi-l[data-v-5e82c101]{font-size:.63rem;color:var(--muted);margin-bottom:3px}.kpi-v[data-v-5e82c101]{font-size:1.05rem;font-weight:700;color:var(--black)}.kpi-d[data-v-5e82c101]{font-size:.63rem;color:#16a34a;margin-top:2px}.kpi-d.warn[data-v-5e82c101]{color:#d97706}.sc-text .sec-kicker[data-v-5e82c101]{display:block;margin-bottom:10px;text-align:left}.sc-text h3[data-v-5e82c101]{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;letter-spacing:-1px;line-height:1.1;color:var(--black);margin-bottom:16px}.sc-text p[data-v-5e82c101]{font-size:.95rem;color:var(--sub);line-height:1.8;margin-bottom:24px}.sc-chips[data-v-5e82c101]{display:flex;flex-wrap:wrap;gap:7px}.sc-chip[data-v-5e82c101]{font-size:.75rem;font-weight:500;background:var(--bg2);border:1px solid var(--border);color:var(--sub);padding:5px 13px;border-radius:7px}.cta-section[data-v-5e82c101]{margin:0 56px 100px;opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.cta-section.in-view[data-v-5e82c101]{opacity:1;transform:translateY(0)}.cta-inner[data-v-5e82c101]{background:var(--black);border-radius:20px;padding:96px 48px;text-align:center;position:relative;overflow:hidden}.cta-inner[data-v-5e82c101]:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:700px;height:300px;background:radial-gradient(ellipse at 50% 100%,rgba(99,102,241,.3) 0,transparent 70%);pointer-events:none}.cta-inner[data-v-5e82c101]:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:28px 28px;pointer-events:none}.cta-inner h2[data-v-5e82c101]{font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:800;letter-spacing:-2px;line-height:1.08;color:#fff;margin-bottom:14px;position:relative;z-index:1}.cta-inner h2 span[data-v-5e82c101]{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cta-inner p[data-v-5e82c101]{font-size:.95rem;color:#6b7280;margin-bottom:40px;position:relative;z-index:1}.cta-inner .btn-main[data-v-5e82c101]{position:relative;z-index:1;background:#fff;color:var(--black);box-shadow:0 4px 20px hsla(0,0%,100%,.2)}.cta-inner .btn-main[data-v-5e82c101]:hover{background:#f0f0fa}footer[data-v-5e82c101]{border-top:1px solid var(--border);padding:28px 56px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-copy[data-v-5e82c101]{font-size:.8rem;color:var(--muted)}.modal-overlay[data-v-5e82c101]{position:fixed;inset:0;z-index:999;background:rgba(10,10,18,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.modal[data-v-5e82c101]{background:#fff;border-radius:20px;padding:48px 40px;width:100%;max-width:420px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.04);position:relative;margin:0 16px}.modal-close[data-v-5e82c101]{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:8px;border:none;background:var(--bg2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:background .15s}.modal-close[data-v-5e82c101]:hover{background:var(--border)}.modal-close svg[data-v-5e82c101]{width:15px;height:15px}.modal-logo[data-v-5e82c101]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:28px}.modal-logo-dot[data-v-5e82c101]{width:28px;height:28px;border-radius:8px;background:var(--grad);display:flex;align-items:center;justify-content:center}.modal-logo-dot svg[data-v-5e82c101]{width:14px;height:14px;color:#fff}.modal-logo span[data-v-5e82c101]{font-size:1.1rem;font-weight:700;color:var(--black)}.modal h3[data-v-5e82c101]{font-size:1.5rem;font-weight:800;color:var(--black);letter-spacing:-.5px;margin-bottom:8px}.modal p[data-v-5e82c101]{font-size:.875rem;color:var(--sub);margin-bottom:32px;line-height:1.6}.btn-facebook[data-v-5e82c101]{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;font-size:.95rem;font-weight:600;background:#1877f2;color:#fff;border:none;cursor:pointer;padding:14px 24px;border-radius:11px;transition:all .2s;box-shadow:0 4px 16px rgba(24,119,242,.3)}.btn-facebook[data-v-5e82c101]:hover{background:#1468d5;transform:translateY(-1px);box-shadow:0 8px 24px rgba(24,119,242,.35)}.btn-facebook.loading[data-v-5e82c101]{opacity:.7;pointer-events:none}.btn-facebook svg[data-v-5e82c101]{width:20px;height:20px;flex-shrink:0}.modal-divider[data-v-5e82c101]{display:flex;align-items:center;gap:12px;margin:20px 0}.modal-divider[data-v-5e82c101]:after,.modal-divider[data-v-5e82c101]:before{content:"";flex:1;height:1px;background:var(--border)}.modal-divider span[data-v-5e82c101]{font-size:.72rem;color:var(--muted);white-space:nowrap}.modal-benefits[data-v-5e82c101]{display:flex;flex-direction:column;gap:8px;text-align:left}.benefit-row[data-v-5e82c101]{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--sub)}.benefit-check[data-v-5e82c101]{width:20px;height:20px;border-radius:5px;background:#eff0fe;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.7rem;color:var(--indigo)}.modal-note[data-v-5e82c101]{font-size:.75rem;color:var(--muted);margin-top:20px;line-height:1.6}.modal-note a[data-v-5e82c101]{color:var(--indigo);text-decoration:none}.modal-fade-enter-active[data-v-5e82c101],.modal-fade-leave-active[data-v-5e82c101]{transition:opacity .25s ease}.modal-fade-enter-active .modal[data-v-5e82c101],.modal-fade-leave-active .modal[data-v-5e82c101]{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.modal-fade-enter-from[data-v-5e82c101],.modal-fade-leave-to[data-v-5e82c101]{opacity:0}.modal-fade-enter-from .modal[data-v-5e82c101]{transform:translateY(20px) scale(.97)}.modal-fade-leave-to .modal[data-v-5e82c101]{transform:translateY(10px) scale(.97)}@keyframes fadeUp-5e82c101{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee-5e82c101{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:1024px){nav[data-v-5e82c101]{padding:0 24px}.features-section[data-v-5e82c101],.showcase-section[data-v-5e82c101]{padding-left:24px;padding-right:24px}.cta-section[data-v-5e82c101]{margin:0 24px 80px}.grid-12[data-v-5e82c101]{grid-template-columns:repeat(2,1fr)}.sc-item[data-v-5e82c101]{grid-template-columns:1fr;gap:36px}.sc-item.rev[data-v-5e82c101]{direction:ltr}footer[data-v-5e82c101]{padding:24px}}@media (max-width:600px){.grid-12[data-v-5e82c101]{grid-template-columns:1fr}}@media (max-width:768px){.notmobile{display:none!important}.mobile{display:flex!important}}*{box-sizing:border-box}body{background:transparent!important;min-height:100vh;font-weight:400;font-family:Kanit,serif}.App,.vertical-center,.vue-tempalte,body,html{width:100%;height:100%}.navbar-light{background-color:#fff;box-shadow:0 14px 80px rgba(34,35,58,.2)}.vertical-center{display:flex;text-align:left;justify-content:center;flex-direction:row}.inner-block{margin:auto auto auto auto;border-radius:0}.inner-block,.inner-login{background:#fff;transition:all .3s}.inner-login{min-width:400px;margin:auto;box-shadow:0 14px 80px rgba(34,35,58,.2);padding:40px 55px 45px 55px;border-radius:15px}.vertical-center .form-control:focus{border-color:#5d6eac;box-shadow:none}.vertical-center h3{text-align:center;margin:0;line-height:1;padding-bottom:20px}label{font-weight:500}.forgot-password,.forgot-password a{text-align:right;font-size:13px;padding-top:10px;color:#7a7a7a;margin:0}.forgot-password a{color:#2554ff}.social-icons{text-align:center;font-family:Open Sans;font-weight:300;font-size:1.5em;color:#222}.social-icons ul{list-style:none;margin:0;padding:0}.social-icons ul li{display:inline-block;zoom:1;width:65px;vertical-align:middle;border:1px solid #e3e8f9;font-size:15px;height:40px;line-height:40px;margin-right:5px;background:#f4f6ff}.social-icons ul li a{display:block;font-size:1.4em;margin:0 5px;text-decoration:none}.social-icons ul li a i{transition:all .2s ease-in}.social-icons ul li a:active i,.social-icons ul li a:focus i{transition:none;color:#222}.editor-area{font-family:sans-serif;line-height:1.6}h1{font-size:20px!important}:root{--white:#fff;--black:#000;--black-contrast:#232323;--blue:#04f;--blue-contrast:#006aff;--red:#ff1d1d;--red-contrast:#d10000;--gray-1:#e0e0e0;--gray-2:#bdbdbd;--gray-3:#ebebeb;--gray-4:#8a8a8a;--gray-5:#565656;--purple:#7e57c2;--purple-contrast:#4338ca;--shadow:0 2px 6px rgba(0,0,0,.025)}.text-primary{color:var(--black)!important}.ai-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.6rem;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--purple),var(--purple-contrast));border:none;border-radius:14px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease-in-out;box-shadow:0 0 0 rgba(37,117,252,0),0 0 0 rgba(106,17,203,0);overflow:hidden}.ai-btn:hover{transform:translateY(-2px);box-shadow:0 0 15px rgba(106,17,203,.4),0 0 30px rgba(37,117,252,.3);color:#fff}.ai-btn:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.219),transparent);transform:skewX(-20deg);animation:aiShine 3.5s ease-in-out infinite}.ai-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(106,17,203,.25),rgba(37,117,252,0) 70%);opacity:0;transition:opacity .5s ease}.ai-btn:hover:after{opacity:1;animation:aiPulse 2.5s ease-in-out infinite}.ai-btn:hover .ai-icon{transform:rotate(12deg) scale(1.1);transition:transform .3s ease;color:#fff}.ai-btn-2{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.6rem;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--purple),var(--purple-contrast));border:none;border-radius:14px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease-in-out;box-shadow:0 0 0 rgba(37,117,252,0),0 0 0 rgba(106,17,203,0);overflow:hidden}.ai-btn-2:hover{transform:translateY(-2px);box-shadow:0 0 15px rgba(106,17,203,.4),0 0 30px rgba(37,117,252,.3);color:#fff}.ai-btn-2:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.219),transparent);transform:skewX(-20deg);animation:aiShine 3.5s ease-in-out infinite}@keyframes aiShine{0%{left:-100%}60%{left:120%}to{left:120%}}.ai-btn-2:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(106,17,203,.25),rgba(37,117,252,0) 70%);opacity:0;transition:opacity .5s ease}.ai-btn-2:hover:after{opacity:1;animation:aiPulse 2.5s ease-in-out infinite}@keyframes aiPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.9}}.ai-btn-2:hover .ai-icon{transform:rotate(12deg) scale(1.1);transition:transform .3s ease;color:#fff}.btn-outline-primary{border:1px var(--black) solid!important;color:var(--black)!important}.btn-outline-primary:hover{border:1px var(--black) solid!important;background-color:var(--black-contrast)!important;color:var(--white)!important}.btn-create{background:linear-gradient(135deg,var(--purple),var(--purple-contrast));color:#fff!important;font-weight:500;text-decoration:none;transition:background-color .3s ease;display:flex;justify-content:center;align-items:center;align-content:center}.text-create{color:var(--black)!important}.btn-create:hover{background-color:var(--black) --black-contrast}.form-check-input:checked{background-color:var(--black)!important;border-color:var(--black)!important}.btn{font-size:12px!important}.btn-sm{font-size:10px!important}.box{padding-top:50px}.control-group{display:flex;justify-content:center;align-items:center;gap:8px}.color-picker{width:32px;height:32px;border-radius:50%;border:none;padding:0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1);border:2px solid #ccc;transition:border-color .3s ease}.color-picker:hover{border-color:var(--purple)}.color-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn:disabled{border:1px solid #4a4a4a}.bubble-menu{background-color:var(--white);border:1px solid var(--gray-1);border-radius:.7rem;box-shadow:var(--shadow);display:flex;padding:.2rem}.bubble-menu button{background-color:unset;border:0 solid var(--gray-1);border-radius:.4rem}.bubble-menu button:hover{background-color:var(--gray-3)}.bubble-menu button.is-active{background-color:var(--purple);color:var(--white)}.bubble-menu button.is-active:hover{background-color:var(--black-contrast)}.button-group{position:fixed;top:0;left:0;right:0;background-color:var(--white);box-shadow:var(--shadow);padding:.5rem 1rem;display:flex;z-index:1}.button-group button{background-color:unset;border:0 solid var(--gray-1);border-radius:.4rem}.button-group button:hover{background-color:var(--gray-3)}.button-group button.is-active{background-color:var(--black);color:var(--white)}.button-group button.is-active:hover{background-color:var(--black-contrast)}.col-group{display:flex;flex-direction:row}@media(max-width:540px){.col-group{flex-direction:column-reverse}}.main{padding:65px 3rem}@media(max-width:768px){.main{padding:132px .5rem!important}}.sidebar{border-left:1px solid var(--gray-3);flex-grow:0;flex-shrink:0;padding:1rem;width:15rem;position:sticky;top:50px;padding:12px;height:calc(100vh - 50px)}@media(min-width:800px){.sidebar{width:20rem}}@media(max-width:540px){.sidebar{border-bottom:1px solid var(--gray-3);border-left:unset;width:100%;height:auto;position:unset;padding:1.5rem;top:unset}}.sidebar-options{align-items:flex-start;gap:1rem;position:sticky;top:1rem}.sidebar-options,.table-of-contents{display:flex;flex-direction:column;height:100%}.table-of-contents{font-size:.875rem;gap:.25rem;overflow:auto;text-decoration:none}.table-of-contents>div{border-radius:.25rem;padding-left:calc(.875rem*(var(--level) - 1));transition:all .2s cubic-bezier(.65,.05,.36,1)}.table-of-contents .empty-state{color:var(--gray-5);-webkit-user-select:none;-moz-user-select:none;user-select:none}.table-of-contents .is-active a{color:var(--black);background-color:var(--black)}.table-of-contents .is-scrolled-over a{color:var(--gray-5)}.table-of-contents .active{color:var(--black)!important;border-radius:12px}.table-of-contents a:hover{color:var(--black)!important;transition:.5s ease-in-out}.table-of-contents a{color:var(--black);display:flex;gap:.25rem;text-decoration:none}.table-of-contents a:before{content:attr(data-item-index) "."}.font-selectors{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.select-label{display:flex;flex-direction:column;font-size:14px;color:var(--gray-5)}.styled-select{padding:.1rem .75rem;border:1px solid var(--gray-2);border-radius:8px;background-color:var(--white);color:var(--black);font-size:14px;box-shadow:var(--shadow);-webkit-appearance:none;-moz-appearance:none;appearance:none}.styled-select:focus,.styled-select:hover{border-color:var(--black)}.styled-select:focus{outline:none;box-shadow:0 0 0 2px rgba(0,0,0,.2)}.ai-generating{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:var(--purple)}.blinking-text{font-weight:600;margin-bottom:1rem;animation:pulse-blink 1.5s ease-in-out infinite}@keyframes pulse-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.success{justify-content:center;background:var(--purple);border-radius:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:bounce 1.2s ease forwards}.success,.success-text{display:flex;align-items:center}.success-text{font-size:12px;color:var(--white);gap:.1rem}.structure-card{border:1px solid #dee2e6;padding:.75rem;border-radius:.75rem;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:box-shadow .2s ease}.card-scroll{height:100vh;overflow-y:auto}.form-card{box-shadow:0 1px 2px rgba(0,0,0,.05);border-radius:.75rem;background-color:#fff}.structure-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.structure-header{font-size:14px;font-weight:500;margin-bottom:.15rem}.structure-actions{display:flex;justify-content:space-between;align-items:center}.btn-group{display:flex;gap:.5rem}.btn-generate{background-color:#f8f9fa;color:#333;border:1px solid #ced4da;border-radius:.5rem;padding:.3rem .6rem;font-size:14px;display:flex;align-items:center;transition:all .2s ease}.btn-generate:hover:not(:disabled){background-color:#e2e6ea}.form-check-input{cursor:pointer}.topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;background-color:var(--white);box-shadow:var(--shadow);padding:.5rem 1rem!important;display:flex!important;z-index:2}.user-initial{background-color:var(--black);color:#fff;width:24px;height:24px;font-weight:500;font-size:.9rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.show-dropdown{display:block;position:absolute;right:0;top:calc(100% + .3rem);min-width:160px;box-shadow:0 4px 12px rgba(0,0,0,.05);border-radius:.5rem;padding:.5rem 0}.dropdown-menu li a{padding:.4rem 1rem;transition:.2s}.dropdown-menu li a:hover{background-color:#f1f1f1}.btn-sm i{font-size:.9rem}div[data-spacebetween=true] table,div[data-spacebetween=true] td,div[data-spacebetween=true] th{border:1px dashed var(--gray-1)!important;padding:0 5.4pt 0 5.4pt!important}.image-settings{display:flex;flex-direction:column;gap:1rem;margin-top:10px}.size-controls{display:flex;gap:1rem;align-items:center}.size-controls label{display:flex;align-items:center;gap:4px}.size-controls input{width:70px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.sidebar{width:16rem;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.sidebar h2{font-size:1.4rem;font-weight:700;color:#111827;letter-spacing:-.5px}.menu-btn{width:100%;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:#4b5563;border-radius:.75rem;transition:all .2s ease}.menu-btn:hover{background:#f3f4f6;color:#111827}.menu-btn.active{box-shadow:0 4px 12px rgba(59,130,246,.25)}.btn-submit,.menu-btn.active{background:linear-gradient(135deg,var(--black),var(--black-contrast));color:#fff;font-weight:600}.btn-submit{position:relative;padding:7px 17px;border:none;cursor:pointer;transition:all .3s;display:block}.btn-submit:hover{transform:translateY(-2px);color:#fff}.btn-submit i{margin-right:8px;font-size:18px}.edit-btn{color:#000;padding:.4rem 1rem;border-radius:.4rem;font-size:.95rem;font-weight:500;transition:all .3s ease;padding-top:.5rem!important;padding-bottom:.5rem!important;align-items:center!important;display:flex!important;gap:.25rem!important;text-align:center}.edit-btn,.edit-btn:hover{background:linear-gradient(135deg,#ebebeb,#ebebeb)}.edit-btn:hover{transform:translateY(-1px);color:#232323}.del-btn{padding:.4rem 1rem;border-radius:.4rem;font-size:.95rem;font-weight:500;transition:all .3s ease}.del-btn,.del-btn:hover{background:linear-gradient(135deg,var(--red),var(--red-contrast));color:#fff}.del-btn:disabled,.del-btn:hover{transform:translateY(-1px)}.del-btn:disabled{background:linear-gradient(135deg,#cecece,#cecece);color:#000}.material-symbols-outlined{font-size:16px}.label{font-weight:600;color:#111827}ul{list-style-type:none;margin:0;padding:0}.swal2-confirm{background-color:var(--black)!important}.swal2-confirm:hover{background-color:var(--black-contrast)!important}.swal-cancel-button{background-color:var(--red)!important}.swal-cancel-button:hover{background-color:var(--red-contrast)!important}.page-card{background:#fff;border-radius:1.2rem;padding:1.2rem;box-shadow:0 6px 20px rgba(0,0,0,.08);margin-bottom:12px}.page-card h2{font-size:1.5rem;font-weight:700;color:#111827}.page-card p{font-size:.95rem;line-height:1.6;color:#374151}.close-modal-btn{background:red;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.text-dark{font-size:14px!important}.custom-switch{position:relative;display:inline-block;width:50px;height:26px}.custom-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:50px}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{content:"";height:20px;width:20px;left:3px;top:3px;background-color:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.3)}.custom-switch input:checked+.slider{background-color:#4caf50}.custom-switch input:checked+.slider:before{transform:translateX(24px)}.link-back{width:100%;margin:20px 0}.link-back,.link-back a{font-size:12px;color:var(--gray-5)!important}.link-back a{cursor:pointer}.link-back a.active,.link-back a:hover{color:var(--black)!important}.link-back a.active{text-decoration:none}.modal-post-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:99999}.modal-post{background:#fff;border-radius:14px;padding:24px 28px;width:480px;max-width:90%;box-shadow:0 8px 24px rgba(0,0,0,.25);animation:fadeIn .25s ease}.modal-post h3{margin-bottom:20px;font-size:20px;font-weight:700;color:#333;text-align:center}.modal-header{background:var(--black);color:#fff;padding:12px}.close-btn{background:transparent;border:none;font-size:18px;cursor:pointer;color:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.product-card{background:#fafafa;border:1px solid #eee;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.product-image{width:100%;height:150px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.product-info{flex:1}.product-title{font-size:16px;font-weight:600;margin:0 0 4px}.product-desc{font-size:13px;color:#555;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;min-height:2.8em}.product-price{font-size:15px;font-weight:700;color:#16a34a}.swal2-container{z-index:9999999999999!important}.product-link{display:inline-block;margin:4px 0;font-size:13px;color:#2563eb;text-decoration:none;font-weight:500}.product-link:hover{text-decoration:underline}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px}.preset-buttons button{background:#f3f4f6;border:none;padding:8px 12px;border-radius:8px;font-size:.85rem;font-weight:600;color:#374151;cursor:pointer;transition:background .2s,transform .15s}.preset-buttons button:hover{background:#e5e7eb;transform:translateY(-1px)}.preset-buttons button:active{transform:translateY(0)}.hint-text{display:block;font-size:12px;color:#6b7280}.feature-cost{background-color:var(--purple);color:#fff;text-align:center;border-radius:4px;padding-left:4px;padding-right:4px;font-size:10px}.broadcast-screen{padding:40px;max-width:1200px;margin:auto;padding-top:72px}.ai-header{display:flex;gap:14px;align-items:center;margin-bottom:24px}.icon-badge{width:44px;height:44px;background:linear-gradient(135deg,#6366f1,#2563eb);color:#fff}.ai-header h1{font-size:26px;font-weight:600}.ai-header p{font-size:14px;color:#6b7280}.warning-card{background:#fff7ed;color:#9a3412;padding:14px 16px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center}.editor-layout{display:flex;gap:20px;align-items:flex-start}.editor-card{flex:1!important}.editor-card,.setting-main{border-radius:22px;padding:28px;box-shadow:0 10px 30px rgba(15,23,42,.08),inset 0 1px 0 hsla(0,0%,100%,.6)}.setting-main{position:sticky;top:72px;flex:1;background:#fff}h5{font-size:16px;font-weight:600;margin-bottom:16px}.form-group{margin-bottom:18px}label{margin-bottom:6px}input,textarea{padding:10px 12px;border-radius:10px;border:1px solid #e5e7eb}textarea{min-height:120px}.button-row{display:flex;gap:8px;margin-bottom:8px}.remove{background:#fee2e2;border:none;border-radius:8px;padding:0 10px;cursor:pointer}.summary-box{background:#f8fafc;padding:14px;border-radius:12px;margin-bottom:20px;font-size:14px;border:1px solid #e5e7eb}.submit-btn{width:100%;background:linear-gradient(135deg,#6366f1,#2563eb);color:#fff;padding:14px;border-radius:14px;border:none;font-size:16px;font-weight:600;cursor:pointer}.submit-btn:hover{opacity:.9}.ad-account-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:14px;margin-top:10px;font-size:14px}.ad-row{display:flex;justify-content:space-between;margin-bottom:6px}.label{color:#6b7280}.value{color:#111827}.status,.value{font-weight:600}.status{display:flex;align-items:center;gap:6px;margin-top:8px}.dot{width:8px;height:8px;border-radius:50%;background:#9ca3af}.dot.active{background:#22c55e}.dot.restricted{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.text-warning{color:#d97706}.text-success{color:#16a34a}.text-danger{color:#dc2626}.restriction-alert{display:flex;gap:12px;padding:16px;border-radius:12px;margin:20px 0;font-size:13px;line-height:1.4}.restriction-alert.error-red{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.restriction-alert strong{display:block;font-size:14px;margin-bottom:4px}.restriction-alert a{color:#2563eb;text-decoration:underline;font-weight:600}.section-title{font-size:14px;font-weight:700;color:#334155;margin:28px 0 12px;gap:8px}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#e5e7eb,transparent)}input,select,textarea{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:4px 10px;font-size:14px;transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px rgba(99,102,241,.15)}.interest-box{background:#f8fafc;border:1px dashed #c7d2fe;border-radius:16px;padding:14px}.interest-box input{border:none;background:transparent;padding:6px 4px;width:100%;font-size:14px}.interest-box input:focus{outline:none}.interest-tags{gap:8px;margin-top:10px}.interest-tag{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#3730a3;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:600}.interest-tag button{background:rgba(55,48,163,.15);border:none;border-radius:999px;width:18px;height:18px;font-size:12px;cursor:pointer}.checkbox-grid{display:grid;gap:12px}.checkbox-card{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;background:#f8fafc;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.checkbox-card input{display:none}.checkbox-card strong{font-size:14px}.checkbox-card p{font-size:12px;color:#64748b;margin:2px 0 0}.checkbox-card:has(input:checked){background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#6366f1;box-shadow:0 10px 24px rgba(99,102,241,.25)}.checkbox-card:has(input:checked) strong{color:#3730a3}.adsetting-grid{display:flex;flex-wrap:wrap;gap:8px}.adsetting-card{border:1px solid #ccc;padding:8px;width:200px;cursor:pointer;border-radius:6px}.adsetting-card.selected{border-color:#007bff;background-color:#e6f0ff}.adsetting-grid.clean{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.adsetting-tile{border-radius:14px;border:1px solid #e5e7eb;padding:10px;cursor:pointer;background:#fff;transition:all .2s ease}.adsetting-tile:hover{box-shadow:0 10px 24px rgba(0,0,0,.08)}.adsetting-tile.selected{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.25)}.adsetting-image{width:100%;height:110px;border-radius:12px;overflow:hidden;background:#f1f5f9}.adsetting-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.adsetting-text{font-size:13px;line-height:1.4;margin:8px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.interest-dropdown{position:absolute;z-index:50;width:100%;max-height:280px;margin-top:6px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.08)}.interest-option{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;transition:background .15s ease}.interest-option:not(:last-child){border-bottom:1px solid #f1f5f9}.interest-option:hover{background:#f0f7ff}.interest-name{font-size:14px;font-weight:500;color:#111827}.interest-meta{font-size:12px;color:#6b7280;white-space:nowrap}.interest-dropdown::-webkit-scrollbar{width:6px}.interest-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.interest-dropdown::-webkit-scrollbar-track{background:transparent}.bottom-nav-bar{margin-top:48px;display:flex;justify-content:space-between;border-top:1px solid #f3f4f6;padding-top:24px;bottom:0;background-color:#fff}.btn-nav-next{background:#111827;color:#fff;border:none;padding:10px 14px;border-radius:10px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;cursor:pointer}.btn-nav-next:disabled{background:#d1d5db}.step-adset-container{max-width:1200px;margin:0 auto}.step-header-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.title-with-badge{display:flex;align-items:center;gap:12px}.title-with-badge h3{margin:0;font-size:1.5rem;color:#1a1a1a;font-weight:700}.count-badge{background:#eef2ff;color:#4f46e5;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.subtitle{color:#6b7280;margin:4px 0 0 0}.adset-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.premium-adset-card{background:#fff;border-radius:16px;border:1px solid #f3f4f6;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.03);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.premium-adset-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.08)}.card-header-status{display:flex;align-items:center;gap:8px;margin-bottom:20px}.dot-active{width:8px;height:8px;background:#10b981;border-radius:50%}.adset-number{font-weight:600;font-size:.9rem;color:#374151}.summary-item{margin-bottom:16px}.summary-item .icon{color:#9ca3af;font-size:1.4rem}.text-group label{display:block;font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.025em}.text-group strong{color:#111827;font-size:1rem}.card-footer-actions{display:flex;border-top:1px solid #f3f4f6;margin-top:auto;padding-top:16px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:color .2s}.action-btn.edit{color:#4f46e5}.action-btn.delete{color:#ef4444}.action-btn:hover{opacity:.7}.divider{width:1px;background:#f3f4f6;margin:0 8px}.empty-state-container{border:2px dashed #e5e7eb;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;cursor:pointer;transition:all .2s}.empty-state-container:hover{background:#f9fafb;border-color:#4f46e5}.empty-icon-wrapper{width:64px;height:64px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.empty-icon-wrapper .material-symbols-outlined{font-size:32px;color:#9ca3af}.btn-add-new{background:#4f46e5;color:#fff;border:none;padding:12px 24px;border-radius:10px;display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(79,70,229,.3)}.setting-overlay-blur{position:fixed;inset:0;background:rgba(17,24,39,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-window{background:#fff;width:100%;max-width:900px;max-height:90vh;border-radius:20px;display:flex;flex-direction:column}.modal-top-nav{padding:20px 24px;border-bottom:1px solid #f3f4f6;justify-content:space-between}.modal-title,.modal-top-nav{display:flex;align-items:center}.modal-title{gap:10px;font-weight:700;font-size:1.1rem}.modal-inner-scroll{overflow-y:auto;padding:24px}.fade-up-enter-active,.fade-up-leave-active{transition:all .3s ease}.fade-up-enter-from,.fade-up-leave-to{opacity:0;transform:translateY(20px)}.premium-adset-card.selected{border:2px solid #4f46e5;box-shadow:0 0 0 4px rgba(79,70,229,.1)}.creative-section{margin-top:48px;padding:24px;background:#f9fafb;border-radius:20px;border:1px solid #e5e7eb}.creative-header{margin-bottom:20px}.creative-header h4{margin:0;font-size:1.2rem;font-weight:700;color:#111827}.empty-creative{border:2px dashed #d1d5db;border-radius:16px;padding:40px;text-align:center;font-size:1rem;color:#6b7280;background:#fff}.creative-card{border-radius:16px;padding:20px;box-shadow:0 4px 16px rgba(0,0,0,.04)}.creative-card strong{display:block;font-size:1.05rem;color:#111827;margin-bottom:8px}.creative-card p{color:#4b5563;margin-bottom:16px;line-height:1.6}.creative-card .action-btn{max-width:180px}@media(max-width:640px){.creative-section{padding:16px}.creative-header{flex-direction:column;align-items:flex-start;gap:12px}}.creative-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.04)}.creative-header{display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.creative-badge{font-size:12px;padding:4px 10px;border-radius:999px;font-weight:600}.creative-badge.NEW{background:#e0f2fe;color:#0369a1}.creative-badge.EXISTING{background:#ede9fe;color:#6b21a8}.creative-actions{display:flex;gap:6px}.icon-btn{background:none;border:none;cursor:pointer;font-size:14px}.icon-btn.danger{color:#dc2626}.creative-media img{width:100%;height:160px;-o-object-fit:cover;object-fit:cover}.media-placeholder,.video-placeholder{height:160px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px}.creative-content{padding:12px 14px}.creative-content .headline{margin:0 0 6px;font-size:16px;font-weight:600}.creative-content .text{margin:0;font-size:14px;color:#4b5563}.creative-footer{display:flex;justify-content:space-between;padding:10px 14px;font-size:12px;background:#fafafa;color:#6b7280}.ad-grid{display:flex;flex-wrap:wrap;gap:8px}.ad-card{border:1px solid #ccc;padding:8px;width:200px;cursor:pointer;border-radius:6px}.ad-card.selected{border-color:#007bff;background-color:#e6f0ff}.ad-tile{border-radius:14px;border:1px solid #e5e7eb;padding:10px}.ad-tile:hover{box-shadow:0 10px 24px rgba(0,0,0,.08)}.ad-tile.selected{box-shadow:0 0 0 3px rgba(99,102,241,.25)}.ad-image{width:100%;height:110px;border-radius:12px;overflow:hidden;background:#f1f5f9}.ad-image img{height:100%;-o-object-fit:cover;object-fit:cover}.ad-text{font-size:13px;line-height:1.4;margin:8px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ai-model-grid{gap:16px;margin-top:10px}.ai-model-card{padding:16px}.ai-model-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.08)}.ai-model-card.active{background:linear-gradient(180deg,#eef2ff,#fff)}.card-header{justify-content:space-between}.card-header h4{font-size:16px;color:#111827}.level-badge.intermediate{color:#155e75}.level-badge.expert{color:#9a3412}.level-badge.god{background:linear-gradient(90deg,#f59e0b,#ef4444);color:#fff}.card-desc{margin:10px 0 14px;line-height:1.4}.card-meta{display:flex;justify-content:space-between;font-size:12px}.ai-model-card.auto-ai.active{box-shadow:0 0 0 3px rgba(99,102,241,.35)}.editor-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(15,23,42,.08)}.form-group{margin-bottom:24px}label{font-weight:600;font-size:14px;margin-bottom:10px;display:block;color:#0f172a}.hint{font-size:13px;color:#64748b;margin-bottom:8px}.ai-model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.ai-model-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:14px;padding:14px;cursor:pointer;transition:all .25s ease;position:relative}.ai-model-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.12)}.ai-model-card.active{border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.25)}.ai-model-card.auto-ai{background:linear-gradient(135deg,#eef2ff,#fdf4ff)}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.card-header h4{font-size:15px;font-weight:600;margin:0;color:#0f172a}.ai-badge{font-weight:700;background:linear-gradient(90deg,#6366f1,#a855f7);color:#fff}.ai-badge,.level-badge{font-size:11px;padding:4px 8px;border-radius:999px}.level-badge{font-weight:600;text-transform:uppercase}.level-badge.basic{background:#e0f2fe;color:#0369a1}.level-badge.intermediate{background:#ecfeff;color:#0f766e}.level-badge.advanced{background:#eef2ff;color:#4338ca}.level-badge.expert{background:#fff7ed;color:#c2410c}.level-badge.god{background:#fdf4ff;color:#86198f}.card-desc{font-size:13px;line-height:1.5;color:#475569;margin:6px 0 10px}.card-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.card-meta div{background:#f8fafc;border-radius:8px;padding:6px;text-align:center}.card-meta .label{display:block;font-size:11px;color:#64748b}.card-meta strong{font-size:14px;font-weight:600;color:#0f172a}.selected-block{background:#f8fafc;border:1px dashed #c7d2fe;border-radius:12px;padding:14px}.selected-block h4{font-size:14px;margin-bottom:10px;color:#1e293b}.selected-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px;margin-bottom:10px}.selected-item .title{font-size:13px;font-weight:500;margin-bottom:6px}textarea{resize:vertical;min-height:70px}.input-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;margin-bottom:12px}.add-btn{background:linear-gradient(90deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;justify-items:center;align-items:center}.add-btn:hover{opacity:.9;transform:translateY(-1px)}.remove-btn{background:transparent;border:none;color:#ef4444;font-size:12px;cursor:pointer;margin-top:4px}.ad-grid.clean{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.ad-tile{border:2px solid transparent;border-radius:12px;padding:8px;background:#fff;cursor:pointer;transition:all .2s ease}.ad-tile:hover{box-shadow:0 6px 18px rgba(15,23,42,.12)}.ad-tile.selected{border-color:#6366f1;background:#eef2ff}.ad-image img{width:100%;border-radius:8px}.ad-text{font-size:12px;margin:6px 0;color:#334155}.preview-panel{background:#f0f2f5;align-items:center;justify-content:center;padding:30px}.preview-container{max-width:450px}.header-title{display:flex;align-items:center;gap:12px}.ai-icon{font-size:24px;background:linear-gradient(45deg,#f0f,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title{font-weight:700;font-size:18px}.subtitle{font-size:12px;opacity:.7}.boost-body{display:flex;flex:1;overflow:hidden}.input-panel{flex:1;background:#fff;display:flex;flex-direction:column;border-right:1px solid #eef0f2}.scroll-content{flex:1;overflow-y:auto;padding:24px}.form-section{margin-bottom:30px}.section-label{font-size:15px;font-weight:700;margin-bottom:15px;color:#1a1a1a;display:flex;align-items:center;gap:8px}.custom-input,.custom-textarea{width:100%;padding:12px 16px;border:1.5px solid #edf2f7;border-radius:10px;font-size:14px;transition:all .3s;background:#fcfdfe}.custom-input:focus,.custom-textarea:focus{border-color:#6366f1;outline:none;background:#fff}.custom-textarea{height:80px;resize:none}.strategy-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.strategy-card{border:1.5px solid #edf2f7;padding:12px;border-radius:12px;cursor:pointer;display:flex;gap:12px;transition:all .2s}.strategy-card:hover{border-color:#cbd5e0}.strategy-card.active{border-color:#6366f1;background:#f5f3ff}.st-icon{font-size:20px}.st-name{display:block;font-weight:600;font-size:13px;color:#1a1a1a}.st-desc{font-size:11px;color:#718096;line-height:1.3}.budget-setting{background:#f8fafc;padding:16px;border-radius:12px}.input-wrapper{display:flex;align-items:center;gap:10px;margin-top:8px}.input-wrapper input{border:1.5px solid #edf2f7;border-radius:8px;padding:8px;font-weight:700}.action-bar{padding:20px 24px;border-top:1px solid #eef0f2}.ai-generate-btn{width:100%;padding:16px;background:#1a1a1a;color:#fff;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s;position:relative}.ai-generate-btn:hover{background:#333;transform:translateY(-2px)}.publish-btn{margin-top:20px;background:#007bff;box-shadow:0 10px 15px -3px rgba(0,123,255,.4)}.preview-panel{flex:1.2;background:#f1f3f6;display:flex;flex-direction:column;padding:0;overflow:hidden}.preview-container{width:100%}.preview-container,.preview-content-wrapper{height:100%;display:flex;flex-direction:column}.preview-scroll-area{flex:1;overflow-y:auto;padding:24px}.empty-state{text-align:center;margin-top:100px;color:#94a3b8}.empty-icon-wrapper{font-size:60px;margin-bottom:20px;background:#e2e8f0;width:100px;height:100px;line-height:100px;border-radius:50%;margin:0 auto 20px}.badge-label{font-size:11px;font-weight:800;color:#6366f1;background:#eef2ff;padding:4px 10px;border-radius:20px;display:inline-block;margin-bottom:12px;letter-spacing:.5px}.fb-mockup{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);border:1px solid #e2e8f0;margin-bottom:24px}.fb-header{padding:12px;gap:10px}.fb-avatar,.fb-header{display:flex;align-items:center}.fb-avatar{width:38px;height:38px;background:#6366f1;color:#fff;border-radius:50%;justify-content:center}.fb-name strong{font-size:14px;color:#1c1e21;display:block}.fb-name span{font-size:12px;color:#65676b}.ad-main-text{padding:0 12px 12px;font-size:14px;line-height:1.5;color:#1c1e21;white-space:pre-wrap}.ad-media-box img{width:100%;max-height:400px;-o-object-fit:cover;object-fit:cover;border-top:1px solid #f0f2f5;border-bottom:1px solid #f0f2f5}.ad-footer-info{padding:12px;background:#f0f2f5;display:flex;justify-content:space-between;align-items:center}.footer-text .headline{display:block;font-weight:700;font-size:14px;color:#1c1e21;margin-bottom:2px}.footer-text .description{font-size:12px;color:#65676b}.fb-cta-btn{background:#e4e6eb;border:none;padding:8px 14px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer}.ai-insight-box{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:16px;border-radius:12px;margin-bottom:24px}.insight-header{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;margin-bottom:8px}.ai-insight-box p{font-size:13px;line-height:1.5;margin:0;opacity:.9}.strategy-summary-card{background:#fff;padding:20px;border-radius:12px;border:1px solid #e2e8f0}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.summary-item{gap:12px}.summary-item,.summary-item i{display:flex;align-items:center}.summary-item i{width:32px;height:32px;background:#f8fafc;border-radius:8px;justify-content:center;color:#64748b;font-size:14px}.item-content label{display:block;font-size:11px;color:#94a3b8;text-transform:uppercase;font-weight:700}.item-content span{font-size:13px;font-weight:700;color:#1e293b}.interest-section label{font-size:12px;font-weight:700;color:#1e293b;margin-bottom:10px;display:block}.interest-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#f1f5f9;color:#475569;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600}.preview-footer-actions{padding:20px 24px;background:#fff;border-top:1px solid #e2e8f0}.publish-btn{width:100%;padding:16px;background:#1a1a1a;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px}.publish-btn:hover{background:#000;transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.creative-group{margin-top:12px;padding-top:8px;border-top:1px dashed #e5e7eb}.creative-group h5{margin:0 0 6px;font-size:13px;font-weight:600;color:#374151}.ai-pill{background:linear-gradient(135deg,var(--purple),var(--purple-contrast));color:#fff;font-size:11px;padding:4px 10px;border-radius:999px}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container{background:#fff;width:95%;max-width:680px;max-height:90vh;border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden;border:1px solid hsla(0,0%,100%,.1)}.modal-header{padding:24px 32px;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}@media(max-width:540px){.modal-container{width:100%;height:100%;border-radius:0;max-height:100%}}.header-content{align-items:center;gap:16px}.icon-badge{width:48px;height:48px;background:#eff6ff;color:#3b82f6;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.subtitle{margin:4px 0 0;font-size:.85rem;color:#64748b}.close-minimal{background:none;border:none;color:#94a3b8;font-size:1.2rem;cursor:pointer;transition:.2s}.close-minimal:hover{color:#1e293b}.modal-body{padding:32px;overflow-y:auto;background:#fcfcfd}.config-section{margin-bottom:24px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.step-number{font-size:.75rem;font-weight:700;background:var(--purple);color:#fff;padding:2px 8px;border-radius:20px}.section-title h3{margin:0;font-size:1rem;font-weight:600;color:#334155}.preset-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.chip-btn{padding:8px 16px;border-radius:100px;border:1px solid #e2e8f0;background:#fff;font-size:.9rem;color:#475569;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px}.chip-btn:hover{color:#ccc}.chip-btn.active,.chip-btn:hover{border-color:var(--purple);background:var(--purple)}.chip-btn.active{color:#fff;box-shadow:0 4px 12px var(--purple)}.brief-container{background:#fff;padding:16px;border-radius:12px;border:1px solid #e2e8f0}.input-label{display:block;font-size:.85rem;font-weight:500;color:#64748b;margin-bottom:8px}.modern-textarea{width:100%;border:1px solid #f1f5f9;border-radius:8px;padding:12px;font-size:.95rem;resize:none;transition:.3s;background:#f8fafc}.modern-textarea:focus{outline:none;background:#fff;border-color:var(--purple);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.hint-box{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:.8rem;color:var(--purple);background:#fcefff;padding:8px 12px;border-radius:6px}.brand-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.color-stack{display:flex;flex-direction:column;gap:10px;margin-top:10px}.color-item{display:flex;align-items:center;gap:12px;background:#fff;padding:6px 12px;border-radius:8px;border:1px solid #f1f5f9}.color-item input[type=color]{width:28px;height:28px;border:none;border-radius:50%;cursor:pointer}.color-item span{font-size:.85rem;color:#475569}.theme-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.theme-mini-card{padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;transition:.2s}.theme-mini-card.active{border-color:var(--purple);background:#feefff}.preview-dot{width:12px;height:12px;border-radius:50%}.modal-footer{padding:20px 32px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:12px;background:#fff}.btn-cancel{padding:10px 20px;border:none;background:none;color:#64748b;font-weight:500;cursor:pointer}.btn-save-main{color:#fff;border:none;padding:12px 28px;border-radius:10px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.3s}.btn-save-main,.btn-save-main:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.btn-save-main:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.section-divider{border:none;border-top:1px solid #f1f5f9;margin:24px 0}.preview-wrapper{display:flex;justify-content:center;margin-top:16px}.content-preview{width:260px;height:260px;border-radius:20px;padding:16px;position:relative;color:#fff;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 30px rgba(0,0,0,.15)}.preview-hero{font-size:1.1rem;font-weight:700;line-height:1.3}.preview-subtitle{font-size:.75rem;opacity:.9}.preview-product{flex:1;border-radius:14px;background:hsla(0,0%,100%,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-cta{border:none;border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:600;cursor:pointer}.theme-modern{background:linear-gradient(135deg,var(--primary),var(--secondary))}.theme-modern .preview-cta{background:#fff;color:var(--primary)}.theme-minimal{background:#fff;color:#1e293b;border:1px solid #e5e7eb}.theme-minimal .preview-product{background:#f1f5f9}.theme-minimal .preview-cta{background:transparent;border:1px solid var(--primary);color:var(--primary)}.theme-bold{background:var(--primary)}.theme-bold .preview-hero{font-size:1.3rem;font-weight:900}.theme-bold .preview-cta{background:var(--accent);color:#000}.theme-elegant{background:linear-gradient(180deg,#111827,#1f2937)}.theme-elegant .preview-cta{border:1px solid var(--accent);background:transparent;color:var(--accent)}.addons-overlay[data-v-28e51f22]{position:fixed;inset:0;background:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999}.addons-dialog[data-v-28e51f22]{background:#fff;border-radius:16px;padding:28px 24px;width:380px;box-shadow:0 12px 32px rgba(0,0,0,.12);animation:fadeIn-28e51f22 .25s ease-out;text-align:center}.title[data-v-28e51f22]{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:6px}.desc[data-v-28e51f22]{color:#666;font-size:14px;margin-bottom:22px}.options-list[data-v-28e51f22]{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.option-card[data-v-28e51f22]{border:1px solid #e4e6eb;border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s}.option-card[data-v-28e51f22]:hover{border-color:#3461ff}.option-info[data-v-28e51f22]{text-align:left}.amount[data-v-28e51f22]{font-size:15px;font-weight:500;color:#2d3748}.price[data-v-28e51f22]{font-size:14px;color:#5a5f68;margin-top:2px}.select-btn[data-v-28e51f22]{padding:6px 14px;border:none;background:#3461ff;color:#fff;font-size:14px;border-radius:8px;cursor:pointer;transition:background .2s}.select-btn[data-v-28e51f22]:hover{background:#274bdb}.close-btn[data-v-28e51f22]{background:transparent;border:none;color:#555;padding:6px;cursor:pointer;font-size:14px}@keyframes fadeIn-28e51f22{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}