div[name=DEMO] .t-chat__text pre{background:0 0;border:none;margin:0;padding:0}div[name=DEMO] .chat-action-content{display:flex}div[name=DEMO] .t-chat hr{opacity:1;border:1px solid var(--td-border-level-1-color)}.t-chat{font:var(--td-font-body-medium);box-sizing:border-box;width:100%;min-height:0;color:var(--td-text-color-primary);flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex;position:relative}.t-chat__list{flex:1;overflow:hidden auto}.t-chat__list:hover::-webkit-scrollbar-thumb{background-color:var(--td-scrollbar-color)}.t-chat__list::-webkit-scrollbar{background:0 0;width:4px}.t-chat__list::-webkit-scrollbar-thumb{background-color:#0000;background-clip:border-box;border:4px solid #0000;border-radius:6px}.t-chat__list--reverse{flex-direction:column-reverse;display:flex}.t-chat__list .place-holder{flex-grow:1;flex-shrink:1}.t-chat__list .clear-btn{color:var(--td-text-color-secondary);font-size:var(--td-font-size-body-small);cursor:pointer}.t-chat__list .clear-btn .t-divider__inner-text{align-items:center;display:flex}.t-chat__list .clear-btn .clear-btn-text{margin-left:var(--td-comp-margin-xs)}.t-chat__list .clear-btn:hover{color:var(--td-text-color-primary)}.t-chat__footer{position:relative}.t-chat__footer__content{width:100%;padding-right:0;display:flex;position:relative}.t-chat__footer .t-chat__footer__content{margin-top:var(--td-comp-margin-xl)}.t-chat__footer__textarea{border-radius:var(--td-radius-round);flex-grow:1;position:relative}.t-chat__footer__textarea .t-textarea{width:100%;padding:0 var(--td-comp-paddingLR-xxs);box-sizing:border-box}.t-chat__footer__textarea .t-textarea .t-textarea__inner{background:var(--td-bg-color-secondarycontainer);padding:var(--td-comp-size-xxs) var(--td-comp-size-xxxxxl) var(--td-comp-size-xxs) var(--td-comp-size-xs);scrollbar-width:none;border-radius:32px}.t-chat__footer__textarea .t-textarea .t-textarea__inner:hover{box-shadow:inset 0 2px 4px -1px #0000001f,0 4px 5px #00000014,0 1px 10px #0000000d}.t-chat__footer__textarea .t-textarea .t-textarea__inner.t-is-focused{border-color:var(--td-brand-color);background:var(--td-bg-color-container);box-shadow:0 0 0 2px var(--td-brand-color-focus)}.t-chat__footer__textarea .t-textarea .t-textarea__inner::placeholder{color:var(--td-text-color-secondary)}.t-chat__footer__textarea__icon{bottom:var(--td-comp-paddingTB-s);right:var(--td-comp-paddingLR-s);text-align:center;cursor:pointer;height:var(--td-comp-size-xxl);justify-content:center;align-items:center;display:flex;position:absolute}.t-chat__footer__textarea__icon .t-chat__footer__textarea__icon__default{width:var(--td-comp-size-xxl);height:var(--td-comp-size-xxl);border-radius:var(--td-radius-circle);color:var(--td-text-color-disabled);transform:rotate(-90deg)}.t-chat__footer__textarea__icon .t-chat__footer__textarea__icon--focus{background:var(--td-brand-color);color:var(--td-text-color-anti)}.t-chat__footer__textarea__icon .t-button.t-size-s .t-icon{font-size:var(--td-font-size-title-large)}.t-chat__footer__stopbtn{margin-left:var(--td-comp-margin-l);flex:none}.t-chat__footer__stopbtn .t-button{width:100px;height:var(--td-comp-size-xxxxl);border-radius:var(--td-radius-round);background:var(--td-bg-color-secondarycontainer);color:var(--td-text-color-primary);font-size:var(--td-font-size-body-large)}.t-chat__footer__stopbtn .t-button__text{align-items:center}.t-chat__footer__stopbtn .t-button .t-icon{font-size:var(--td-font-size-title-large);margin-right:var(--td-comp-margin-s)}.t-chat-sender{width:100%;padding:0 var(--td-comp-paddingLR-xxs);box-sizing:border-box;position:relative}.t-chat-sender__header ::part(t-attachment-list-wrap){padding:0;top:-4px}.t-chat-sender__header ::part(t-attachment-list){padding:4px 0}.t-chat-sender__header:empty{display:none}.t-chat-sender__inner-header{border-radius:calc(var(--td-radius-extraLarge) + var(--td-radius-small) + var(--td-radius-small)) calc(var(--td-radius-extraLarge) + var(--td-radius-small) + var(--td-radius-small)) var(--td-radius-medium) var(--td-radius-medium)}.t-chat-sender__upload{margin-right:var(--td-comp-margin-s);width:var(--td-comp-size-s);height:var(--td-comp-size-s);color:var(--td-text-color-secondary)}.t-chat-sender__textarea{border:1px solid var(--td-border-level-2-color);border-radius:calc(var(--td-radius-extraLarge) + var(--td-radius-small) + var(--td-radius-small));padding:var(--td-comp-paddingLR-m);background-color:var(--td-bg-color-specialcomponent);transition:border .2s cubic-bezier(.38,0,.24,1),box-shadow .2s cubic-bezier(.38,0,.24,1),background-color .2s cubic-bezier(.38,0,.24,1);position:relative}.t-chat-sender__textarea--focus{border-color:var(--td-brand-color);box-shadow:0 0 0 2px var(--td-brand-color-focus)}.t-chat-sender__textarea__wrapper{margin-bottom:var(--td-comp-margin-m);flex:1 1 0;min-height:0;display:flex;position:relative}.t-chat-sender__textarea:hover{border-color:var(--td-brand-color);box-shadow:var(--td-shadow-1)}.t-chat-sender__textarea--focus:hover{box-shadow:0 0 0 2px var(--td-brand-color-focus)}.t-chat-sender .t-textarea .t-textarea__inner{scrollbar-width:none;font:var(--td-font-body-large);color:var(--td-text-color-primary);background-color:#0000;border:0;padding:0}.t-chat-sender .t-textarea .t-textarea__inner.t-is-focused{border:0}.t-chat-sender .t-textarea .t-textarea__inner::placeholder{font:var(--td-font-body-large);color:var(--td-text-color-disabled)}.t-chat-sender .t-textarea .t-textarea__inner:hover,.t-chat-sender .t-textarea .t-textarea__inner:focus{box-shadow:none}.t-chat-sender__footer{justify-content:space-between;display:flex}.t-chat-sender__button{align-items:center;display:flex}.t-chat-sender__button .t-button .t-icon{font:var(--td-font-body-large)}.t-chat-sender__button__actions{margin-right:var(--td-comp-margin-m)}.t-chat-sender__button .t-chat-sender__button__default{color:var(--td-text-color-anti);width:var(--td-comp-size-s);height:var(--td-comp-size-s);border-radius:var(--td-radius-circle);background-color:var(--td-brand-color);border:none;padding:0;transform:rotate(-90deg)}.t-chat-sender__button .t-chat-sender__button__default:not(.t-chat-sender__button--disabled):hover{background-color:var(--td-brand-color-hover)}.t-chat-sender__button .t-chat-sender__button__default:not(.t-chat-sender__button--disabled):focus{background-color:var(--td-brand-color-active)}.t-chat-sender__button .t-chat-sender__button__default>div{display:none!important}.t-chat-sender__button .t-chat-sender__button--disabled{background-color:var(--td-bg-color-secondarycomponent);color:var(--td-bg-color-container)}.t-chat-sender__button .t-chat-sender__button--disabled.t-button--variant-text:hover{color:var(--td-bg-color-container)}.t-chat-sender__button__stopicon{width:var(--td-size-4);height:var(--td-size-4);border:1px solid var(--td-bg-color-container);background:var(--td-bg-color-container)}.t-chat-sender__attachment{display:block}.t-chat__inner{margin-bottom:var(--td-comp-margin-l);display:flex}.t-chat__inner .t-chat__avatar{flex:none}.t-chat__inner .t-chat__content{flex:auto;justify-content:center;width:100%;display:flex}.t-chat__inner .t-chat__content--base{padding-top:var(--td-comp-paddingTB-xl)}.t-chat__inner .t-chat__content>.t-chat-loading{padding:0 var(--td-comp-paddingLR-m)}.t-chat__inner .t-chat__detail{padding:0 var(--td-comp-paddingLR-l);max-width:calc(100% - var(--td-comp-size-xl));box-sizing:border-box}.t-chat__inner.model-change,.t-chat__inner.system{margin-top:var(--td-comp-margin-xxl);justify-content:center}.t-chat__inner.model-change .t-chat__content,.t-chat__inner.system .t-chat__content{align-items:center}.t-chat__inner.model-change .t-chat__text,.t-chat__inner.system .t-chat__text,.t-chat__inner.model-change .t-chat__detail,.t-chat__inner.system .t-chat__detail{font-size:var(--td-font-size-body-small);color:var(--td-text-color-disabled);padding:0}.t-chat__inner.model-change .t-chat__notice,.t-chat__inner.system .t-chat__notice{background:var(--td-bg-color-secondarycontainer);padding:var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-s);font-size:var(--td-font-size-body-small);color:var(--td-text-color-disabled);border-radius:var(--td-radius-default);box-sizing:border-box;text-align:center;line-height:20px}.t-chat__inner.model-change .t-chat__notice .t-chat__text,.t-chat__inner.system .t-chat__notice .t-chat__text{font-size:var(--td-font-size-body-small);color:var(--td-text-color-disabled);padding:0}.t-chat__inner.model-change .t-chat__notice span,.t-chat__inner.system .t-chat__notice span{color:var(--td-text-color-placeholder)}.t-chat__inner.error .t-chat__text__content{color:var(--td-error-color)}.t-chat--normal .t-chat__inner.user{flex-direction:row-reverse}.t-chat--normal .t-chat__inner.user .t-chat__avatar{margin-right:0}.t-chat--normal .t-chat__inner.user .t-chat__content{align-items:flex-end}.t-chat--normal .t-chat__inner.user .t-chat__content .t-chat__base{justify-content:flex-end}.t-chat--normal .t-chat__detail{max-width:min(100% - 40px,800px)}.t-chat__avatar{cursor:pointer;margin:0 var(--td-comp-margin-xs);padding-top:var(--td-comp-paddingTB-xl);flex-shrink:0;display:flex}.t-chat__avatar__box{padding-top:var(--td-pop-padding-m)}.t-chat__avatar-image{width:var(--td-comp-size-m);height:var(--td-comp-size-m);border-radius:var(--td-radius-circle)}.t-chat__content{font:var(--td-font-body-medium);flex-direction:column;align-items:flex-start;display:flex}.t-chat__content .t-skeleton{width:100%;padding:var(--td-pop-padding-xxl)}.t-chat__base{font:var(--td-font-body-medium);color:var(--td-text-color-placeholder);padding-left:var(--td-pop-padding-xxl);flex-wrap:wrap;justify-content:flex-start;align-items:baseline;display:flex}.t-chat__name{padding-right:var(--td-comp-margin-s);cursor:pointer}.t-chat__text{padding:var(--td-comp-paddingTB-m) 0;font:var(--td-font-body-large);word-break:break-all}.t-chat__text .t-chat__text--user pre{color:var(--td-text-color-secondary);font:var(--td-font-body-large);white-space:pre-wrap;margin:0}.t-chat__text .other__model-change,.t-chat__text .other__system{background:var(--td-bg-color-secondarycontainer);padding:var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-s);color:var(--td-text-color-disabled);border-radius:var(--td-radius-default);box-sizing:border-box;text-align:center;line-height:20px}.t-chat__text .other__model-change pre,.t-chat__text .other__system pre{font-size:var(--td-font-size-body-small)}.t-chat__text .other__model-change span,.t-chat__text .other__system span{color:var(--td-text-color-placeholder)}.t-chat__text .other__error pre{color:var(--td-error-color)}.t-chat__text__assistant{color:var(--td-text-color-primary);line-height:2}.t-chat__text__assistant p,.t-chat__text__assistant ul,.t-chat__text__assistant ol{line-height:1.5}.t-chat__text__assistant ol{padding-inline-start:20px}.t-chat__text__assistant img{max-width:100%;margin:var(--td-comp-margin-xs) 0;border-radius:var(--td-radius-default)}.t-chat__text__assistant :where(code):not(:where(pre *)){color:var(--td-error-color);background:var(--td-error-color-1);border-radius:var(--td-radius-default);padding:var(--td-comp-paddingTB-xxs) var(--td-pop-padding-m);font-size:var(--td-font-size-body-small);word-break:break-word;margin:0 var(--td-comp-margin-xxs)}.t-chat__text__assistant blockquote{border-left:2px solid var(--td-gray-color-3);background:var(--td-gray-color-1);color:var(--td-font-gray-1);padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingTB-m) var(--td-comp-paddingTB-m) var(--td-comp-size-xs);margin:var(--td-comp-margin-l) 0}.t-chat__text__assistant hr{opacity:1;border:1px solid var(--td-border-level-1-color)}.t-chat__text .t-chat__text__assistant .t-chat__text__content .hljs{background-color:var(--td-gray-color-14);border-radius:var(--td-radius-large)}.t-chat__text--variant--base .t-chat__detail{background-color:var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-extraLarge)}.t-chat__actions-margin{margin-left:var(--td-comp-margin-l)}.t-chat__actions{margin-top:var(--td-comp-margin-xs);background-color:var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);border:1px solid var(--td-border-level-2-color);padding:3px;list-style:none;display:flex;overflow:hidden}.t-chat__actions .t-button{padding:var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs);width:var(--td-comp-size-xxxs);height:var(--td-comp-size-xxxs);box-sizing:content-box;color:var(--td-text-color-primary);background-color:var(--td-bg-color-secondarycontainer);margin-right:var(--td-comp-margin-xs);border:0}.t-chat__actions .t-button .t-icon{font-size:var(--td-font-size-body-large)}.t-chat__actions .t-chat-button--active{color:var(--td-brand-color)}.t-chat__actions .t-button:hover{background-color:var(--td-bg-color-secondarycontainer-hover)}.t-chat__actions .t-space .t-space-item{height:var(--td-comp-size-xs)}.t-chat__refresh{align-items:center;display:flex}.t-chat__refresh-line{width:1px;height:var(--td-comp-size-xxxs);background-color:var(--td-component-stroke);margin-right:var(--td-comp-margin-xs)}.t-chat__code-header{padding:0 var(--td-pop-padding-xl);padding-top:var(--td-pop-padding-xl);justify-content:space-between;display:flex}.t-chat__language-txt{color:var(--td-font-white-1)}.t-chat__copy-btn{color:var(--td-font-white-1);cursor:pointer}.t-chat__to-bottom{width:40px;height:40px;box-shadow:var(--td-shadow-2);border:0;border-radius:50%;margin-left:-20px;padding:0;position:absolute;bottom:210px;left:50%}.t-chat__to-bottom-inner{border:1px solid var(--td-border-level-2-color);box-sizing:border-box;background:var(--td-bg-color-container);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;line-height:40px;display:flex}.t-chat__to-bottom-inner .t-icon{font-size:24px}.t-chat__text--variant--outline .t-chat__detail{border:1px solid var(--td-component-border);border-radius:var(--td-radius-extraLarge)}.model-change.t-chat__text--variant--outline .t-chat__detail,.system.t-chat__text--variant--outline .t-chat__detail{border:none}.t-chat__text--variant--text .t-chat__detail-reasoning{padding-top:var(--td-comp-paddingTB-m)}.t-chat__text--variant--text .t-chat__detail-reasoning~.t-chat__text{padding-right:0}.t-chat__text--variant--outline .t-chat__detail-reasoning .t-collapse,.t-chat__detail-reasoning .t-collapse{background:0 0}.t-chat__text--variant--outline .t-chat__detail-reasoning .t-collapse-panel{padding:var(--td-comp-paddingTB-m) 0;margin-left:0}.t-chat__text--variant--outline .t-chat__detail-reasoning .t-collapse-panel .t-chat__text{border:none}.t-chat__detail-reasoning .t-collapse-panel__icon{align-items:center;width:24px;height:24px;display:flex}.t-chat__detail-reasoning .t-collapse-panel__header{padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingTB-m);font:var(--td-font-body-medium)}.t-chat__detail-reasoning .t-collapse-panel__wrapper{background-color:var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)}.t-chat__detail-reasoning .t-collapse-panel__wrapper .t-fake-arrow{color:var(--td-text-color-secondary);transform:rotate(180deg)scale(1.125)}.t-chat__detail-reasoning .t-collapse-panel__icon--active .t-fake-arrow{transform:rotate(0)scale(1.125)}.t-chat__detail-reasoning .t-collapse-panel__content{background-color:var(--td-bg-color-secondarycontainer);padding:0 var(--td-comp-paddingTB-m) var(--td-comp-paddingTB-s) var(--td-comp-paddingTB-m)}.t-chat__detail-reasoning .t-collapse-panel__content .t-chat__text{padding:0}.t-chat__detail-reasoning .t-collapse-panel__content .t-chat__text .t-chat__text__assistant{color:var(--td-text-color-placeholder);font-weight:400;font-size:var(--td-font-size-body-medium)}.t-chat__detail-reasoning .t-collapse-panel__content .t-chat__text .t-chat__text__assistant .t-chat__text__content p{font:var(--td-font-body-medium);color:var(--td-text-color-primary);box-sizing:border-box;margin:0;padding:0;list-style:none}.t-chat-loading{align-items:center;display:flex}.t-chat-loading__indicator--moving{width:14px;height:14px;position:relative}.t-chat-loading__indicator--moving .t-chat-loading__dot{border-radius:var(--td-radius-circle);background-color:var(--td-brand-color);width:8px;height:8px;position:absolute}.t-chat-loading__indicator--moving .t-chat-loading__dot--top{animation:.6s ease-in-out infinite alternate dot-moving-top;top:-4px;left:3px}.t-chat-loading__indicator--moving .t-chat-loading__dot--left{animation:.6s ease-in-out infinite alternate dot-moving-left;bottom:-5px;left:-5px}.t-chat-loading__indicator--moving .t-chat-loading__dot--right{animation:.6s ease-in-out infinite alternate dot-moving-right;bottom:-5px;right:-5px}.t-chat-loading__indicator--gradient{border-radius:var(--td-radius-circle);border:1.5px solid var(--td-brand-color);box-sizing:border-box;background-color:#0000;width:14px;height:14px;animation:.6s ease-in-out infinite alternate border-gradient-color}@keyframes border-gradient-color{0%{border-color:var(--td-brand-color);border-width:1.5px}50%{border-color:var(--td-brand-color-8);border-width:3px}to{border-color:var(--td-brand-color-6);border-width:4px}}@keyframes dot-moving-top{0%{top:-4px;transform:scale(1)}to{top:3px;transform:scale(1.75)}}@keyframes dot-moving-left{0%{bottom:-4px;left:-4px;transform:scale(1)}to{bottom:3px;left:3px;transform:scale(1.75)}}@keyframes dot-moving-right{0%{bottom:-4px;right:-4px;transform:scale(1)}to{bottom:3px;right:3px;transform:scale(1.75)}}.t-chat-loading__text{margin-left:8px}.t-chat__text__content pre code.hljs{padding:1em;display:block;overflow-x:auto}.t-chat__text__content code.hljs{padding:3px 5px}.t-chat__text__content .hljs{color:var(--td-font-white-1);background:var(--td-gray-color-14)}.t-chat__text__content .hljs-comment,.t-chat__text__content .hljs-quote{color:#5c6370;font-style:italic}.t-chat__text__content .hljs-doctag,.t-chat__text__content .hljs-keyword,.t-chat__text__content .hljs-formula{color:#c678dd}.t-chat__text__content .hljs-section,.t-chat__text__content .hljs-name,.t-chat__text__content .hljs-selector-tag,.t-chat__text__content .hljs-deletion,.t-chat__text__content .hljs-subst{color:#e06c75}.t-chat__text__content .hljs-literal{color:#56b6c2}.t-chat__text__content .hljs-string,.t-chat__text__content .hljs-regexp,.t-chat__text__content .hljs-addition,.t-chat__text__content .hljs-attribute,.t-chat__text__content .hljs-meta .hljs-string{color:#98c379}.t-chat__text__content .hljs-attr,.t-chat__text__content .hljs-variable,.t-chat__text__content .hljs-template-variable,.t-chat__text__content .hljs-type,.t-chat__text__content .hljs-selector-class,.t-chat__text__content .hljs-selector-attr,.t-chat__text__content .hljs-selector-pseudo,.t-chat__text__content .hljs-number{color:#d19a66}.t-chat__text__content .hljs-symbol,.t-chat__text__content .hljs-bullet,.t-chat__text__content .hljs-link,.t-chat__text__content .hljs-meta,.t-chat__text__content .hljs-selector-id,.t-chat__text__content .hljs-title{color:#61aeee}.t-chat__text__content .hljs-built_in,.t-chat__text__content .hljs-title.class_,.t-chat__text__content .hljs-class .hljs-title{color:#e6c07b}.t-chat__text__content .hljs-emphasis{font-style:italic}.t-chat__text__content .hljs-strong{font-weight:700}.t-chat__text__content .hljs-link{text-decoration:underline}