.composer-preview-container{position:relative;width:100%;min-height:100vh;height:auto;overflow:hidden;background:#0a0a0f}.composer-preview-content{position:relative;z-index:10;width:100%;min-height:100vh;padding:100px 40px 120px;margin:0 auto}.composer-preview-container[data-context=composer] .composer-preview-content{margin-left:60px;margin-right:60px}.composer-preview-container[data-context=hero] .composer-preview-content{max-width:1440px}.context-hero .composer-preview-content{margin-left:auto;margin-right:auto}.hero-branding{text-align:center}.effect-wrapper{display:flex;align-items:center;justify-content:center;cursor:pointer;width:100%;min-height:200px}.effect-wrapper>*{margin:0 auto}.effect-wrapper:has([class*=typing]) *,.effect-wrapper:has([class*=typing]) :after,.effect-wrapper:has([class*=typing]) :before{animation-duration:calc(var(--animation-duration, 1s) * .5)!important;animation-timing-function:ease-in-out!important}[class*=effect-container].typing *,[class*=effect-container].typing :after,[class*=effect-container].typing :before,[class*=effect].typing *,[class*=effect].typing :after,[class*=effect].typing :before{animation-duration:calc(var(--animation-duration, 1s) * .5)!important}.hero-title{font-size:3rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:16px}.gradient-text{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:1.125rem;color:hsla(0,0%,100%,.7);line-height:1.6}.composer-preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px;background:linear-gradient(135deg,#0a0a0f,#1a1a2e)}.loading-spinner{width:50px;height:50px;border:4px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.composer-preview-loading p{color:hsla(0,0%,100%,.7);font-size:1rem}.layout-vertical-center .composer-preview-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px}.layout-vertical-center .layout-section{width:100%;max-width:900px;margin-left:auto;margin-right:auto}.layout-vertical-center .effect-section{display:flex;align-items:center;justify-content:center;width:100%}.layout-vertical-center .effect-wrapper{display:flex;align-items:center;justify-content:center;cursor:pointer}.layout-vertical-center .chat-section{width:100%;max-width:none;margin-left:auto;margin-right:auto;display:flex;justify-content:center}.layout-horizontal-split .composer-preview-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:40px}.layout-horizontal-split .layout-left{flex:1 1;display:flex;flex-direction:column;gap:40px}.layout-horizontal-split .layout-right{flex:0 0 420px;display:flex;justify-content:center}.layout-horizontal-split .hero-branding{text-align:left}.layout-horizontal-split .effect-section{display:flex;justify-content:center;align-items:center;width:100%}.layout-horizontal-split .effect-wrapper{display:flex;align-items:center;justify-content:center;cursor:pointer}.layout-center-focused .composer-preview-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px}.layout-center-focused .center-header{text-align:center}.layout-center-focused .center-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:64px}.layout-center-focused .chat-section,.layout-center-focused .effect-section{flex-shrink:0;display:flex;align-items:center;justify-content:center}.layout-center-focused .effect-wrapper{cursor:pointer}.chat-shell,.layout-center-focused .effect-wrapper{display:flex;align-items:center;justify-content:center}.chat-shell{width:100%}.chat-shell>*{width:100%!important}.chat-shell-horizontal{max-width:min(1100px,90vw);min-height:320px}.chat-shell-horizontal>*{max-width:100%!important;height:100%!important}.chat-shell-vertical{max-width:420px;width:100%;min-height:580px}.chat-shell-vertical>*{height:100%!important}.chat-shell-balanced{max-width:640px;width:100%;min-height:520px}@media (max-width:1024px){.composer-preview-content{padding:60px 30px 100px;margin-left:0;margin-right:0}.layout-horizontal-split .composer-preview-content{flex-direction:column}.layout-horizontal-split .layout-left,.layout-horizontal-split .layout-right{max-width:100%;flex:1 1}.layout-horizontal-split .hero-branding{text-align:center}.layout-center-focused .center-content{flex-direction:column}}@media (max-width:768px){.composer-preview-content{padding:40px 20px 80px}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.layout-center-focused .center-content,.layout-horizontal-split .composer-preview-content,.layout-vertical-center .composer-preview-content{gap:32px}.chat-shell-balanced,.chat-shell-horizontal,.chat-shell-vertical{min-height:auto}}@media (max-width:480px){.hero-title{font-size:1.75rem}.hero-description{font-size:.875rem}}