pre[class*=language-],code[class*=language-]{color:#d4d4d4;font-size:13px;text-shadow:none;font-family:Menlo,Monaco,Consolas,Andale Mono,Ubuntu Mono,Courier New,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::selection,code[class*=language-]::selection,pre[class*=language-] *::selection,code[class*=language-] *::selection{text-shadow:none;background:#264f78}@media print{pre[class*=language-],code[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;background:#1e1e1e}:not(pre)>code[class*=language-]{padding:.1em .3em;border-radius:.3em;color:#db4c69;background:#1e1e1e}.namespace{opacity:.7}.token.doctype .token.doctype-tag{color:#569cd6}.token.doctype .token.name{color:#9cdcfe}.token.comment,.token.prolog{color:#6a9955}.token.punctuation,.language-html .language-css .token.punctuation,.language-html .language-javascript .token.punctuation{color:#d4d4d4}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.inserted,.token.unit{color:#b5cea8}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.deleted{color:#ce9178}.language-css .token.string.url{text-decoration:underline}.token.operator,.token.entity{color:#d4d4d4}.token.operator.arrow{color:#569cd6}.token.atrule{color:#ce9178}.token.atrule .token.rule{color:#c586c0}.token.atrule .token.url{color:#9cdcfe}.token.atrule .token.url .token.function{color:#dcdcaa}.token.atrule .token.url .token.punctuation{color:#d4d4d4}.token.keyword{color:#569cd6}.token.keyword.module,.token.keyword.control-flow{color:#c586c0}.token.function,.token.function .token.maybe-class-name{color:#dcdcaa}.token.regex{color:#d16969}.token.important{color:#569cd6}.token.italic{font-style:italic}.token.constant{color:#9cdcfe}.token.class-name,.token.maybe-class-name{color:#4ec9b0}.token.console,.token.parameter,.token.interpolation{color:#9cdcfe}.token.punctuation.interpolation-punctuation,.token.boolean{color:#569cd6}.token.property,.token.variable,.token.imports .token.maybe-class-name,.token.exports .token.maybe-class-name{color:#9cdcfe}.token.selector,.token.escape{color:#d7ba7d}.token.tag{color:#569cd6}.token.tag .token.punctuation,.token.cdata{color:gray}.token.attr-name{color:#9cdcfe}.token.attr-value,.token.attr-value .token.punctuation{color:#ce9178}.token.attr-value .token.punctuation.attr-equals{color:#d4d4d4}.token.entity{color:#569cd6}.token.namespace{color:#4ec9b0}pre[class*=language-javascript],code[class*=language-javascript],pre[class*=language-jsx],code[class*=language-jsx],pre[class*=language-typescript],code[class*=language-typescript],pre[class*=language-tsx],code[class*=language-tsx]{color:#9cdcfe}pre[class*=language-css],code[class*=language-css]{color:#ce9178}pre[class*=language-html],code[class*=language-html]{color:#d4d4d4}.language-regex .token.anchor{color:#dcdcaa}.language-html .token.punctuation{color:gray}pre[class*=language-]>code[class*=language-]{position:relative;z-index:1}.line-highlight.line-highlight{background:#f7ebc6;box-shadow:inset 5px 0 #f7d87c;z-index:0}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}.floor-container{display:flex;align-items:center}.floor-container ::-webkit-scrollbar{background-color:transparent}.section-container{width:100%}.app-container{display:flex;flex-direction:column;gap:24px;width:100%;height:872px;padding-bottom:72px;max-height:100%;position:relative}.editor-container{display:flex;flex-direction:column;height:100%;max-height:800px;min-width:420px;min-height:400px;max-width:100%;width:100%;overflow:hidden;border-radius:16px;color:#fff;background-color:#1e1e1e;position:relative}@media(max-width:1280px){.editor-container{max-height:700px}}@media(max-width:1024px){.editor-container{max-height:600px}}@media(max-width:768px){.editor-container{min-width:320px;max-height:400px}}.main-content{display:flex;flex:1;overflow:hidden}pre,code{border:none!important}.text-shimmer{background:linear-gradient(90deg,#6e6e6e,#9d9d9d 25%,#9d9d9d 75%,#6e6e6e);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 1.5s linear infinite}.file-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:9px;font-weight:700;border-radius:2px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center}.file-icon.js{background-image:url(images/file/js.svg)}.file-icon.ts{background-image:url(images/file/ts.svg)}.file-icon.html{background-image:url(images/file/html.svg)}.file-icon.css{background-image:url(images/file/css.svg)}.file-icon.json{background-image:url(images/file/json.svg)}.file-icon.py{background-image:url(images/file/py.svg)}.file-icon.java{background-image:url(images/file/java.svg)}.file-icon.md{background-image:url(images/file/md.svg)}.file-icon.default{background-image:url(images/file/js.svg)}.toolbar{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 16px;background-color:#303133;border-bottom:1px solid #3c3c3c;-webkit-user-select:none;user-select:none;font-size:12px;cursor:move}.toolbar:hover .toolbar-right{visibility:visible}.toolbar-left,.toolbar-right{display:flex;justify-content:flex-start;gap:4px;width:25%}.toolbar-right{visibility:hidden;justify-content:flex-end}.toolbar-right .toolbar-tips{color:#fff;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mac-window-controls{display:flex;align-items:center;gap:8px;padding:0 4px}.mac-dot{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:all .15s ease;position:relative;background-color:#b3b3b3}.mac-dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s ease;font-size:8px;color:#00000080;font-weight:700}.toolbar-center{display:flex;align-items:center;justify-content:center;position:relative;width:50%;height:100%}.toolbar-center:after{content:"";position:absolute;background:linear-gradient(90deg,#625cfc00,#de64a06b 50%,#aa61f000);opacity:.5;width:100%;height:100%}.app-title{font-size:12px;color:#fff}.toolbar-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:none;border-radius:3px;color:#9d9d9d;cursor:pointer;transition:all .15s ease}.toolbar-btn:hover{background-color:#2a2d2e;color:#ccc}.toolbar-btn.active{background-color:#37373d;color:#fff}.toolbar-btn.primary{background-color:#007acc;color:#fff}.toolbar-btn.primary:hover{background-color:#1a85c4}.panel{display:flex;flex-direction:column;background-color:#333438b3;overflow:hidden;transition:width .2s ease,opacity .2s ease}.panel.hidden{width:0!important;min-width:0!important;opacity:0;overflow:hidden;padding:0!important}.panel-header{display:flex;align-items:center;height:30px;-webkit-user-select:none;user-select:none}.panel-title{font-size:14px;line-height:22px;color:#fff}.panel-content{flex:1;overflow:auto}.panel-footer{flex-shrink:0;padding-top:16px}.resizer{width:4px;background-color:transparent;cursor:col-resize;transition:background-color .15s ease,width .2s ease,opacity .2s ease;flex-shrink:0}.resizer.hidden{width:0!important;opacity:0;overflow:hidden}.resizer:hover,.resizer.active{background-color:#007acc}.file-panel{width:280px;min-width:150px;background-color:#262729;padding:0 16px;gap:10px;font-size:14px;line-height:22px}.file-panel .panel-header{height:40px;line-height:40px;border-bottom:1px solid rgba(255,255,255,.1)}.file-tree-header{display:flex;align-items:center;padding:6px 8px 6px 0;color:#9d9d9d;cursor:pointer;-webkit-user-select:none;user-select:none}.file-tree-header:hover{background-color:#2a2d2e}.folder-icon{margin-right:4px;font-size:10px;background:url(images/icon/file-folder.svg) no-repeat center / cover;width:16px;height:16px}.folder-name{color:#fff}.file-list{list-style:none;gap:4px}.file-item{display:flex;align-items:center;padding:4px 8px 4px 24px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;margin:1px 0}.file-item:hover{background-color:#ffffff14}.file-item.active{background-color:#986bef33}.file-icon{margin-right:6px}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-panel{flex:1;min-width:150px;background-color:#1e1e1e}.editor-tabs{padding:4px 5px;background-color:#19191a;height:auto}.tabs-container{display:flex;overflow-x:auto;height:100%;gap:4px}.tabs-container::-webkit-scrollbar{height:3px}.tabs-container::-webkit-scrollbar-thumb{background-color:#37373d}.editor-tab{display:flex;align-items:center;gap:4px;padding:5px 12px;height:100%;border:1px solid transparent;cursor:pointer;white-space:nowrap;border-radius:8px;line-height:22px}.editor-tab:hover{background-color:#2a2d2e}.editor-tab.active{background:url(images/background/bg-editor-tab-active.svg);background-size:100% 100%;background-repeat:no-repeat;background-position:center}.editor-tab.active .tab-close{opacity:.6}.tab-close{display:flex;align-items:center;justify-content:center;font-size:16px;width:16px;height:16px;border-radius:3px;opacity:0;transition:opacity .15s ease}.editor-tab:hover .tab-close{opacity:.6}.tab-close:hover{opacity:1!important}.code-container{height:calc(100% - 30px);overflow:auto;background-color:#1e1e1e}pre[class*=language-]{margin:0;padding:12px;background-color:#1e1e1e!important;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;-moz-tab-size:2;tab-size:2;min-width:100%;width:fit-content}code[class*=language-]{font-family:Consolas,Monaco,Courier New,monospace;font-size:14px}.line-numbers .line-numbers-rows{border-right:1px solid #747474;padding-right:8px}.line .line-numbers-rows>span{padding:2px 0}.line-numbers-rows>span:before{color:#6e6e6e}.chat-panel{width:620px;min-width:150px;border-left:1px solid #4d4d4d;padding:16px;background-color:#1a1a1a}.chat-panel .panel-header{padding:0;background-color:transparent;margin-bottom:12px}.chat-panel .panel-content{margin-right:-12px;padding-right:12px}.chat-message{padding-bottom:16px;animation:fadeIn .1s ease}.chat-message.user{display:flex;justify-content:flex-start;padding-bottom:16px;position:relative;z-index:1;animation:none}.chat-message.user.sticky{position:sticky;top:0;z-index:10}.chat-message.user.sticky:after{content:"";position:absolute;bottom:-3px;z-index:-1;left:0;right:0;height:40px;background:linear-gradient(0deg,#16181a1a,#1a1a1a);pointer-events:none}.chat-message.user .message-content{background-color:#007acc;color:#fff;border-radius:12px 12px 4px;padding:8px 12px;max-width:85%}.chat-message.assistant .message-content{color:#e6e6e6}.user-message-box{display:flex;align-items:center;width:100%;padding:10px 14px;background-color:#333;border:1px solid #4d4d4d;border-radius:6px}.user-message-text{font-size:14px;color:#e6e6e6;white-space:pre-wrap;word-break:break-word}.message-text{white-space:pre-wrap;word-break:break-word;line-height:22px;font-size:14px}.message-text.markdown-rendered{white-space:normal}.message-text ol{margin:4px 0;padding-left:20px}.message-text ol li{margin:4px 0;line-height:22px}.message-text ul{margin:4px 0;padding-left:20px;list-style:disc}.message-text ul li,.message-text p{margin:4px 0;line-height:22px}.message-text h1{font-size:20px}.message-text h2{font-size:16px}.message-text h1,.message-text h2,.message-text h3,.message-text h4,.message-text h5,.message-text h6{margin:16px 0;line-height:1.5}.message-text strong{margin:16px 0 4px;display:block}.message-html a{color:#5291ff}.message-html a:hover{text-decoration:underline}.chat-file-block{margin:8px 0 16px;border:1px solid #333;border-radius:6px;overflow:hidden;background-color:#262626}.chat-file-block.generating{position:relative}.chat-file-block.generating .file-name{background:linear-gradient(90deg,#6e6e6e,#9d9d9d 25%,#9d9d9d 75%,#6e6e6e);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 1.5s linear infinite}.chat-file-block.expanded .collapse-icon{transform:rotate(90deg)}.chat-file-block.expanded .chat-file-content{display:block}.chat-file-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.chat-file-info,.chat-file-stats{display:flex;align-items:center;gap:8px}.view-changes-btn{padding:4px 8px;font-size:14px;line-height:22px;color:#e6e6e6;border:none;background-color:#333;border-radius:4px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.view-changes-btn:hover{background-color:#ffffff1a}.view-changes-btn:active{background-color:#4d4d4d}.collapse-icon{color:gray;font-size:20px;line-height:20px;margin-top:-4px;margin-left:4px;transition:transform .2s ease}.chat-file-content{display:none;max-height:300px;overflow:auto;border-top:1px solid #333;padding:8px}.chat-file-content pre{margin:0;font-size:12px;line-height:1.5;background-color:transparent!important;padding:0;width:fit-content;min-width:100%}.chat-file-content code{margin:0;font-size:12px;line-height:1.5;width:100%}.chat-input-container{display:flex;padding:12px;gap:8px;min-height:122px;max-height:400px;border:1px solid #4d4d4d;border-radius:8px;background-color:#262626;flex-direction:column;align-items:flex-start;transition:height .1s ease}.chat-input{background-color:transparent;border:none;color:#ccc;font-size:14px;line-height:16px;resize:none;outline:none;width:100%;padding:0;min-height:18px;margin-bottom:8px}.chat-input:focus{border-color:#007acc}.chat-input::placeholder{color:#6e6e6e}.chat-command-box{display:flex;gap:4px;color:#fff;align-items:center;width:100%}.chat-command-box .chat-command{background-color:#666;border-radius:4px;display:flex;width:16px;height:16px;align-items:center;justify-content:center;font-size:12px}.chat-operation-box{display:flex;justify-content:space-between;width:100%}.send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:none;border-radius:50%;cursor:pointer;transition:background-color .15s ease;align-self:flex-end;padding:0;background-color:#834df0}.send-btn:hover{background-color:#834df0}.send-btn:disabled,.send-btn.disabled{cursor:not-allowed;pointer-events:none;background-color:#422284}.send-btn:disabled .send-btn-icon,.send-btn.disabled .send-btn-icon{background:url(images/icon/icon-send-disabled.svg) no-repeat center / cover}.send-btn-icon{display:inline-block;width:24px;height:24px;object-fit:contain;transition:opacity .15s ease;background:url(images/icon/icon-send.svg) no-repeat center / cover}.steps-container{display:flex;flex-direction:column;gap:4px;margin-bottom:4px;padding:0 0 8px}.step-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#9d9d9d}.step-item.processing .step-icon{border:2px solid #007acc;border-top-color:transparent;animation:spin 1s linear infinite}.step-item.completed .step-icon{color:#fff}.step-item.completed .step-text-done{color:#b3b3b3}.step-icon{display:none;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:10px}.step-text-shimmer{background:linear-gradient(90deg,#6e6e6e,#9d9d9d 25%,#9d9d9d 75%,#6e6e6e);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 1.5s linear infinite}.step-text-done{color:#ccc}.chat-agent-box{display:flex;align-items:center}.selector-wrapper{display:flex;gap:16px}.selector-item{position:relative;display:flex;align-items:center}.selector-trigger{display:flex;align-items:center;gap:4px;padding:6px 10px;background-color:transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.selector-trigger:hover{background-color:#ced1db1a}.selector-icon{width:16px;height:16px;object-fit:contain}.selector-label{font-size:12px;color:#ccc;white-space:nowrap}.selector-arrow{color:#9d9d9d;flex-shrink:0;width:10px;height:10px;background:url(images/icon/icon-arrow.svg) no-repeat center / cover}.selector-item.open .selector-arrow{transform:rotate(180deg)}.selector-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;min-width:160px;background-color:#262626;border:1px solid #333;border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:100;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .15s ease}.selector-agent .selector-dropdown{width:350px}.selector-item.open .selector-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-list{padding:8px;max-height:240px;overflow-y:auto;gap:2px;display:flex;flex-direction:column}.dropdown-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:4px;cursor:pointer;transition:background-color .15s ease}.dropdown-item:hover,.dropdown-item:active{background-color:#ced1db1a}.dropdown-item-icon{width:16px;height:16px;object-fit:contain;margin-top:3px}.dropdown-item-label{font-size:14px;line-height:22px;color:#ccc;white-space:nowrap;flex:1}.dropdown-item.selected{background-color:#ced1db1a}.selector-model .dropdown-item-check{width:16px;height:16px;flex-shrink:0;background:url(images/icon/icon-check.svg) no-repeat center / cover;opacity:0;transition:opacity .15s ease}.dropdown-item.selected .dropdown-item-check{opacity:1}.selector-agent .dropdown-item-check{font-size:12px;line-height:20px;border-radius:4px;background:#834df0;padding:0 8px;display:inline-block;color:#fff}.selector-agent .dropdown-item-desc{font-size:12px;line-height:20px;color:gray}@media(max-width:1280px){.chat-panel{width:420px}}@media(max-width:768px){.chat-panel{width:100%}}.demo-footer{display:flex;align-items:center;justify-content:center;height:50px;background-color:transparent;padding:0 20px;-webkit-user-select:none;user-select:none;width:100%;transition:width .1s ease-out;position:absolute;bottom:0}.demo-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background-color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #ffffff29}.demo-btn:hover{box-shadow:0 2px 8px #0003}.demo-btn:active{box-shadow:0 1px 4px #0003}.demo-btn:disabled{background-color:#37373d;cursor:not-allowed;opacity:.5}.demo-btn svg{width:20px;height:20px;flex-shrink:0;transition:transform .2s ease}.demo-btn:active svg{animation:spin .5s ease-in-out}.resize-handle{position:absolute;background-color:transparent;transition:background-color .2s ease;z-index:1000}.resize-handle-north{top:0;left:0;width:100%;height:8px;cursor:ns-resize}.resize-handle-north:hover{height:10px}.resize-handle-south{bottom:0;left:0;width:100%;height:8px;cursor:ns-resize}.resize-handle-south:hover{height:10px}.resize-handle-east{top:0;right:0;width:8px;height:100%;cursor:ew-resize}.resize-handle-east:hover{width:10px}.resize-handle-west{top:0;left:0;width:8px;height:100%;cursor:ew-resize}.resize-handle-west:hover{width:10px}.resize-handle-ne{top:0;right:0;width:16px;height:16px;cursor:nesw-resize}.resize-handle-ne:hover{width:20px;height:20px}.resize-handle-nw{top:0;left:0;width:16px;height:16px;cursor:nwse-resize}.resize-handle-nw:hover{width:20px;height:20px}.resize-handle-se{bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize}.resize-handle-se:hover{width:20px;height:20px}.resize-handle-sw{bottom:0;left:0;width:16px;height:16px;cursor:nesw-resize}.resize-handle-sw:hover{width:20px;height:20px}.resize-handle-right{top:0;right:0;width:8px;height:100%;cursor:col-resize}.resize-handle-right:hover{width:10px}.resize-handle-bottom{bottom:0;left:0;width:100%;height:8px;cursor:row-resize}.resize-handle-bottom:hover{height:10px}.resize-handle-corner{bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize}.resize-handle-corner:hover{width:20px;height:20px}.line{display:inline-block;width:100%;line-height:1.5;padding:2px 6px}.line-addition{background-color:#1c4030;border-left:3px solid #75b06d;color:#4ade80}.line-deletion{background-color:#522120;color:#f87171;border-left:3px solid #d95a4c;position:relative}.additions{color:#5ba854}.deletions{color:#d94838}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes textShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stream-cursor{display:inline-block;width:2px;height:1em;background-color:#ccc;margin-left:2px;animation:blink 1s infinite}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#37373d;border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#6e6e6e}::-webkit-scrollbar-corner{background-color:transparent}@media(max-width:768px){:root{--file-panel-width: 180px;--chat-panel-width: 280px;--min-panel-width: 120px}}