div[name=DEMO] .t-chat__text pre{background:transparent;border:none;padding:0;margin: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;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;height:100%;width:100%;color:var(--td-text-color-primary)}.t-chat__list{flex:1;overflow-y:auto;overflow-x:hidden}.t-chat__list:hover::-webkit-scrollbar-thumb{background-color:var(--td-scrollbar-color)}.t-chat__list::-webkit-scrollbar{width:4px;background:transparent}.t-chat__list::-webkit-scrollbar-thumb{border-radius:6px;border:4px solid transparent;background-clip:border-box;background-color:transparent}.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);font-size:var(--td-font-size-body-small);cursor:pointer}.t-chat__list .clear-btn .t-divider__inner-text{display:flex;align-items:center}.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%;position:relative;display:flex;padding-right:0}.t-chat__footer .t-chat__footer__content{margin-top:var(--td-comp-margin-xl)}.t-chat__footer__textarea{flex-grow:1;position:relative;border-radius:var(--td-radius-round)}.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);border-radius:32px;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{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{position:absolute;bottom:var(--td-comp-paddingTB-s);right:var(--td-comp-paddingLR-s);text-align:center;cursor:pointer;height:var(--td-comp-size-xxl);display:flex;align-items:center;justify-content:center}.t-chat__footer__textarea__icon .t-chat__footer__textarea__icon__default{transform:rotate(-90deg);width:var(--td-comp-size-xxl);height:var(--td-comp-size-xxl);border-radius:var(--td-radius-circle);color:var(--td-text-color-disabled)}.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{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{position:relative;width:100%;padding:0 var(--td-comp-paddingLR-xxs);box-sizing:border-box}.t-chat-sender__header{border:1px solid var(--td-component-border);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)) 0 0;margin-bottom:calc(0px - var(--td-comp-margin-l));padding-bottom:var(--td-pop-padding-xxl)}.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__inner-header:empty{margin-bottom:var(--td-comp-margin-s)}.t-chat-sender__upload{margin-right:var(--td-comp-margin-m);width:var(--td-comp-size-s);height:var(--td-comp-size-s)}.t-chat-sender__textarea{position:relative;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-xs);background-color:var(--td-bg-color-secondarycontainer)}.t-chat-sender__textarea--focus{border-color:var(--td-brand-color);background-color:var(--td-bg-color-container);box-shadow:0 0 0 2px var(--td-brand-color-focus)}.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{width:100%;margin-bottom:var(--td-comp-margin-m);padding:0 var(--td-comp-paddingLR-s)}.t-chat-sender .t-textarea .t-textarea__inner{background-color:#0000;padding:0;border:0;scrollbar-width:none;font:var(--td-font-body-large);color:var(--td-text-color-primary)}.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{box-shadow:none}.t-chat-sender .t-textarea .t-textarea__inner:focus{box-shadow:none}.t-chat-sender__footer{display:flex;justify-content:space-between;padding:0 var(--td-comp-paddingLR-s) var(--td-comp-paddingTB-s)}.t-chat-sender__button{display:flex;align-items:center}.t-chat-sender__button__actions{margin-right:var(--td-comp-margin-m)}.t-chat-sender__button .t-chat-sender__button__default{padding:0;transform:rotate(-90deg);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)}.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__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__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;justify-content:center;flex:1 1 auto;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{max-width:calc(100% - var(--td-comp-size-xl));box-sizing:border-box}.t-chat__inner.model-change{justify-content:center;margin-top:var(--td-comp-margin-xxl)}.t-chat__inner.model-change .t-chat__content{align-items:center}.t-chat__inner.model-change .t-chat__text{padding:0;font-size:var(--td-font-size-body-small);color:var(--td-text-color-disabled)}.t-chat__inner.model-change .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;line-height:20px;text-align:center}.t-chat__inner.model-change .t-chat__notice .t-chat__text{padding:0;font-size:var(--td-font-size-body-small);color:var(--td-text-color-disabled)}.t-chat__inner.model-change .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{flex-shrink:0;cursor:pointer;display:flex;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{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);display:flex;flex-direction:column;align-items:flex-start}.t-chat__content .t-skeleton{width:100%;padding:var(--td-pop-padding-xxl)}.t-chat__content .t-chat__text--model-change{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;line-height:20px;text-align:center}.t-chat__content .t-chat__text--model-change span{color:var(--td-text-color-placeholder)}.t-chat__base{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;font:var(--td-font-body-medium);color:var(--td-text-color-placeholder);padding-left:var(--td-pop-padding-xxl)}.t-chat__name{padding-right:var(--td-comp-margin-s);cursor:pointer}.t-chat__text{padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);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);margin:0;white-space:pre-wrap}.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--error{color:var(--td-error-color)}.t-chat__text--variant--base .t-chat__text{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);display:flex;list-style:none;padding:3px;background-color:var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);border:1px solid var(--td-border-level-2-color);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);border:0;margin-right:var(--td-comp-margin-xs)}.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{display:flex;align-items:center}.t-chat__refresh-line{width:1px;height:var(--td-comp-size-xxxs);background-color:#e7e7e7;margin-right:var(--td-comp-margin-xs)}.t-chat__code-header{display:flex;padding:0 var(--td-pop-padding-xl);padding-top:var(--td-pop-padding-xl);justify-content:space-between}.t-chat__language-txt{color:var(--td-font-white-1)}.t-chat__copy-btn{color:var(--td-font-white-1);cursor:pointer}.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{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:none}.t-chat__detail-reasoning .t-collapse-panel{margin-left:var(--td-comp-margin-l)}.t-chat__text--variant--outline .t-chat__detail-reasoning .t-collapse-panel{margin-left:0;padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l)}.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{width:24px;height:24px;display:flex;align-items:center}.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{display:flex;align-items:center}.t-chat-loading__indicator--moving{position:relative;width:14px;height:14px}.t-chat-loading__indicator--moving .t-chat-loading__dot{position:absolute;width:8px;height:8px;border-radius:var(--td-radius-circle);background-color:var(--td-brand-color)}.t-chat-loading__indicator--moving .t-chat-loading__dot--top{top:-4px;left:3px;animation:dot-moving-top .6s ease-in-out alternate infinite}.t-chat-loading__indicator--moving .t-chat-loading__dot--left{bottom:-5px;left:-5px;animation:dot-moving-left .6s ease-in-out alternate infinite}.t-chat-loading__indicator--moving .t-chat-loading__dot--right{bottom:-5px;right:-5px;animation:dot-moving-right .6s ease-in-out alternate infinite}.t-chat-loading__indicator--gradient{width:14px;height:14px;background-color:transparent;border-radius:var(--td-radius-circle);border:1.5px solid var(--td-brand-color);animation:border-gradient-color .6s ease-in-out alternate infinite;box-sizing:border-box}@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%{transform:scale(1);top:-4px}to{transform:scale(1.75);top:3px}}@keyframes dot-moving-left{0%{transform:scale(1);bottom:-4px;left:-4px}to{transform:scale(1.75);bottom:3px;left:3px}}@keyframes dot-moving-right{0%{transform:scale(1);bottom:-4px;right:-4px}to{transform:scale(1.75);bottom:3px;right:3px}}.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{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}