.playground{height:calc(100vh - 56px);display:flex}.playground .h3-title{color:#202123;font-size:16px;font-weight:700;letter-spacing:0;line-height:normal;margin-top:24px;margin-bottom:16px;white-space:nowrap}.playground .playground-left-menu{flex:0 1 auto;position:relative}.playground .playground-left-menu .ant-menu-root{height:100%}.playground .playground-header{position:relative;height:72px;line-height:72px}.playground .playground-header .playground-title{border:none;font-size:16px;font-style:normal;font-weight:590;text-align:center}.playground .playground-header .playground-header-right-op{position:absolute;right:12px;top:0;white-space:nowrap}.playground .playground-header .playground-header-right-op>*{margin-right:12px}.playground .playground-content{width:100%;height:100%;padding-left:10px}.playground .playground-content .h2-title{padding:16px 24px;border-bottom:1px solid #424242}.playground .playground-main{min-height:500px;display:flex;flex:1 1 auto;padding-top:1px;box-sizing:border-box;height:calc(100% - 20px);background-color:var(--gray-04)}.playground .playground-main>div{max-height:100%}.playground .playground-main-left{flex:0 0 272px;height:100%;background-color:#fff;margin-right:1px;padding-right:30px}.playground .playground-main-left .h4-title{color:#353740;font-size:16px;font-weight:400;line-height:19px;letter-spacing:0;line-height:normal}.playground .system-prompt-input{padding:16px;height:245px;resize:none}.playground .main-prompt-bottom{position:sticky;bottom:0;background-color:#fff}.playground .chat-input{padding:16px;border-radius:4px;border:1px solid #155849;min-height:124px;resize:none;height:100px}.playground .main-prompt-button{position:absolute;right:0;bottom:0}.playground .main-prompt-button-placeholder{height:48px}.playground .main-prompt{min-width:350px;display:flex;flex-flow:column;flex:7 7 auto;background-color:var(--white-100);overflow:hidden}.playground .function-calling-container{min-height:calc(100% - 48px);overflow:hidden}.playground .function-calling-container .function-calling-list{overflow-y:scroll;max-height:calc(100% - 80px)}.playground .chat-scroll-box{overflow-y:scroll}.playground .title-h3{color:var(--gray-88);font-size:13px;font-weight:400;left:0;letter-spacing:0;line-height:normal}.playground .title-h3-mt{margin-top:24px}.playground .mr12{margin-left:12px}.history-dropdown{max-height:268px;overflow:auto;box-shadow:0 0 24px #bfbfbf}.history-dropdown .history-dropdown-item{display:flex;align-items:center}.history-dropdown .history-dropdown-item .dropdown-item-title-h3{padding:4px 20px;font-weight:700;font-size:14px;color:#bfbfbf;border-bottom:1px dashed hsla(0,0%,100%,.6);flex:1;text-align:center}.history-dropdown .history-dropdown-item .dropdown-item-desc{font-size:12px;color:#8c8c8c}.history-dropdown .history-dropdown-item .dropdown-item-content{flex:1}.history-dropdown .history-dropdown-item .love-btn{flex:0}.show-md-modal .ant-modal-content{padding:0!important;overflow:hidden}.show-md-modal .ant-modal-confirm-content{width:100%}.show-md-modal .markdown-container{width:100%;padding:0;margin:0}.show-md-modal .code-container{margin:0!important}.show-md-modal .code-container ::-webkit-scrollbar-track{background-color:#f5f2f0!important}.show-md-modal .code-container ::-webkit-scrollbar{height:6px!important}.show-md-modal .ant-modal-confirm-btns{padding:12px;background-color:#f5f2f0;margin-top:0}.show-md-modal .ant-modal-confirm-paragraph{max-width:100%!important}.main-content-bottom{padding:0 48px;margin-bottom:10px;text-align:center}.main-content-bottom .wrap{position:relative;display:flex}.main-content-bottom .input-content-wrapper{text-align:left;width:calc(100% - 48px);padding:10px 24px 9px;position:relative;background-color:var(--white-100);border-radius:4px;overflow:hidden;border:1px solid;border-color:var(--gray-12);box-shadow:0 4px 16px 0 rgba(0,0,0,.078)}.main-content-bottom .input-content-wrapper:has(.textarea:focus){border-color:#0f4037}.main-content-bottom .input-content-wrapper:hover{border-color:var(--gray-40)}.main-content-bottom .textarea{resize:none;width:100%;border:none!important;background:transparent;font-weight:400;color:var(--gray-88);font-size:16px;letter-spacing:0;line-height:24px;outline:none!important;box-shadow:none!important;padding:4px 20px 4px 11px;max-height:40vh}.main-content-bottom .textarea::placeholder{font-size:16px;font-weight:400}.main-content-bottom .upload-img-wrapper{cursor:pointer;font-size:20px;opacity:.9;display:none}.main-content-bottom .upload-img-wrapper:hover{opacity:1}.main-content-bottom .upload-img-wrapper[data-show=true]{display:block}.main-content-bottom .send-btn{flex-shrink:0;display:flex;padding:0;margin-bottom:1px;width:48px;height:32px;align-items:center;justify-content:center;top:0;position:relative;border-radius:4px;background:linear-gradient(180deg,#0f4037,#155849);border:none}.main-content-bottom .send-btn .send-btn-img{position:relative;width:16px;height:16px;margin:-8px -6px}.main-content-bottom .send-btn[disabled],.main-content-bottom .send-btn[disabled]:hover{background:none;background-color:var(--gray-20)}.main-content-bottom .send-btn:hover{background:none;background-color:#155849}.mix-page-head-title-desc{color:#666;font-family:HarmonyOS Sans SC;font-size:14px;font-style:normal;font-weight:400;line-height:22px}.mix-page-division{width:98%;min-width:1130px;margin:0 0 24px}.mix-page-header-div{width:100%;min-width:1130px}.mixpage-material-div{border-radius:4px;border:1px solid #f0f1f5;background:#fbfbfb;width:646px;height:268px;flex-shrink:0}.mixpage-material-div .mixpage-material-title{color:#000;font-family:HarmonyOS Sans SC;font-size:20px;font-style:normal;font-weight:500;line-height:150%}.mixpage-preview-outer-wrap{z-index:2000}.mixpage-preview-outer-wrap .ant-modal-content{padding:0}.mixpage-preview-outer-wrap .ant-modal-close{right:-100px;top:-25px;width:42px;height:42px;border-radius:50%;background-color:rgba(0,0,0,.6);color:#fff;font-size:24px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none}.simple-border{border-radius:8px;border:.5px rgba(0,0,0,.5)!important}.mixpage-material-upload-box:hover .video-preview-tools{opacity:1;z-index:100}.mixpage-material-upload-box{width:110px;height:196px;border-radius:8px;border:.5px dashed #0ae066;background:#f1fff7;cursor:pointer}.mixpage-material-upload-box .uploading-div{width:100%;height:100%;border-radius:8px;background:gray;display:flex;position:relative}.mixpage-material-upload-box .uploading-div .generate-next-title{color:#48c459;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:150%;text-decoration-line:underline}.mixpage-material-upload-box .uploading-div .uploading-title{color:#fff;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:150%;margin-top:8px}.mixpage-material-upload-box .uploading-div .uploading-error-title{font-size:14px;color:red;font-family:PingFang SC;font-style:normal;font-weight:400;line-height:150%;margin-top:8px;white-space:normal;word-wrap:break-word;white-space:pre-wrap}.mixpage-material-upload-box .uploading-div .uploading-error-message{color:hsla(0,0%,100%,.8);text-align:center;font-family:PingFang SC;font-size:10px;font-style:normal;font-weight:400;line-height:150%}.mixpage-material-upload-box .uploading-div .progress-container{width:80%;position:relative}.mixpage-material-upload-box .video-preview-tools{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease;border-radius:8px;gap:20px}.mixpage-material-upload-box .upload-box-desc{margin-top:8px;color:#333}.mixpage-material-upload-box .upload-box-desc,.mixpage-material-upload-box .upload-box-showcase{text-align:center;font-family:HarmonyOS Sans;font-size:14px;font-style:normal;font-weight:400;line-height:150%}.mixpage-material-upload-box .upload-box-showcase{color:#37ae47;text-decoration-line:underline}.mixpage-result-video-div{width:394px;height:268px;flex-shrink:0;border-radius:4px;border:1px solid #f0f1f5;background:#fbfbfb}.mixpage-result-video-div .title-text{color:#333;font-family:HarmonyOS Sans SC;font-size:20px;font-style:normal;font-weight:480;line-height:150%}.mixpage-video-image-div{border-radius:8px;border:0}.mix-video-button{width:646px;height:44px;flex-shrink:0;border-radius:4px}.mix-video-button:disabled{opacity:.9;border-radius:4px;background:#ccc;color:#fff;font-size:14px;font-weight:500}.mix-vedio-step-div .step-title-1,.mix-video-button:disabled{font-family:HarmonyOS Sans SC;font-style:normal;line-height:normal}.mix-vedio-step-div .step-title-1{font-size:16px;font-weight:700}.mix-vedio-step-div .step-title-2{font-family:HarmonyOS Sans SC;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.mix-vedio-step-div .step-sub-title{padding:0;margin:0 1px;color:#999;font-family:HarmonyOS Sans SC;font-size:14px;font-style:normal;font-weight:350;line-height:normal}.mix-vedio-step-div .step-analyze-div{width:1080px}.mix-vedio-step-div .step-analyze-div .mix_step1_analyzing_desc{color:#999;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:150%}.mix-vedio-step-div .step-analyze-div .step-analyze-item-div{border-radius:4px;border:1px solid #f0f1f5;background:#fbfbfb}.mix-vedio-step-div .step-analyze-div .step-analyze-item-textresult{margin:0;color:#333;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:22px;max-height:168px;overflow-y:auto}.mix-vedio-step-div .step-analyze-div .step-analyze-item-shot{color:#36ad46;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:22px;text-decoration-line:underline;cursor:pointer}.mix-vedio-step-div .step-line{margin:0 30px 0 20px;width:1px;min-height:73px;border-left:1px dashed hsla(0,0%,60%,.6)}.mix-vedio-step-div .step-line.active{border-left:1px dashed rgba(21,88,73,.6)}.mix-vedio-step-div .step-line-end{margin:0 20px;width:1px;height:0;border-left:2px dashed hsla(0,0%,60%,.6)}.mix-page-script-result-div{width:1080px}.ant-progress-inner{background-color:#ecf4f1!important}.ant-modal-footer{margin-top:8px!important}.video-preview-div .center-text-div .main-title{color:#333;font-family:PingFang SC;font-size:24px;font-style:normal;font-weight:480;line-height:22px}.video-preview-div .center-text-div .sub-title{margin-top:33px;color:#666;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:350;line-height:200%}.mix-page-generate-result-div{width:394px;height:228px;border-radius:4px;border:1px solid #f0f1f5;background:#fbfbfb;margin-top:10px}.mix-page--new-step2{border:1px solid #f0f1f5;padding:24px 16px;box-sizing:border-box}.mix-page--new-step2,.mix-page-step2-loading-div{width:1080px;background:#fbfbfb;border-radius:4px}.mix-page-step2-loading-div{height:390px;flex-shrink:0;border:1px solid #f0f1f5}.mix-page-step2-loading-div .step2-title{color:#999;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:150%}.spin-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.video-shot-modal-div .ant-modal-body{overflow:auto!important}.video-shot-modal-div .ant-table-cell{white-space:pre-wrap!important;word-wrap:break-word!important}.mix-gen-result-footer-div p{font-family:HarmonyOS Sans SC;font-size:16px;font-weight:400;line-height:18.75px;text-align:left}.ant-table-thead>tr>th{white-space:nowrap!important;background-color:#f0f0f0!important;font-size:13px!important;color:#666!important;font-weight:700!important}.ant-table-tbody>tr>td{font-size:13px!important;color:#333!important}.mix-api-docs-link{color:#36ad46;font-family:HarmonyOS Sans SC;font-size:14px;font-style:normal;font-weight:400;line-height:22px;text-decoration-line:underline}.mixpage-task-warning-div .warning-text{color:#f5222d;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.mixpage-task-warning-div .warning-btn{display:flex;width:192px;padding:4px 16px;justify-content:center;align-items:center;gap:10px;border-radius:4px;background:#155849}.message-list-new{overflow-y:scroll;flex:1;width:100%}.message-list-new .markdown-body{font-size:14px;line-height:21px;width:100%}.message-list-new .markdown-body img{max-width:40%}.message-list-new .clear-before-content{top:-40px;font-size:12px;line-height:24px;width:calc(100% - 48px)}.message-list-new .clear-before-content:before{top:0}.message-list-new .clear-before-content:after,.message-list-new .clear-before-content:before{content:" ";position:absolute;width:100%;height:1px;left:0;background:linear-gradient(90deg,hsla(0,0%,92%,0),#eaeaea 50%,hsla(0,0%,92%,0))}.message-list-new .clear-before-content:after{bottom:0}.message-list-new .pd0{padding:0!important}.message-list-new .message-assistant-container-playground{padding:20px 48px 40px}.message-list-new .message-user-container{margin-bottom:0;padding-left:0}.message-list-new .message-assistant-container-playground:last-child .bottom-toolbar,.message-list-new .message-assistant-container-playground:last-child .bottom-toolbar .bottom-toolbar-edit,.message-list-new .message-user-container:last-child .bottom-toolbar,.message-list-new .message-user-container:last-child .bottom-toolbar .bottom-toolbar-edit{display:flex}.message-list-new .message-assistant-container-playground .bottom-toolbar,.message-list-new .message-user-container .bottom-toolbar{width:calc(100% - 164px);display:none}.message-list-new .message-assistant-container-playground .bottom-toolbar-edit,.message-list-new .message-user-container .bottom-toolbar-edit{display:none}.message-list-new .message-assistant-container-playground:hover .bottom-toolbar,.message-list-new .message-user-container:hover .bottom-toolbar{display:flex}.message-list-new .message-user-container{word-break:break-all;display:flex;align-items:flex-start;padding:20px 48px;position:relative;background-color:var(--white-100)}.message-list-new .message-user-container .file-content-wrapper{display:flex;justify-content:flex-start;align-items:center;min-width:180px;margin-bottom:12px}.message-list-new .message-user-container .file-name{margin-left:6px;font-size:16px}.message-list-new .message-assistant-container-playground .model-icon-wrapper,.message-list-new .message-user-container .user-icon{pointer-events:none;-webkit-user-select:none;user-select:none;flex:0 0 32px;margin-right:16px;position:relative;width:32px;height:32px;line-height:32px;font-size:12px;border-radius:50%;text-align:center;overflow:hidden;color:#155849;background:#f3f3f3;font-weight:700}.message-list-new .message-assistant-container-playground .model-icon-wrapper{background-image:url(/assets/ai-logo.svg)}.message-list-new .message-user-container .text-wrapper{margin-top:6px;color:#353740;text-align:left;font-size:14px;line-height:21px;font-weight:400;white-space:pre-wrap}.message-list-new .message-assistant-container-playground{text-align:justify;display:flex;flex-direction:row;align-items:flex-start;position:relative}.message-list-new .message-assistant-container-playground .model-icon{display:inline-block;width:16px;height:16px;background-size:contain}.message-list-new .message-assistant-container-playground .message-assistant-content{margin-top:6px;position:relative;font-weight:400;color:var(--gray-88);font-size:16px;letter-spacing:0;line-height:24px;flex:1;width:calc(100% - 50px)}.message-list-new .message-content-wrapper,.message-list-new .message-list{width:100%}.message-list-new .result-streaming>.cursor{animation:blink 1s steps(5,start) infinite;margin-left:.25rem;vertical-align:baseline;display:inline-block;width:6px;height:18px;background-color:var(--gray-88);position:relative;top:4px;margin-top:0;margin-bottom:0}@keyframes blink{to{visibility:hidden}}.markdown-body.markdown-body-logs .no-language-code{background:#f5f7f9;color:#4a4b51;border-radius:6px}.markdown-body.markdown-body-logs .code-container{max-width:540px;position:relative;background-color:#f5f7f9;color:#4a4b51;padding:4px 8px;border-radius:6px}.markdown-body.markdown-body-logs .code-container .code-header{border-bottom:none;padding-bottom:4px;margin-bottom:8px;color:#fff;display:flex;align-items:center;justify-content:space-between}.markdown-body.markdown-body-logs .code-container .code-header a{cursor:pointer}.markdown-body.markdown-body-logs .sup{display:inline-flex;min-width:16px;height:16px;margin-left:2px;margin-right:2px;padding:2px 6px;justify-content:center;align-items:center;border-radius:4px;background:#f0f2f5;color:#666;font-size:12px;font-style:normal;font-weight:600;line-height:100%}.markdown-body.markdown-body-logs .sup.is-number{cursor:pointer}.markdown-body.markdown-body-logs .sup.is-number:hover{background-color:#dee4e8}.markdown-body.markdown-body-logs .sup.two-digits{width:auto}.markdown-body.markdown-body-logs .sup>a{font-size:10px;font-weight:600;color:rgba(0,0,0,.6);text-decoration:none;transform:scale(.83)}@keyframes zoomIn{0%{width:0;height:0}to{width:616px;height:232px}}.MessageFunctionCalling .fc-logs-zoom-in-animation{width:616px;height:232px;background-color:#f5f7f9;border-radius:8px;animation:zoomIn 1s forwards;overflow:hidden}.MessageFunctionCalling .fc-logs-zoom-in-animation:before{content:"";display:block;padding-top:45%}.playground-slider{position:relative}.playground-slider .playground-slider-input{position:absolute;right:0;top:-40px;width:100%}.playground-slider .playground-slider-input input.ant-input-number-input{text-align:right;color:#333;font-size:14px;font-weight:400}.playground-slider .ant-slider{margin:16px 8px 22px}.playground-slider .ant-slider-rail{background-color:#f0f0f0}.playground-slider .ant-slider-track{background-color:#155849!important}.playground-slider .ant-slider-handle:after{box-shadow:0 0 0 2px #155849!important}.file-upload-container{display:inline-block;margin-left:32px}.file-upload-container .file-upload-icon{width:64px;max-width:100px;height:auto;max-height:100px;min-height:100px;object-fit:cover;border-radius:4px;cursor:pointer;border:1px solid hsla(0,0%,100%,.2);margin-bottom:8px}.file-upload-container .file-upload-input{display:none}.file-upload-container .file-uploaded,.file-upload-container .file-uploading{width:64px;height:64px;font-size:12px;border-radius:4px;text-align:center;padding-top:12px;border:1px solid hsla(0,0%,100%,.2);margin-bottom:8px}.file-upload-container .file-uploaded[data-accept="application/pdf"]{background-image:url(/assets/icon-pdf.svg);background-size:50px;background-repeat:no-repeat;height:50px;margin-bottom:0;padding:0;margin-left:-10px;width:64px}.file-upload-container .upload-img-item-wrapper{display:inline-block;position:relative}.file-upload-container .upload-img-item-wrapper:hover .upload-img-delete{display:block}.file-upload-container .upload-img-delete{cursor:pointer;color:#fff;font-size:12px;position:absolute;top:0;right:-8px;display:none;background-color:rgba(0,0,0,.8);width:18px;height:18px;line-height:18px;box-sizing:border-box;border-radius:50%;text-align:center}.y-modal{position:fixed;left:0;bottom:0;top:0;right:0;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(20px) brightness(100%);backdrop-filter:blur(20px) brightness(100%);text-align:center;z-index:999}.y-modal>img{margin:auto;padding-top:10%}.json-schema-container .ace-github .ace_gutter{background:#fff;color:#141417}.json-schema-container .ace-github .ace_string{color:#4dbc79}