.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}