div[name=DEMO] .t-chat__text pre{background:transparent;border:none;margin:0;padding:0}div[name=DEMO] .chat-action-content{display:flex}div[name=DEMO] .t-chat hr{border:1px solid var(--td-border-level-1-color);opacity:1}.t-chat{box-sizing:border-box;color:var(--td-text-color-primary);display:flex;flex:1 1 0%;flex-direction:column;font:var(--td-font-body-medium);list-style:none;margin:0;min-height:0;padding:0;position:relative;width:100%}.t-chat__list{flex:1;overflow-x:hidden;overflow-y:auto}.t-chat__list:hover::-webkit-scrollbar-thumb{background-color:var(--td-scrollbar-color)}.t-chat__list::-webkit-scrollbar{background:transparent;width:4px}.t-chat__list::-webkit-scrollbar-thumb{background-clip:border-box;background-color:transparent;border:4px solid transparent;border-radius:6px}.t-chat__list--reverse{display:flex;flex-direction:column-reverse}.t-chat__list .place-holder{flex-grow:1;flex-shrink:1}.t-chat__list .clear-btn{color:var(--td-text-color-secondary);cursor:pointer;font-size:var(--td-font-size-body-small)}.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{display:flex;padding-right:0;position:relative;width:100%}.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{box-sizing:border-box;padding:0 var(--td-comp-paddingLR-xxs);width:100%}.t-chat__footer__textarea .t-textarea .t-textarea__inner{background:var(--td-bg-color-secondarycontainer);border-radius:32px;padding:var(--td-comp-size-xxs) var(--td-comp-size-xxxxxl) var(--td-comp-size-xxs) var(--td-comp-size-xs);scrollbar-width:none}.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{background:var(--td-bg-color-container);border-color:var(--td-brand-color);box-shadow:0 0 0 2px var(--td-brand-color-focus)}.t-chat__footer__textarea .t-textarea .t-textarea__inner::-moz-placeholder{color:var(--td-text-color-secondary)}.t-chat__footer__textarea .t-textarea .t-textarea__inner::placeholder{color:var(--td-text-color-secondary)}.t-chat__footer__textarea__icon{align-items:center;bottom:var(--td-comp-paddingTB-s);cursor:pointer;display:flex;height:var(--td-comp-size-xxl);justify-content:center;position:absolute;right:var(--td-comp-paddingLR-s);text-align:center}.t-chat__footer__textarea__icon .t-chat__footer__textarea__icon__default{border-radius:var(--td-radius-circle);color:var(--td-text-color-disabled);height:var(--td-comp-size-xxl);transform:rotate(-90deg);width:var(--td-comp-size-xxl)}.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{flex:0 0 auto;margin-left:var(--td-comp-margin-l)}.t-chat__footer__stopbtn .t-button{background:var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-round);color:var(--td-text-color-primary);font-size:var(--td-font-size-body-large);height:var(--td-comp-size-xxxxl);width:100px}.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{box-sizing:border-box;padding:0 var(--td-comp-paddingLR-xxs);position:relative;width:100%}.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{color:var(--td-text-color-secondary);height:var(--td-comp-size-s);margin-right:var(--td-comp-margin-s);width:var(--td-comp-size-s)}.t-chat-sender__textarea{background-color:var(--td-bg-color-specialcomponent);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);position:relative;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)}.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{display:flex;flex:1 1 0;margin-bottom:var(--td-comp-margin-m);min-height:0;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{background-color:transparent;border:0;color:var(--td-text-color-primary);font:var(--td-font-body-large);padding:0;scrollbar-width:none}.t-chat-sender .t-textarea .t-textarea__inner.t-is-focused{border:0}.t-chat-sender .t-textarea .t-textarea__inner::-moz-placeholder{color:var(--td-text-color-disabled);font:var(--td-font-body-large)}.t-chat-sender .t-textarea .t-textarea__inner::placeholder{color:var(--td-text-color-disabled);font:var(--td-font-body-large)}.t-chat-sender .t-textarea .t-textarea__inner:focus,.t-chat-sender .t-textarea .t-textarea__inner:hover{box-shadow:none}.t-chat-sender__footer{display:flex;justify-content:space-between}.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{background-color:var(--td-brand-color);border:none;border-radius:var(--td-radius-circle);color:var(--td-text-color-anti);height:var(--td-comp-size-s);padding:0;transform:rotate(-90deg);width:var(--td-comp-size-s)}.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{background:var(--td-bg-color-container);border:1px solid var(--td-bg-color-container);height:var(--td-size-4);width:var(--td-size-4)}.t-chat-sender__attachment{display:block}.t-chat__inner{display:flex;margin-bottom:var(--td-comp-margin-l)}.t-chat__inner .t-chat__avatar{flex:0 0 auto}.t-chat__inner .t-chat__content{display:flex;flex:1 1 auto;justify-content:center;width:100%}.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{box-sizing:border-box;max-width:calc(100% - var(--td-comp-size-xl));padding:0 var(--td-comp-paddingLR-l)}.t-chat__inner.model-change,.t-chat__inner.system{justify-content:center;margin-top:var(--td-comp-margin-xxl)}.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__detail,.t-chat__inner.model-change .t-chat__text,.t-chat__inner.system .t-chat__detail,.t-chat__inner.system .t-chat__text{color:var(--td-text-color-disabled);font-size:var(--td-font-size-body-small);padding:0}.t-chat__inner.model-change .t-chat__notice,.t-chat__inner.system .t-chat__notice{background:var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-default);box-sizing:border-box;color:var(--td-text-color-disabled);font-size:var(--td-font-size-body-small);line-height:20px;padding:var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-s);text-align:center}.t-chat__inner.model-change .t-chat__notice .t-chat__text,.t-chat__inner.system .t-chat__notice .t-chat__text{color:var(--td-text-color-disabled);font-size:var(--td-font-size-body-small);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(calc(100% - 40px),800px)}.t-chat__avatar{cursor:pointer;display:flex;flex-shrink:0;margin:0 var(--td-comp-margin-xs);padding-top:var(--td-comp-paddingTB-xl)}.t-chat__avatar__box{padding-top:var(--td-pop-padding-m)}.t-chat__avatar-image{border-radius:var(--td-radius-circle);height:var(--td-comp-size-m);width:var(--td-comp-size-m)}.t-chat__content{align-items:flex-start;display:flex;flex-direction:column;font:var(--td-font-body-medium)}.t-chat__content .t-skeleton{padding:var(--td-pop-padding-xxl);width:100%}.t-chat__base{align-items:baseline;color:var(--td-text-color-placeholder);display:flex;flex-wrap:wrap;font:var(--td-font-body-medium);justify-content:flex-start;padding-left:var(--td-pop-padding-xxl)}.t-chat__name{cursor:pointer;padding-right:var(--td-comp-margin-s)}.t-chat__text{font:var(--td-font-body-large);padding:var(--td-comp-paddingTB-m) 0;word-break:break-all}.t-chat__text .t-chat__text--user pre{color:var(--td-text-color-secondary);font:var(--td-font-body-large);margin:0;white-space:pre-wrap}.t-chat__text .other__model-change,.t-chat__text .other__system{background:var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-default);box-sizing:border-box;color:var(--td-text-color-disabled);line-height:20px;padding:var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-s);text-align:center}.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 ol,.t-chat__text__assistant p,.t-chat__text__assistant ul{line-height:1.5}.t-chat__text__assistant ol{padding-inline-start:20px}.t-chat__text__assistant img{border-radius:var(--td-radius-default);margin:var(--td-comp-margin-xs) 0;max-width:100%}.t-chat__text__assistant :where(code):not(:where(pre *)){background:var(--td-error-color-1);border-radius:var(--td-radius-default);color:var(--td-error-color);font-size:var(--td-font-size-body-small);margin:0 var(--td-comp-margin-xxs);padding:var(--td-comp-paddingTB-xxs) var(--td-pop-padding-m);word-break:break-word}.t-chat__text__assistant blockquote{background:var(--td-gray-color-1);border-left:2px solid var(--td-gray-color-3);color:var(--td-font-gray-1);margin:var(--td-comp-margin-l) 0;padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingTB-m) var(--td-comp-paddingTB-m) var(--td-comp-size-xs)}.t-chat__text__assistant hr{border:1px solid var(--td-border-level-1-color);opacity:1}.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{border:1px solid var(--td-border-level-2-color);border-radius:var(--td-radius-medium);display:flex;list-style:none;margin-top:var(--td-comp-margin-xs);overflow:hidden;padding:3px}.t-chat__actions,.t-chat__actions .t-button{background-color:var(--td-bg-color-secondarycontainer)}.t-chat__actions .t-button{border:0;box-sizing:content-box;color:var(--td-text-color-primary);height:var(--td-comp-size-xxxs);margin-right:var(--td-comp-margin-xs);padding:var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs);width:var(--td-comp-size-xxxs)}.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{background-color:var(--td-component-stroke);height:var(--td-comp-size-xxxs);margin-right:var(--td-comp-margin-xs);width:1px}.t-chat__code-header{display:flex;justify-content:space-between;padding:0 var(--td-pop-padding-xl);padding-top:var(--td-pop-padding-xl)}.t-chat__copy-btn,.t-chat__language-txt{color:var(--td-font-white-1)}.t-chat__copy-btn{cursor:pointer}.t-chat__to-bottom{border:0;border-radius:50%;bottom:210px;box-shadow:var(--td-shadow-2);height:40px;left:50%;margin-left:-20px;padding:0;position:absolute;width:40px}.t-chat__to-bottom-inner{align-items:center;background:var(--td-bg-color-container);border:1px solid var(--td-border-level-2-color);border-radius:50%;box-sizing:border-box;display:flex;font-size:24px;height:40px;justify-content:center;line-height:40px;width:40px}.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__detail-reasoning .t-collapse,.t-chat__text--variant--outline .t-chat__detail-reasoning .t-collapse{background:none}.t-chat__text--variant--outline .t-chat__detail-reasoning .t-collapse-panel{margin-left:0;padding:var(--td-comp-paddingTB-m) 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;display:flex;height:24px;width:24px}.t-chat__detail-reasoning .t-collapse-panel__header{font:var(--td-font-body-medium);padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingTB-m)}.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-size:var(--td-font-size-body-medium);font-weight:400}.t-chat__detail-reasoning .t-collapse-panel__content .t-chat__text .t-chat__text__assistant .t-chat__text__content p{box-sizing:border-box;color:var(--td-text-color-primary);font:var(--td-font-body-medium);list-style:none;margin:0;padding:0}.t-chat-loading{align-items:center;display:flex}.t-chat-loading__indicator--moving{height:14px;position:relative;width:14px}.t-chat-loading__indicator--moving .t-chat-loading__dot{background-color:var(--td-brand-color);border-radius:var(--td-radius-circle);height:8px;position:absolute;width:8px}.t-chat-loading__indicator--moving .t-chat-loading__dot--top{animation:dot-moving-top .6s ease-in-out infinite alternate;left:3px;top:-4px}.t-chat-loading__indicator--moving .t-chat-loading__dot--left{animation:dot-moving-left .6s ease-in-out infinite alternate;bottom:-5px;left:-5px}.t-chat-loading__indicator--moving .t-chat-loading__dot--right{animation:dot-moving-right .6s ease-in-out infinite alternate;bottom:-5px;right:-5px}.t-chat-loading__indicator--gradient{animation:border-gradient-color .6s ease-in-out infinite alternate;background-color:transparent;border:1.5px solid var(--td-brand-color);border-radius:var(--td-radius-circle);box-sizing:border-box;height:14px;width:14px}@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{display:block;overflow-x:auto;padding:1em}.t-chat__text__content code.hljs{padding:3px 5px}.t-chat__text__content .hljs{background:var(--td-gray-color-14);color:var(--td-font-white-1)}.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-formula,.t-chat__text__content .hljs-keyword{color:#c678dd}.t-chat__text__content .hljs-deletion,.t-chat__text__content .hljs-name,.t-chat__text__content .hljs-section,.t-chat__text__content .hljs-selector-tag,.t-chat__text__content .hljs-subst{color:#e06c75}.t-chat__text__content .hljs-literal{color:#56b6c2}.t-chat__text__content .hljs-addition,.t-chat__text__content .hljs-attribute,.t-chat__text__content .hljs-meta .hljs-string,.t-chat__text__content .hljs-regexp,.t-chat__text__content .hljs-string{color:#98c379}.t-chat__text__content .hljs-attr,.t-chat__text__content .hljs-number,.t-chat__text__content .hljs-selector-attr,.t-chat__text__content .hljs-selector-class,.t-chat__text__content .hljs-selector-pseudo,.t-chat__text__content .hljs-template-variable,.t-chat__text__content .hljs-type,.t-chat__text__content .hljs-variable{color:#d19a66}.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-symbol,.t-chat__text__content .hljs-title{color:#61aeee}.t-chat__text__content .hljs-built_in,.t-chat__text__content .hljs-class .hljs-title,.t-chat__text__content .hljs-title.class_{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}