@charset "UTF-8";.radio-block{display:inline-flex;gap:.125rem;padding:.25rem;background:var(--theme-secondary-bg-color);border-radius:.5rem}.radio-block--small .radio-block__option{padding:.25rem .75rem;font-size:.725rem}.radio-block--medium .radio-block__option{padding:.5rem 1.25rem;font-size:.9375rem}.radio-block--large .radio-block__option{padding:.75rem 1.5rem;font-size:1rem}.radio-block--fullwidth{display:flex;width:100%}.radio-block--fullwidth .radio-block__option{flex:1}.radio-block__option{border:none;background:transparent;color:var(--theme-text-color);border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);position:relative;overflow:hidden}.radio-block__option:active{transform:scale(.98)}.radio-block__option:hover:not(.radio-block__option--selected){background:rgba(var(--theme-primary-color-rgb),.1)}.radio-block--default .radio-block__option--selected{background:var(--theme-primary-color);color:var(--theme-button-text-color);box-shadow:0 2px 8px -2px rgba(var(--theme-primary-color-rgb),.25),0 1px 2px -1px rgba(var(--theme-primary-color-rgb),.1)}.radio-block--solid .radio-block__option{border:1px solid var(--theme-primary-color)}.radio-block--solid .radio-block__option--selected{background:var(--theme-primary-color);color:var(--theme-button-text-color);box-shadow:0 2px 8px -2px rgba(var(--theme-primary-color-rgb),.25),0 1px 2px -1px rgba(var(--theme-primary-color-rgb),.1)}.radio-block__option:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.25) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.radio-block__option:active:after{opacity:1}.radio-block--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.radio-block--disabled .radio-block__option{cursor:not-allowed}.customization-block{position:relative;min-height:500px;padding:2rem;background:var(--theme-bg-color);border-radius:.75rem;overflow:hidden}@media(max-width:767.9px){.customization-block{min-height:600px;padding:1rem}}.chat-widget-preview{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;background:var(--theme-bg-color);border:1px solid var(--theme-border-color);border-radius:.75rem;box-shadow:0 .5rem 2rem #00000014;overflow:hidden;z-index:1}@media(max-width:767.9px){.chat-widget-preview{width:280px;top:45%}}.chat-header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;padding:1rem;gap:.75rem;background:var(--theme-primary-color);border-bottom:1px solid rgba(255,255,255,.1)}.chat-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:#fff3;flex-shrink:0}.chat-info{flex:1;min-width:0}.chat-name{width:120px;height:.875rem;background:#ffffff4d;border-radius:.25rem;margin-bottom:.375rem}.chat-status{width:80px;height:.625rem;background:#fff3;border-radius:.25rem}.chat-messages{padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-height:300px}.message-bubble{padding:1rem 1.25rem;border-radius:.5rem;min-height:3.5rem;display:flex;flex-direction:column;justify-content:center}.message-bubble--assistant{align-self:flex-start;background:var(--theme-secondary-bg-color);width:75%}.message-bubble--user{align-self:flex-end;background:var(--theme-primary-color);opacity:.15;width:60%}.message-line{height:.75rem;background:var(--theme-border-color);border-radius:.25rem;margin-bottom:.5rem;width:100%}.message-line:last-child{margin-bottom:0}.message-line--short{width:65%}.customization-panel{position:absolute;background:var(--theme-bg-color);border:1px solid var(--theme-border-color);border-radius:.5rem;padding:1rem;box-shadow:0 .25rem 1rem #0000001a;z-index:2;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.customization-panel:hover{transform:translateY(-.125rem);box-shadow:0 .5rem 1.5rem #00000026;animation-play-state:paused}@media(max-width:767.9px){.customization-panel{padding:.75rem}}.customization-panel--colors{top:1rem;right:1rem;width:200px;animation:floatSlow 6s ease-in-out infinite}@media(max-width:767.9px){.customization-panel--colors{top:.5rem;right:.5rem;width:160px}}.customization-panel--tone{bottom:1rem;left:1rem;width:260px;animation:floatSlow 7s ease-in-out infinite;animation-delay:.5s}@media(max-width:767.9px){.customization-panel--tone{bottom:.5rem;left:.5rem;width:220px}}.panel-header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:.5rem;margin-bottom:.75rem;color:var(--theme-text-color)}.panel-title{font-size:.875rem;font-weight:600;color:var(--theme-text-color)}.color-palette{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.color-option{width:1.5rem;height:1.5rem;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)}.color-option:hover{transform:scale(1.1)}.color-option--active{border-color:var(--theme-text-color);box-shadow:0 0 0 2px var(--theme-bg-color)}@media(max-width:767.9px){.color-option{width:1.25rem;height:1.25rem}}.customization-icons{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:.5rem}.icon-item{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--theme-secondary-bg-color);border-radius:.25rem;color:var(--theme-hint-color);cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.icon-item:hover{background:var(--theme-primary-color);color:#fff}@media(max-width:767.9px){.icon-item{width:1.75rem;height:1.75rem}}.customization-panel--tone .radio-block{margin-bottom:.75rem}.emoji-level{padding-top:.75rem;margin-top:.75rem;border-top:1px solid var(--theme-border-color);border-radius:0}.emoji-label{display:block;font-size:.75rem;color:var(--theme-hint-color);margin-bottom:.5rem;font-weight:500}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.feature-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.feature-list-item{display:flex;align-items:flex-start;gap:1rem;font-size:15px;color:var(--theme-text-color);position:relative;padding-left:24px;line-height:1.5;text-align:left}.feature-list-item:before{content:"✓";position:absolute;left:0;top:.1em;font-size:14px;color:var(--theme-accent-color);font-weight:700}.feature-list--dots .feature-list-item:before{content:"•";color:var(--theme-primary-color);font-size:20px;top:-.1em}.feature-list--large{gap:1rem}.feature-list--large .feature-list-item{font-size:16px;padding-left:28px}.feature-list--large .feature-list-item:before{font-size:16px}.feature-list--large.feature-list--dots .feature-list-item:before{font-size:24px}.feature-list--compact{gap:.5rem}.feature-list--compact .feature-list-item{font-size:14px;padding-left:20px}.feature-list--compact .feature-list-item:before{font-size:12px}.feature-list--compact.feature-list--dots .feature-list-item:before{font-size:16px}.architecture-diagram-block{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.architecture-panel{width:100%;max-width:600px;display:flex;flex-direction:column;gap:0;background:var(--theme-bg-color);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014,0 0 0 1px #6366f11a,0 0 20px #6366f126,0 0 30px #00ff8814;transition:all .3s ease}.architecture-panel:hover{box-shadow:0 12px 32px #00000026,0 6px 12px #0000001a,0 0 0 1px #6366f126,0 0 30px #6366f140,0 0 40px #00ff881f}.architecture-layer{padding:20px}.architecture-layer--client{background:var(--theme-bg-color)}.architecture-layer--platform{background:var(--theme-secondary-bg-color)}.architecture-layer__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.architecture-layer__title{margin:0;font-size:14px;font-weight:600;color:var(--theme-text-color)}.architecture-layer__badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.architecture-layer__badge--green{color:#059669;background:#0596691a}.architecture-layer__badge--blue{color:#3b82f6;background:#3b82f61a}.architecture-layer__section{margin-bottom:12px}.architecture-layer__section-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.architecture-agents{display:flex;flex-wrap:wrap;gap:6px}.architecture-agent-tag{font-size:12px;font-weight:500;padding:5px 10px;border-radius:6px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary-color) 10%,transparent),color-mix(in srgb,var(--theme-accent-color) 10%,transparent));color:var(--theme-text-color);border:1px solid color-mix(in srgb,var(--theme-primary-color) 20%,transparent)}.architecture-components{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.architecture-component{padding:8px 12px;background:var(--theme-secondary-bg-color);border:1px solid var(--theme-border-color);border-radius:6px;transition:all .2s ease}.architecture-component:hover{border-color:var(--theme-primary-color)}.architecture-component__name{font-size:12px;font-weight:500;color:var(--theme-text-color)}.architecture-connector{display:flex;align-items:center;gap:8px;padding:0 20px}.architecture-connector__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--theme-border-color),transparent)}.architecture-connector__label{font-size:10px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.architecture-features{display:flex;flex-wrap:wrap;gap:6px}.architecture-feature-tag{font-size:11px;font-weight:500;padding:4px 8px;border-radius:4px;background:var(--theme-bg-color);color:var(--text-secondary);border:1px solid var(--theme-border-color)}@media(max-width:768px){.architecture-diagram-block{padding:12px}.architecture-panel{box-shadow:0 2px 6px #0000000d}.architecture-layer{padding:16px}.architecture-layer__title{font-size:13px}.architecture-components{grid-template-columns:1fr}.architecture-agent-tag{font-size:11px;padding:4px 8px}.architecture-feature-tag{font-size:10px;padding:3px 6px}}