.openui-shell-thread-container{flex:1;overflow:hidden;display:flex;flex-direction:column}.openui-shell-thread-container:has([data-drafting]) .openui-shell-conversation-starter,.openui-shell-thread-container:has([data-drafting]) .openui-shell-welcome-screen__desktop-starters,.openui-shell-welcome-screen:has([data-drafting]) .openui-shell-conversation-starter,.openui-shell-welcome-screen:has([data-drafting]) .openui-shell-welcome-screen__desktop-starters{opacity:0;pointer-events:none}.openui-shell-conversation-starter,.openui-shell-welcome-screen__desktop-starters{transition:opacity 150ms ease}.openui-shell-thread-wrapper{flex:1;display:flex;overflow:hidden;height:100%}.openui-shell-thread-chat-panel{display:flex;flex-direction:column;overflow:hidden;height:100%;min-width:360px;flex-shrink:0;position:relative}.openui-shell-thread-chat-panel--animating{transition:width .5s cubic-bezier(0.4, 0, 0.2, 1)}.openui-shell-thread-artifact-panel{display:flex;flex-direction:column;overflow:auto;height:100%;flex:1;min-width:0;background-color:var(--openui-foreground);animation:slideInFromRight .5s cubic-bezier(0.4, 0, 0.2, 1);scrollbar-width:thin;scrollbar-color:var(--openui-highlight-strong) rgba(0,0,0,0)}.openui-shell-thread-artifact-panel::-webkit-scrollbar{width:var(--openui-space-xs)}.openui-shell-thread-artifact-panel::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.openui-shell-thread-artifact-panel::-webkit-scrollbar-thumb{background-color:var(--openui-highlight-strong);border-radius:var(--openui-radius-full)}.openui-shell-thread-artifact-panel::-webkit-scrollbar-thumb:hover{background-color:var(--openui-highlight-intense)}.openui-shell-thread-artifact-panel--animating{transition:width .5s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes slideInFromRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.openui-shell-thread-scroll-container{display:flex;width:100%;flex-grow:1;position:relative;overflow:hidden}.openui-shell-thread-scroll-container::before{content:"";position:absolute;top:0;left:0;right:0;height:var(--openui-space-xl);background:linear-gradient(to bottom, var(--openui-background) 0%, transparent 100%);pointer-events:none;z-index:1}.openui-shell-thread-scroll-container::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--openui-space-xl);background:linear-gradient(to top, var(--openui-background) 0%, transparent 100%);pointer-events:none;z-index:1}.openui-shell-thread-container:has(.openui-shell-welcome-screen) .openui-shell-thread-scroll-container{flex-grow:0}.openui-shell-thread-scroll-area{width:100%;height:100%;overflow:auto;padding:var(--openui-space-m) calc(32px + var(--openui-space-s)) var(--openui-space-xl);scroll-padding-top:var(--openui-space-2xl);scrollbar-width:thin;scrollbar-color:var(--openui-border-default) rgba(0,0,0,0);scrollbar-width:thin;scrollbar-color:var(--openui-highlight-strong) rgba(0,0,0,0)}.openui-shell-thread-scroll-area::-webkit-scrollbar{width:var(--openui-space-xs)}.openui-shell-thread-scroll-area::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb{background:var(--openui-border-default);border-radius:calc(var(--openui-radius-2xs) + var(--openui-space-3xs))}.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--openui-text-neutral-secondary)}.openui-shell-thread-scroll-area::-webkit-scrollbar{width:var(--openui-space-xs)}.openui-shell-thread-scroll-area::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb{background-color:var(--openui-highlight-strong);border-radius:var(--openui-radius-full)}.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb:hover{background-color:var(--openui-highlight-intense)}.openui-shell-thread-container:has(.openui-shell-welcome-screen) .openui-shell-thread-scroll-area{padding:0}.openui-shell-container--mobile .openui-shell-thread-scroll-area{padding:var(--openui-space-l);scroll-padding-top:var(--openui-space-l)}.openui-shell-thread-container--artifact-active .openui-shell-thread-scroll-area{padding-left:0;padding-right:var(--openui-space-m)}.openui-shell-thread-scroll-area--user-message-anchor .openui-shell-thread-messages>*:last-child{min-height:calc(-200px + 100dvh)}.openui-shell-thread-messages{max-width:880px;margin:0 auto;padding-top:var(--openui-space-l);display:flex;flex-direction:column;gap:calc(2*var(--openui-space-l))}.openui-shell-thread-message-assistant{width:100%;display:flex;gap:var(--openui-space-s);padding-right:calc(32px + var(--openui-space-s));overflow:hidden}.openui-shell-thread-message-assistant--without-logo{padding-left:calc(32px + var(--openui-space-s))}.openui-shell-container--mobile .openui-shell-thread-message-assistant{padding:0}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-assistant{gap:0;padding-right:0}.openui-shell-thread-message-assistant__content{display:flex;flex-direction:column;gap:var(--openui-space-s);overflow:hidden;overflow-wrap:break-word;flex-grow:1}.openui-shell-thread-message-assistant__text{color:var(--openui-text-neutral-primary)}.openui-shell-thread-message-assistant__text:first-child{margin-top:var(--openui-space-xs)}.openui-shell-thread-message-assistant__logo{width:32px;height:32px;border-radius:var(--openui-radius-m)}.openui-shell-container--mobile .openui-shell-thread-message-assistant__logo{display:none}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-assistant__logo{display:none}.openui-shell-thread-message-user{display:flex;justify-content:flex-end;padding:0 calc(32px + var(--openui-space-s))}.openui-shell-container--mobile .openui-shell-thread-message-user{padding:0}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-user{padding-left:0;padding-right:0}.openui-shell-thread-message-user__content{padding:var(--openui-space-s) var(--openui-space-m);background-color:var(--openui-chat-user-response-bg);color:var(--openui-chat-user-response-text);border-radius:var(--openui-radius-xl);overflow-wrap:break-word;max-width:100%;height:fit-content}.openui-shell-thread-error{padding:0 calc(32px + var(--openui-space-s));min-height:auto !important}.openui-shell-container--mobile .openui-shell-thread-error{padding:0}.openui-shell-thread-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--openui-space-m) var(--openui-space-s) var(--openui-space-xs);flex-shrink:0}.openui-shell-container--mobile .openui-shell-thread-header{display:none}.openui-shell-thread-message-loading{display:flex;padding:0 calc(32px + var(--openui-space-s))}.openui-genui-user-message{display:flex;flex-direction:column;align-items:flex-end;gap:var(--openui-space-s);max-width:85%}.openui-genui-user-message__form-state{border:1px solid var(--openui-border-interactive);border-radius:var(--openui-radius-m);overflow:hidden;background-color:var(--openui-foreground);width:100%;transition:border-color .15s ease}.openui-genui-user-message__form-state:hover{border-color:var(--openui-border-interactive-emphasis)}.openui-genui-user-message__form-state-header{padding:0;border:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--openui-space-s) var(--openui-space-m);cursor:pointer;background-color:rgba(0,0,0,0)}.openui-genui-user-message__form-state-label{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary)}.openui-genui-user-message__form-state-chevron{flex-shrink:0;color:var(--openui-text-neutral-secondary);transition:transform .2s ease}.openui-genui-user-message__form-state-chevron--expanded{transform:rotate(180deg)}.openui-genui-user-message__form-state-content{border-top:1px solid var(--openui-border-default);display:flex;flex-direction:column;gap:var(--openui-space-xs);padding:var(--openui-space-s) var(--openui-space-m)}.openui-genui-user-message__form-field{display:flex;gap:var(--openui-space-xs);align-items:baseline}.openui-genui-user-message__form-field-label{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary);flex-shrink:0}.openui-genui-user-message__form-field-value{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-primary);overflow-wrap:break-word;min-width:0}
