:root{--bg:#f6f7fb;--bg-2:#edf2f8;--text:#14213d;--text-soft:#334155;--muted:#64748b;--border:#0f172a14;--border-strong:#0f172a24;--panel:#ffffffd6;--shadow-sm:0 8px 20px #0f172a0d;--shadow-md:0 18px 40px #0f172a14;--shadow-lg:0 28px 70px #0f172a1f;--brand:#7c3aed;--brand-2:#3b82f6;--brand-grad:linear-gradient(135deg, #3b82f6, #7c3aed 55%, #d946ef);--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:28px;--transition:.25s ease}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(900px 500px at 10% -10%, #3b82f614, transparent 60%), radial-gradient(700px 420px at 100% 0%, #d946ef0f, transparent 55%), linear-gradient(180deg, var(--bg), var(--bg-2));color:var(--text);font-family:Inter,system-ui,Arial,sans-serif}.chatbuilder-page{min-height:100vh}.chatbuilder-content{max-width:1260px;margin:0 auto;padding:100px 2rem 4rem}.chatbuilder-hero{text-align:center;border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#ffffffb8;margin-bottom:3rem;padding:2.5rem 2rem}.chatbuilder-hero h1{letter-spacing:-.03em;background:var(--brand-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .8rem;font-size:clamp(2.2rem,4vw,3.8rem);font-weight:900}.chatbuilder-hero p{max-width:760px;color:var(--text-soft);margin:0 auto;line-height:1.7}.chatbuilder-grid{grid-template-columns:1.05fr .95fr;gap:2rem;display:grid}.preview-panel{flex-direction:column;gap:1.5rem;display:flex}.previewModeSwitcher{background:#ffffffc2;border:1px solid #cbd5e18c;border-radius:18px;align-self:flex-end;align-items:center;gap:8px;padding:8px;display:inline-flex;box-shadow:inset 0 1px #ffffffeb,0 12px 24px #0f172a0f}.previewModeSwitcher button{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:8px;padding:.72rem .95rem;font-size:.88rem;font-weight:800;transition:background .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex}.previewModeSwitcher button svg{width:16px;height:16px}.previewModeSwitcher button:hover{color:#0f172a;transform:translateY(-1px)}.previewModeSwitcher button.active{color:#0f172a;background:#fffffff5;border-color:#94a3b82e;box-shadow:0 10px 22px #0f172a14,inset 0 1px #fffffff5}.chatbuilder-widget-switcher{border:1px solid var(--border);max-width:760px;box-shadow:var(--shadow-sm);text-align:left;background:#ffffffc7;border-radius:20px;gap:.75rem;margin:1.5rem auto 0;padding:1rem 1.15rem;display:grid}.chatbuilder-widget-switcher label{color:var(--text-soft);font-size:.92rem;font-weight:800}.chatbuilder-widget-switcher select{min-height:50px;color:var(--text);background:#fffffff2;border:1px solid #94a3b847;border-radius:14px;padding:.8rem .95rem;font-size:.95rem;font-weight:700}.chatbuilder-widget-switcher-hint{color:#64748b;font-size:.88rem;line-height:1.55}.glass{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:linear-gradient(#ffffffe6,#fffc)}.builder-panel,.price-panel{padding:1.5rem}.section-title{color:#475569;align-items:center;gap:.7rem;margin:0;font-size:1.4rem;font-weight:700;display:flex}.panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;margin-bottom:1.5rem;display:flex}.panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;width:50%;display:flex}.auto-save-indicator{justify-content:flex-end;align-items:center;min-width:110px;display:flex}.saving-status,.saved-status,.error-status{align-items:center;gap:.45rem;font-size:.9rem;font-weight:700;display:inline-flex}.saving-status{color:var(--muted)}.saved-status{color:#16a34a}.error-status{color:#dc2626}.save-btn{color:#0f172a;cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition), background var(--transition), color var(--transition);background:linear-gradient(#ffffffe0,#f8fafcd1);border:1px solid #3b82f629;border-radius:16px;justify-content:center;align-items:center;gap:.55rem;padding:.9rem 1.05rem;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffffeb,0 12px 28px #0f172a14}.save-btn:hover{border-color:#3b82f63d;transform:translateY(-1px);box-shadow:inset 0 1px #fffffff5,0 14px 32px #3b82f61f}.save-btn:disabled{opacity:.65;cursor:not-allowed}.save-btn--saving{color:#334155}.save-btn--success{color:#14532d;background:linear-gradient(#ecfdf5fa,#f0fdf4e6);border-color:#16a34a38;box-shadow:inset 0 1px #fffffff5,0 14px 32px #16a34a24}.save-btn-icon,.reset-btn-icon{flex:none;place-items:center;width:1rem;height:1rem;display:inline-grid}.save-btn-icon.is-saving{animation:1s linear infinite spin}.save-btn-icon.is-success{animation:.45s saveSuccessPop}.reset-btn{color:#4c1d95;cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition), background var(--transition), color var(--transition);background:linear-gradient(#ffffffe0,#f8fafcd1);border:1px solid #7c3aed29;border-radius:16px;justify-content:center;align-items:center;gap:.55rem;padding:.9rem 1.05rem;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffffeb,0 12px 28px #7c3aed1f}.reset-btn:hover{border-color:#7c3aed40;transform:translateY(-1px);box-shadow:inset 0 1px #fffffff5,0 14px 32px #7c3aed29}.reset-btn-icon--spin{animation:.65s cubic-bezier(.2,.8,.2,1) resetSpin}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes resetSpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.08)}to{transform:rotate(360deg)scale(1)}}@keyframes saveSuccessPop{0%{transform:scale(.85)}55%{transform:scale(1.15)}to{transform:scale(1)}}@media (max-width:1080px){.chatbuilder-grid{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:stretch}.panel-actions{justify-content:flex-start}.previewModeSwitcher{align-self:flex-start}}@media (max-width:768px){.chatbuilder-content{padding:90px 1rem 3rem}.chatbuilder-widget-switcher{margin-top:1rem;padding:.9rem}.previewModeSwitcher{justify-content:space-between;width:100%}}
.widget-preview-shell{width:100%;max-width:100%;padding:1.25rem;position:sticky;top:100px}.widget-preview-shell.preview-shell-mobile{flex-direction:column;align-items:center;gap:1rem;display:flex}.widget-preview-device-frame{background:radial-gradient(circle at 50% 0,#ffffffd9,#0000 36%),linear-gradient(#0f172af5,#0f172ae6);border-radius:40px;width:min(430px,100%);padding:18px;box-shadow:0 28px 60px #0f172a2e,inset 0 1px #ffffff14}@media (max-width:1080px){.widget-preview-shell{padding-top:0;position:relative;top:0}}@media (max-width:768px){.widget-preview-shell{padding:.75rem}.widget-preview-device-frame{border-radius:32px;width:100%;padding:14px}.widget-preview-device-shell{border-radius:24px}.widget-preview-device-shell:before{width:76px;height:20px}}.widget-preview-device-shell{background:#f8fafcfa;border:1px solid #94a3b83d;border-radius:30px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff47,0 12px 30px #0f172a14}.widget-preview-device-shell:before{content:"";z-index:3;pointer-events:none;background:#0f172af0;border-radius:999px;width:92px;height:24px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0f172a33}.widget-feedback-overlay{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafce6;border-radius:28px;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.widget-feedback-card{background:#fffffff5;border:1px solid #94a3b82e;border-radius:22px;flex-direction:column;gap:14px;width:min(100%,320px);padding:18px;display:flex;box-shadow:0 20px 40px #0f172a1f,inset 0 1px #fffc}.widget-feedback-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.widget-feedback-header h4{color:#0f172a;margin:0;font-size:1.05rem}.widget-feedback-header p{color:#64748b;margin:.35rem 0 0;line-height:1.45}.widget-feedback-close{color:#475569;background:#f1f5f9eb;border:none;border-radius:999px;place-items:center;width:34px;height:34px;display:grid}.widget-feedback-rating{gap:6px;display:inline-flex}.widget-feedback-star{color:#94a3b8;background:#ffffffdb;border:1px solid #94a3b880;border-radius:12px;place-items:center;width:38px;height:38px;transition:background .18s,border-color .18s,color .18s,transform .18s;display:grid}.widget-feedback-star svg{fill:currentColor;stroke:currentColor;width:18px;height:18px;display:block}.widget-feedback-star.is-active{color:#f59e0b;background:#fef3c7f5;border-color:#f59e0b6b}.widget-feedback-star:hover:not(:disabled){border-color:#f59e0b57;transform:translateY(-1px)}.widget-feedback-field{flex-direction:column;gap:.45rem;display:flex}.widget-feedback-field span{color:#475569;font-size:.9rem;font-weight:700}.widget-feedback-field textarea{color:#0f172a;resize:vertical;background:#fffffffa;border:1px solid #94a3b838;border-radius:16px;width:100%;min-height:120px;padding:.85rem .95rem}.widget-feedback-field textarea:focus{border-color:#6366f157;outline:none;box-shadow:0 0 0 4px #6366f114}.widget-feedback-actions{justify-content:flex-end;gap:10px;display:flex}.widget-feedback-secondary,.widget-feedback-primary{cursor:pointer;border:none;border-radius:999px;min-height:42px;padding:.75rem 1rem;font-weight:700}.widget-feedback-secondary{color:#475569;background:#f1f5f9f0}.widget-feedback-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#7c3aed)}.widget-feedback-primary:disabled,.widget-feedback-secondary:disabled{opacity:.65;cursor:not-allowed}.viewport-label{color:var(--muted);margin-bottom:1rem;font-size:.9rem;font-weight:700}.widget-preview-total{background:linear-gradient(#7c3aed0f,#3b82f60a);border:1px solid #7c3aed1f;border-radius:18px;margin-bottom:1rem;padding:1rem 1rem 1.15rem;box-shadow:0 12px 24px #0f172a0d}.widget-preview-total-label{color:var(--muted);margin:0 0 .55rem;font-size:.88rem;font-weight:700}.widget-preview-total-price{background:var(--brand-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.4rem;font-weight:900;line-height:1}.widget-preview-total-price span{margin-left:.18rem;font-size:.95rem}.widget-preview-total-meta{color:var(--text-soft);text-transform:capitalize;justify-content:space-between;gap:.75rem;margin-top:.8rem;font-size:.84rem;font-weight:700;display:flex}.widget-viewport{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(#ffffff73,#ffffff4d),radial-gradient(circle at 0 0,#3b82f614,#0000 30%),radial-gradient(circle at 100% 100%,#7c3aed14,#0000 30%);min-height:700px;padding:1.5rem;position:relative;overflow:hidden}.widget-viewport.preview-mobile{background:linear-gradient(#0f172a14,#ffffff3d),radial-gradient(circle at 0 0,#3b82f61a,#0000 30%),radial-gradient(circle at 100% 100%,#7c3aed14,#0000 30%);min-height:820px;padding:3rem 1rem 1.25rem}.widget-viewport.preview-mobile .floating-chat-preview{width:min(390px,100% - 2rem);left:50%;transform:translate(-50%)}.widget-viewport.preview-mobile .widgetcontainer{gap:12px}.widget-viewport-embedded{background:0 0;border:none;border-radius:0;min-height:660px;padding:0}.floating-chat-preview{width:min(390px,100% - 3rem);position:absolute}.widgetcontainer{flex-direction:column;gap:10px;display:flex;position:relative}.chat-widget{--widget-scale:1;--chat-body-height:350px;--chat-footer-height:88px;opacity:0;visibility:hidden;transform:translateY(10px) scale(var(--widget-scale));transform-origin:100% 100%;will-change:transform, opacity;pointer-events:none;background:#fff;border:1px solid #0f172a14;border-radius:24px;transition:opacity .3s,transform .3s,box-shadow .25s,border-radius .25s,background .25s;display:none;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a29}.chat-widget[hidden],.chat-widget:not(.open){visibility:hidden!important;opacity:0!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;z-index:-1!important;width:0!important;max-width:0!important;height:0!important;max-height:0!important;display:none!important;overflow:hidden!important}.chat-content{z-index:1;min-height:0;height:calc(var(--chat-body-height) + var(--chat-footer-height));max-height:calc(var(--chat-body-height) + var(--chat-footer-height));flex-direction:column;display:flex;position:relative;overflow:hidden}.chat-widget-locked .chat-body,.chat-widget-locked .chat-footer{pointer-events:none;-webkit-user-select:none;user-select:none}.chat-widget-locked .chat-header,.chat-widget-locked .chat-header-actions,.chat-widget-locked .close-btn{pointer-events:auto;z-index:3;position:relative}.chat-lock-overlay{pointer-events:none;z-index:2}.chat-widget.open{visibility:visible;opacity:1;width:auto;max-width:none;height:auto;max-height:none;transform:translateY(calc(-110px - var(--widget-keyboard-offset,0px))) scale(var(--widget-scale));pointer-events:auto;z-index:1;display:block}.chat-header{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1rem .95rem;display:flex}.chat-header-left{align-items:center;gap:.85rem;display:flex}.chat-header-actions{pointer-events:auto;align-items:center;gap:.5rem;display:flex}.avatar{width:42px;height:42px;color:inherit;background:#ffffff2e;border-radius:50%;flex:none;place-items:center;font-size:1.1rem;display:grid;overflow:hidden}.avatar--image{background:0 0;border-radius:0;overflow:visible}.avatar-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar--image .avatar-image{border-radius:0}.avatar-image--img{object-fit:cover}.avatar--image .avatar-image--img{object-fit:contain;border-radius:0}.avatar svg{width:20px;height:20px;display:block}.chat-header h3{margin:0;font-size:1rem}.chat-header p{opacity:.85;margin:.15rem 0 0;font-size:.78rem}.header-status-dot{background:#22c55e;border-radius:50%;width:9px;height:9px;margin-left:.35rem;display:none;box-shadow:0 0 0 2px #ffffff3d}.status-pill{background:#ffffff2e;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.status-pill svg{width:14px;height:14px;display:block}.chat-body{flex-direction:column;flex:0 0 var(--chat-body-height);height:var(--chat-body-height);max-height:var(--chat-body-height);min-height:var(--chat-body-height);margin-bottom:var(--chat-footer-height);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#64748b8c transparent;z-index:1;isolation:isolate;gap:.85rem;padding:1rem 1rem 1.25rem;display:flex;position:relative;overflow-y:auto}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-track{background:0 0}.chat-body::-webkit-scrollbar-thumb{background:#64748b80;border-radius:999px}.widget-faq-suggestions{left:1rem;right:1rem;bottom:calc(var(--chat-footer-height) + .45rem);z-index:7;pointer-events:auto;flex-wrap:wrap;gap:.5rem;padding:0;display:flex;position:absolute}.widget-faq-chip{color:#334155;cursor:pointer;background:#ffffffeb;border:1px solid #6366f138;border-radius:999px;padding:.55rem .85rem;font-size:.8rem;font-weight:700;line-height:1.2;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 8px 22px #0f172a14}.widget-faq-chip:hover:not(:disabled){border-color:#6366f159;transform:translateY(-1px);box-shadow:0 12px 28px #0f172a1f}.widget-faq-chip:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.message{flex-direction:column;gap:.28rem;max-width:82%;padding:.85rem 1rem;font-size:.92rem;line-height:1.55;animation:.3s fadeInUp;display:flex}.message-content{white-space:pre-wrap;word-break:break-word}.message-meta{flex-wrap:wrap;align-items:center;gap:.3rem;display:inline-flex}.message-bot{background:#eef2ff;align-self:flex-start}.message-user{background:linear-gradient(135deg,#3b82f6,#7c3aed);align-self:flex-end}.chat-footer{min-height:var(--chat-footer-height);background:var(--chat-bg,#fff);pointer-events:none;z-index:8;flex-direction:column;align-items:stretch;gap:.6rem;padding:1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.chat-footer:before{display:none}.chat-footer-row{align-items:flex-end;gap:.7rem;width:100%;display:flex}.chat-footer textarea,.chat-footer input{pointer-events:auto;border:none;border-radius:14px;outline:none;flex:auto;align-self:stretch;min-width:0;padding:.9rem 1rem;font-size:.92rem}.chat-footer textarea{resize:none;background:0 0;min-height:48px;max-height:none;line-height:1.45;transition:height .18s,min-height .18s,padding .18s;overflow:hidden}.chat-footer button{cursor:pointer;pointer-events:auto;border:none;border-radius:14px;flex:none;align-self:flex-end;place-items:center;width:52px;min-width:52px;height:52px;min-height:52px;padding:0;font-weight:800;display:grid}.chat-footer button svg{width:20px;height:20px;display:block}.widget-icon{width:calc(58px * var(--widget-scale));height:calc(58px * var(--widget-scale));color:#fff;font-size:calc(2rem * var(--widget-scale));cursor:pointer;pointer-events:auto;transform-origin:50%;touch-action:manipulation;background:linear-gradient(135deg,#3b82f6,#7c3aed);border:1px solid #0f172a1f;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;bottom:0;right:0;overflow:hidden}.widget-icon-inner{transform-origin:50%;border-radius:50%;place-items:center;width:100%;height:100%;transition:transform .2s;display:grid;position:relative}.widget-icon svg{width:calc(28px * var(--widget-scale));height:calc(28px * var(--widget-scale));display:block}.widget-icon:hover{transform:scale(1.08);box-shadow:0 8px 20px #3b82f64d}.widget-icon:hover .widget-icon-inner{transform:scale(1.03)}.widget-icon--orb{box-shadow:none;background:#000;border:none;overflow:visible}.widget-icon--orb:hover{box-shadow:none;transform:scale(1.03)}.widget-orb-avatar{pointer-events:none;z-index:1;background:0 0;border-radius:50%;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.widget-icon--orb .widget-orb-avatar-base{background:radial-gradient(circle at 50% 45%,#121216 0%,#08080afa 58%,#000 100%);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 1px #56a5ff52,inset 0 1px 2px #ffffff14,inset 0 -10px 18px #00000073,0 0 18px #3b82f62e}.widget-icon--orb .widget-orb-avatar-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.widget-icon--orb-mode-spin.widget-icon--orb .widget-orb-avatar{animation:11s linear infinite orbSpinShell}.widget-icon--orb-mode-pulse.widget-icon--orb .widget-orb-avatar{animation:2.2s ease-in-out infinite orbPulseShell}.widget-icon--orb-mode-color-shift.widget-icon--orb .widget-orb-avatar,.widget-icon--orb-hover.widget-icon--orb .widget-orb-avatar{animation:3.2s ease-in-out infinite orbColorShell}.widget-orb-overlay{z-index:2;color:#fffffff5;text-shadow:0 0 14px #ffffff52;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.widget-orb-overlay--glyph{letter-spacing:.02em;font-size:1rem;font-weight:800}.widget-orb-overlay--icon svg{width:1.05rem;height:1.05rem}.widget-icon--orb-idle .widget-orb-overlay{filter:drop-shadow(0 0 8px #fff3)}.widget-icon--orb-replying .widget-orb-overlay{animation:1.15s linear infinite orbOverlaySpin}.widget-icon--orb-replying.widget-icon--orb .widget-orb-avatar{transform:scale(.995)}.widget-icon--orb-mode-color-shift.widget-icon--orb .widget-orb-avatar,.widget-icon--orb-mode-spin.widget-icon--orb .widget-orb-avatar{transform:scale(1)}.widget-icon--orb-mode-pulse.widget-icon--orb .widget-orb-avatar{transform:scale(.995)}.widget-icon--orb-replying.widget-icon--orb{box-shadow:0 0 0 1px #ffffff1a,0 0 24px #7c3aed33,0 0 42px #3b82f61f}@keyframes orbOverlaySpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.04)}to{transform:rotate(360deg)scale(1)}}@keyframes orbPulse{0%,to{filter:saturate()brightness()}50%{filter:saturate(1.15)brightness(1.1)}}@keyframes orbColorShift{0%,to{filter:hue-rotate()saturate(1.02)brightness()}50%{filter:hue-rotate(30deg)saturate(1.2)brightness(1.12)}}@keyframes orbSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbSpinShell{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbPulseShell{0%,to{filter:saturate()brightness();transform:scale(1)}50%{filter:saturate(1.08)brightness(1.08);transform:scale(1.015)}}@keyframes orbColorShell{0%,to{filter:hue-rotate()saturate()}50%{filter:hue-rotate(18deg)saturate(1.16)}}.widget-icon--orb .status-dot{z-index:2}.close-btn{color:#fffffff5;cursor:pointer;width:24px;height:24px;transition:var(--transition);background:#ffffff24;border:1px solid #ffffff1a;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:800;line-height:1;display:inline-flex}.close-btn:hover{background:#fff3}.close-btn-floating{position:absolute;top:-6px;right:-6px}.status-dot{background:#10b981;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;bottom:2px;right:2px}.timestamp{color:#94a3b8;font-size:10px;line-height:1;display:inline-block}.read-receipt{color:#16a34a;font-size:10px;font-weight:700;line-height:1;display:inline-block}.widget-inline-error{color:#b91c1c;padding:0 1rem 1rem;font-size:.84rem}@media (max-width:520px){.chat-widget.open{transform:translateY(calc(-92px - var(--widget-keyboard-offset,0px))) scale(var(--widget-scale))}.chat-header{flex-wrap:nowrap;align-items:center;gap:.55rem;padding:.82rem .85rem .72rem}.chat-header-left{flex:auto;gap:.65rem;min-width:0}.chat-header h3{font-size:.9rem;line-height:1.1}.chat-header p{max-width:180px;font-size:.68rem;line-height:1.2}.avatar{width:34px;height:34px}.status-pill{display:none}.header-status-dot{flex:none;display:inline-block}.chat-header-actions{flex:none;justify-content:flex-end;gap:.35rem;width:auto}.close-btn{width:30px;height:30px;font-size:15px}.chat-footer{align-items:stretch;gap:.55rem;padding:.8rem}.chat-body{height:var(--chat-body-height);max-height:var(--chat-body-height);min-height:var(--chat-body-height);margin-bottom:var(--chat-footer-height);padding-bottom:1.2rem}.chat-footer textarea,.chat-footer input{min-height:52px;font-size:16px}.chat-footer textarea{overflow:hidden}.chat-footer-row{gap:.6rem}.widget-faq-suggestions{bottom:5.15rem;left:.8rem;right:.8rem}}.bubble-rounded{border-radius:22px}.bubble-soft{border-radius:18px;box-shadow:0 8px 20px #0f172a0f}.bubble-sharp{border-radius:8px}.header-minimal .chat-header{color:#14213d;background:#fff;border-bottom:1px solid #0f172a14}.header-gradient .chat-header{color:#fff;background:linear-gradient(135deg,#3b82f6,#7c3aed 55%,#d946ef)}.header-dark .chat-header{color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b)}.body-clean .chat-body{background:#f8fafc}.body-cards .chat-body{background:linear-gradient(#f8fafcf5,#f1f5f9f5)}.body-airy .chat-body{background:radial-gradient(circle at 0 0,#3b82f60d,#0000 35%),radial-gradient(circle at 100% 100%,#7c3aed0d,#0000 35%),#f9fbff;padding-top:1.35rem;padding-bottom:1.35rem}.footer-simple .chat-footer{background:#fff;border:none;border-top:1px solid #0f172a14;border-radius:0 0 24px 24px}.footer-simple .chat-footer textarea,.footer-simple .chat-footer input{background:#f1f5f9}.footer-simple .chat-footer button{color:#fff;background:#111827}.footer-glass .chat-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbd;border:none;border-top:1px solid #ffffff80;border-radius:0 0 24px 24px}.footer-glass .chat-footer textarea,.footer-glass .chat-footer input{background:#ffffffe0;border:1px solid #0f172a14}.footer-glass .chat-footer button{color:#fff;background:linear-gradient(135deg,#3b82f6,#7c3aed)}.footer-bordered .chat-footer{background:#fff;border:none;border-top:1px solid #0f172a14;border-radius:0 0 24px 24px}.footer-bordered .chat-footer textarea,.footer-bordered .chat-footer input{background:#fff;border:1px solid #0f172a1f}.footer-bordered .chat-footer button{color:#14213d;background:#fff;border:1px solid #0f172a1f}.border-none{border:none!important}.border-solid{border-left:2px solid var(--border-strong)!important;border-right:2px solid var(--border-strong)!important}.footer-border-solid .chat-footer{border-top:2px solid var(--border-strong)!important;border-bottom:none!important;border-left:none!important;border-right:none!important}.border-rounded{border:2px solid var(--border-strong)!important;border-radius:12px!important}.footer-border-rounded .chat-footer{border-top:2px solid var(--border-strong)!important;border-bottom:none!important;border-left:none!important;border-right:none!important;border-radius:0 0 12px 12px!important}.border-shadow{border:none!important;box-shadow:0 4px 12px #0000001a!important}.footer-border-shadow .chat-footer{border:none!important;box-shadow:0 -4px 12px #0000001a!important}.shadow-none{box-shadow:none!important}.shadow-light{box-shadow:0 4px 12px #00000014!important}.footer-shadow-light .chat-footer{box-shadow:0 -4px 12px #00000014!important}.shadow-medium{box-shadow:0 8px 24px #0000001f!important}.footer-shadow-medium .chat-footer{box-shadow:0 -8px 24px #0000001f!important}.shadow-heavy{box-shadow:0 16px 40px #00000029!important}.footer-shadow-heavy .chat-footer{box-shadow:0 -16px 40px #00000029!important}.animation-none{animation:none!important}.animation-bounce{animation:2s infinite bounce}.animation-fade{animation:.3s ease-in-out fadeIn}.animation-slide{animation:.3s ease-out slideIn}.size-small{--widget-scale:.88}.size-medium{--widget-scale:1}.size-large{--widget-scale:1.08}.messages-bubble .message{background:#f1f5f9!important;border-radius:18px!important;padding:8px 12px!important}.messages-flat .message{background:#f8fafc!important;border-radius:4px!important;padding:10px!important}.messages-card .message{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:12px!important}.input-flat textarea,.input-flat input{border:none!important;border-bottom:2px solid var(--border-strong)!important;border-radius:0!important}.input-rounded textarea,.input-rounded input{border:2px solid var(--border-strong)!important;border-radius:20px!important}.input-outlined textarea,.input-outlined input{border:2px solid var(--border-strong)!important;border-radius:8px!important}.position-bottom-right .floating-chat-preview{inset:auto 2rem 2rem auto}.position-bottom-left .floating-chat-preview{inset:auto auto 2rem 2rem}.position-bottom-left .widget-icon{left:0;right:auto}.position-bottom-left .chat-widget{left:3rem;right:auto}.position-bottom-right .chat-widget{left:auto;right:3rem}.theme-modern{--chat-primary:#3b82f6;--chat-secondary:#1e40af;--chat-bg:#fff;--chat-bot-bg:#eef2ff;--chat-text:#1f2937;--chat-border:#e5e7eb}.theme-chilling{--chat-primary:#10b981;--chat-secondary:#047857;--chat-bg:#f0fdf4;--chat-bot-bg:#c5ffe2;--chat-text:#064e3b;--chat-border:#bbf7d0}.theme-corporate{--chat-primary:#6b7280;--chat-secondary:#374151;--chat-bg:#f9fafb;--chat-bot-bg:#efefef;--chat-text:#111827;--chat-border:#d1d5db}.theme-luxury{--chat-primary:#7c3aed;--chat-secondary:#5b21b6;--chat-bg:#faf5ff;--chat-bot-bg:#d8e4fb;--chat-text:#4c1d95;--chat-border:#e9d5ff}.theme-pink-blast{--chat-primary:#f472b6;--chat-secondary:#be185d;--chat-bg:#fff1f7;--chat-bot-bg:#ffe0ef;--chat-text:#831843;--chat-border:#fbcfe8}.theme-red-velvet{--chat-primary:#b91c1c;--chat-secondary:#7f1d1d;--chat-bg:#fff5f5;--chat-bot-bg:#fee2e2;--chat-text:#7f1d1d;--chat-border:#fecaca}.theme-deep-blue{--chat-primary:#002fcf;--chat-secondary:#001a75;--chat-bg:#eef4ff;--chat-bot-bg:#dbe8ff;--chat-text:#071a56;--chat-border:#b8ccff}.theme-banana-bonanza{--chat-primary:#f59e0b;--chat-secondary:#c2410c;--chat-bg:#fff8dc;--chat-bot-bg:#fff0a8;--chat-text:#713f12;--chat-border:#fde68a}.theme-modern .chat-widget,.theme-chilling .chat-widget,.theme-corporate .chat-widget,.theme-luxury .chat-widget,.theme-pink-blast .chat-widget,.theme-red-velvet .chat-widget,.theme-deep-blue .chat-widget,.theme-banana-bonanza .chat-widget{background-color:var(--chat-bg);color:var(--chat-text);border-color:var(--chat-border)}.theme-modern .chat-header,.theme-chilling .chat-header,.theme-corporate .chat-header,.theme-luxury .chat-header,.theme-pink-blast .chat-header,.theme-red-velvet .chat-header,.theme-deep-blue .chat-header,.theme-banana-bonanza .chat-header{background-color:var(--chat-primary);color:#fff}.theme-modern .chat-footer textarea,.theme-modern .chat-footer input,.theme-chilling .chat-footer textarea,.theme-chilling .chat-footer input,.theme-corporate .chat-footer textarea,.theme-corporate .chat-footer input,.theme-luxury .chat-footer textarea,.theme-luxury .chat-footer input,.theme-pink-blast .chat-footer textarea,.theme-pink-blast .chat-footer input,.theme-red-velvet .chat-footer textarea,.theme-red-velvet .chat-footer input,.theme-deep-blue .chat-footer textarea,.theme-deep-blue .chat-footer input,.theme-banana-bonanza .chat-footer textarea,.theme-banana-bonanza .chat-footer input{border-color:var(--chat-border);background-color:var(--chat-bg);color:var(--chat-text)}.theme-modern .message.message-bot,.theme-chilling .message.message-bot,.theme-corporate .message.message-bot,.theme-luxury .message.message-bot,.theme-pink-blast .message.message-bot,.theme-red-velvet .message.message-bot,.theme-deep-blue .message.message-bot,.theme-banana-bonanza .message.message-bot{background-color:var(--chat-bot-bg);color:#292929}.theme-modern .message.message-user,.theme-chilling .message.message-user,.theme-corporate .message.message-user,.theme-luxury .message.message-user,.theme-pink-blast .message.message-user,.theme-red-velvet .message.message-user,.theme-deep-blue .message.message-user,.theme-banana-bonanza .message.message-user{background-color:var(--chat-secondary);color:#292929}.theme-modern .widget-icon,.theme-chilling .widget-icon,.theme-corporate .widget-icon,.theme-luxury .widget-icon,.theme-pink-blast .widget-icon,.theme-red-velvet .widget-icon,.theme-deep-blue .widget-icon,.theme-banana-bonanza .widget-icon{background-color:var(--chat-primary);color:#fff}.theme-modern .widget-icon--orb,.theme-chilling .widget-icon--orb,.theme-corporate .widget-icon--orb,.theme-luxury .widget-icon--orb,.theme-pink-blast .widget-icon--orb,.theme-red-velvet .widget-icon--orb,.theme-deep-blue .widget-icon--orb,.theme-banana-bonanza .widget-icon--orb{color:inherit;background:0 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.widget-preview-shell{position:static}.widget-viewport{min-height:560px}.widget-preview-total-price{font-size:2rem}.floating-chat-preview{width:auto;bottom:1rem!important;left:1rem!important;right:1rem!important}.chat-widget{border-radius:22px;width:min(100%,420px)}.chat-header{flex-flow:row;align-items:center;gap:.65rem;padding-bottom:.8rem}.chat-header-left{flex:auto;width:auto;min-width:0}.chat-header-actions{white-space:nowrap;flex:none;justify-content:flex-end;gap:.35rem;width:auto}.chat-footer{align-items:stretch;padding-top:.85rem}.chat-body{height:var(--chat-body-height);max-height:var(--chat-body-height);min-height:var(--chat-body-height);margin-bottom:var(--chat-footer-height);padding-bottom:1.2rem}.chat-footer textarea,.chat-footer input{min-height:52px;font-size:16px}.chat-footer button{width:52px;min-width:52px;min-height:52px;padding:0}.widget-faq-suggestions{scrollbar-width:none;flex-wrap:nowrap;bottom:5.35rem;left:1rem;right:1rem;overflow-x:auto}.widget-faq-suggestions::-webkit-scrollbar{display:none}.widget-faq-chip{flex:none}.close-btn{width:34px;height:34px;font-size:16px}}