.app{color:#fff;background:#0f0f0f;width:100%;height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-weight:700;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff!important;border:none!important}.btn-primary:hover{background:linear-gradient(135deg,#764ba2 100%,#667eea 0%)}.card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:20px;transition:all .3s}.card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.ant-btn{--ant-button-default-shadow:0 2px 0 #00000005!important;--ant-button-primary-shadow:0 2px 0 #0591ff1a!important;--ant-button-danger-shadow:0 2px 0 #ff26050f!important}.global-class-name-rule-select-root{width:320px}.login-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.login-container .login-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.login-container .login-bg:before{content:"";opacity:.3;z-index:1;background-image:url(https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=anime%20style%20background%20with%20manga%20characters&image_size=landscape_16_9);background-position:50%;background-size:cover;position:absolute;inset:0}.login-container .login-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:20px;width:90%;max-width:1200px;height:80%;display:flex;overflow:hidden;box-shadow:0 8px 32px #1f26875e}.login-container .login-content .login-left{color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;padding:0 60px;display:flex}.login-container .login-content .login-left .login-logo{align-items:center;margin-bottom:40px;display:flex}.login-container .login-content .login-left .login-logo .logo-icon{color:#667eea;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-right:20px;font-size:30px;font-weight:700;display:flex}.login-container .login-content .login-left .login-logo h1{color:#fff;margin:0;font-size:30px;font-weight:700}.login-container .login-content .login-left .login-slogan{color:#fff;margin:0 0 20px;font-size:30px;font-weight:700;line-height:1.2}.login-container .login-content .login-left .login-desc{color:#ffffffd9;margin:0;font-size:16px}.login-container .login-content .login-right{background:#fffffff2;border-radius:20px 0 0 20px;flex:1;justify-content:center;align-items:center;display:flex}.login-container .login-content .login-right .login-form-container{color:#333;width:80%;max-width:400px}.login-container .login-content .login-right .login-form-container .login-tabs{cursor:pointer;border-bottom:1px solid #e8e8e8;margin-bottom:30px;display:flex}.login-container .login-content .login-right .login-form-container .login-tabs .tab{color:#666;border-bottom:2px solid #0000;padding:10px 20px;font-size:16px;transition:all .3s}.login-container .login-content .login-right .login-form-container .login-tabs .tab.active{color:#667eea;border-bottom:2px solid #667eea;font-weight:700}.login-container .login-content .login-right .login-form-container .login-form{width:100%}.login-container .login-content .login-right .login-form-container .login-form .input-icon{margin-right:10px}.login-container .login-content .login-right .login-form-container .login-form .ant-input{color:#333!important;box-shadow:none!important;background:#ffffffe6!important;border:none!important;border-radius:4px!important}.login-container .login-content .login-right .login-form-container .login-form .ant-input::placeholder{color:#999!important}.login-container .login-content .login-right .login-form-container .login-form .ant-input-affix-wrapper{color:#333!important;box-shadow:none!important;background:#ffffffe6!important;border:1px solid #ddd!important;border-radius:4px!important}.login-container .login-content .login-right .login-form-container .login-form .ant-input-affix-wrapper .ant-input{border:none!important;border-radius:4px!important}.login-container .login-content .login-right .login-form-container .login-form .remember-container{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.login-container .login-content .login-right .login-form-container .login-form .remember-container .remember-checkbox{margin:0!important}.login-container .login-content .login-right .login-form-container .login-form .remember-container .remember-checkbox .ant-checkbox{background-color:#fff;border-color:#ddd}.login-container .login-content .login-right .login-form-container .login-form .remember-container .remember-checkbox .ant-checkbox-checked{background-color:#1668dc!important;border-color:#1668dc!important}.login-container .login-content .login-right .login-form-container .login-form .remember-container .remember-checkbox .ant-checkbox-label{color:#333}.login-container .login-content .login-right .login-form-container .login-form .remember-container .forgot-password{color:#667eea;font-size:14px;text-decoration:none;transition:color .3s}.login-container .login-content .login-right .login-form-container .login-form .remember-container .forgot-password:hover{color:#764ba2}.login-container .login-content .login-right .login-form-container .login-form .login-button{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;height:48px;font-size:16px;font-weight:700;transition:all .3s}.login-container .login-content .login-right .login-form-container .login-form .login-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.login-container .login-content .login-right .login-form-container .login-form .agreement-container{color:#333;flex-wrap:nowrap;align-items:center;margin-top:20px;font-size:14px;display:flex}.login-container .login-content .login-right .login-form-container .login-form .agreement-container .agreement-checkbox{flex-shrink:0;align-items:center;display:flex;margin-top:0!important;margin-bottom:0!important;margin-right:8px!important}.login-container .login-content .login-right .login-form-container .login-form .agreement-container .agreement-checkbox .ant-checkbox{background-color:#fff;border-color:#ddd}.login-container .login-content .login-right .login-form-container .login-form .agreement-container .agreement-checkbox .ant-checkbox-checked{background-color:#1668dc!important;border-color:#1668dc!important}.login-container .login-content .login-right .login-form-container .login-form .agreement-container .agreement-text{flex-shrink:1}.login-container .login-content .login-right .login-form-container .login-form .agreement-container .agreement-link{color:#667eea;text-decoration:none;transition:color .3s}.login-container .login-content .login-right .login-form-container .login-form .agreement-container .agreement-link:hover{color:#764ba2}.login-container .login-content .login-right .login-form-container .login-form .ant-checkbox-inner{border-color:#ddd!important}.login-container .login-content .login-right .login-form-container .login-form .ant-checkbox-checked .ant-checkbox-inner{background-color:#667eea!important;border-color:#667eea!important}@media (width<=768px){.login-container .login-content{border-radius:0;flex-direction:column;height:100%}.login-container .login-content .login-left{text-align:center;flex:0 0 30%;align-items:center;padding:40px}.login-container .login-content .login-left .login-slogan{font-size:36px}.login-container .login-content .login-right{border-radius:20px 20px 0 0;flex:1}.login-container .login-content .agreement-container{flex-wrap:wrap}.login-container .login-content .agreement-container .agreement-text{white-space:normal}}.dashboard-container{color:#fff;background:#0f0f0f;height:100vh}.dashboard-container .sider{background:#1a1a1a;border-right:1px solid #333;overflow:auto}.dashboard-container .sider .ant-layout-sider-children{flex-direction:column;display:flex}.dashboard-container .logo-container{border-bottom:1px solid #333;align-items:center;padding:12px;display:flex}.dashboard-container .logo-container .logo-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex}.dashboard-container .logo-container .logo-text{color:#fff;margin-left:10px;font-size:18px;font-weight:700}.dashboard-container .sider-menu{flex:1;background:#1a1a1a!important;border-right:none!important}.dashboard-container .sider-menu .ant-menu-item{color:#ccc;border-radius:8px;margin:8px 0}.dashboard-container .sider-menu .ant-menu-item.ant-menu-item-active{color:#fff!important;background:#e5e7eb33!important}.dashboard-container .sider-menu .ant-menu-item.ant-menu-item-selected{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important}.dashboard-container .sider-footer{background:#1a1a1a;border-top:1px solid #333;flex-direction:column;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.dashboard-container .sider-footer .user-dropdown{margin-left:0}.dashboard-container .sider-footer .user-dropdown .user-info{cursor:pointer;background:0 0;border-radius:4px;justify-content:space-between;align-items:center;transition:background .3s;display:flex}.dashboard-container .sider-footer .user-dropdown .user-info .user-role{color:#ccc;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:90px;margin-left:6px;font-size:14px;display:-webkit-box;overflow:hidden}.dashboard-container .sider-footer .toggle-button{color:#fff;border:.5px solid #ffffff26;box-shadow:0 0 3px #fff3}.dashboard-container .member-info{color:#fff;border:1px solid #333;border-radius:4px;margin:16px 12px;font-size:12px}.dashboard-container .member-info .member-inside{justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.dashboard-container .member-info .member-inside .member-level{color:#60a5fa;white-space:nowrap;font-weight:700}.dashboard-container .member-info .member-inside .points-info{align-items:center;gap:10px;display:flex}.dashboard-container .member-info .member-inside .points-info .split-line{background:#333;width:1px;height:14px}.dashboard-container .member-info .member-inside .points-info .diamond-icon{font-size:16px}.dashboard-container .member-info .member-inside .points-info .points-count{word-break:break-all;font-weight:700}.dashboard-container .main-layout{background:#0f0f0f}.dashboard-container .main-layout .content{color:#fff;overflow:auto}@media (width<=768px){.dashboard-container .content-header{flex-direction:column;align-items:flex-start;gap:10px}.dashboard-container .header-actions{justify-content:space-between;width:100%}.dashboard-container .search-input{flex:1}.dashboard-container .projects-container{grid-template-columns:1fr}}.works-container{height:100%;padding:20px}.works-container .contentHeader{margin-bottom:16px}.works-container .contentHeader h1{color:#fff;margin:0 0 8px;font-size:30px;font-weight:700}.works-container .contentHeader .content-subtitle{color:#ffffffd9;margin:0;font-size:16px}.works-container .headerTabsContainer{border-bottom:1px solid #333;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.works-container .headerTabsContainer .custorm-tabs-works .ant-tabs-nav{margin-bottom:0}.works-container .headerTabsContainer .header-actions{align-items:center;gap:16px;display:flex}.works-container .headerTabsContainer .header-actions .add-project-button{background:linear-gradient(135deg,#177ddc 0%,#764ba2 100%);border:none;border-radius:8px;font-weight:700}.works-container .headerTabsContainer .header-actions .add-project-button:hover{background:linear-gradient(135deg,#764ba2 0%,#177ddc 100%)}.works-container .headerTabsContainer .header-actions .search-input{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:8px;width:200px;padding:4px 8px}.works-container .headerTabsContainer .header-actions .search-input::placeholder{color:#666}.works-container .headerTabsContainer .content-tabs-view{align-items:center;height:47px;display:flex}.works-container .headerTabsContainer .content-tabs{align-items:center;gap:40px;display:flex}.works-container .headerTabsContainer .content-tabs .back-btn{cursor:pointer;color:#a0a0a0;align-items:center;gap:15px;font-size:14px;display:flex}.works-container .projectsContainer .projects-title{color:#ffffffd9;margin-bottom:20px;font-size:18px;font-weight:700}.project-list-container .rule-container{height:calc(100vh - 56px);padding:0 20px;overflow-y:auto}.project-list-container .rule-container .render-card-item .description-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-list-container .storyboard-container{height:calc(100vh - 56px);padding:0 0 0 20px;display:flex;overflow-y:auto}.project-list-container .storyboard-container .storyboard-item-screen{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-list-container .storyboard-container .video-player-container .custom-play-btn{z-index:5}.project-list-container .storyboard-container .video-player-container .custom-play-btn:hover{opacity:.8}.project-list-container .ant-drawer-content,.project-list-container .ant-drawer-body{background:#1a1a1a!important}.project-list-container .ant-input:focus,.project-list-container .ant-input-focused{border-color:#1677ff!important;box-shadow:0 0 0 2px #1677ff33!important}.project-list-container .ant-input::placeholder{color:#5a5a5a!important}.global-class-name-rule-pre-modal .ant-modal-wrap{overflow:hidden}.global-class-name-rule-pre-modal .ant-modal{max-width:100vw}.global-class-name-rule-pre-modal .ant-modal-container{height:100%;padding:0}.global-class-name-rule-pre-modal .ant-modal-container .ant-modal-body{height:100%}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;max-width:100%;display:inline-block;position:relative}.ReactCrop *,.ReactCrop :before,.ReactCrop :after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{max-width:100%;max-height:inherit;display:block}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px);position:absolute;inset:0}.ReactCrop__crop-selection{cursor:move;position:absolute;top:0;left:0;transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";border:1px solid var(--rc-border-color);opacity:.3;position:absolute;inset:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){color:#fff;background-image:linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;animation:1s linear infinite marching-ants}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";background-color:#fff6;display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6667%}.ReactCrop__drag-handle{width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color);position:absolute}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;top:0;left:0;transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;top:0;left:50%;transform:translate(-50%,-50%)}.ReactCrop .ord-ne{cursor:ne-resize;top:0;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-se{cursor:se-resize;bottom:0;right:0;transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.ReactCrop .ord-w{cursor:w-resize;top:50%;left:0;transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{width:100%;height:var(--rc-drag-bar-size);top:0;left:0;transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{width:var(--rc-drag-bar-size);height:100%;top:0;right:0;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{width:100%;height:var(--rc-drag-bar-size);bottom:0;left:0;transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{width:var(--rc-drag-bar-size);height:100%;top:0;left:0;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.empty-page-container{border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;min-height:400px;display:flex}.empty-page-container .empty-page-content{flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-page-container .empty-page-content .empty-page-image{width:100px;height:100px}.empty-page-container .empty-page-content .empty-page-image img{object-fit:contain;width:100%;height:100%}.empty-page-container .empty-page-content .empty-page-description{color:#ccc;text-align:center;margin:0 0 16px;font-size:14px}.empty-page-container .empty-page-content .empty-page-button{font-size:14px}.loading-page-container{justify-content:center;align-items:center;width:100%;height:100%;min-height:400px;display:flex}.loading-page-container .loading-page-content{flex-direction:column;justify-content:center;align-items:center;display:flex}.materials-container .content-container{padding:20px}.materials-container .content-header{margin-bottom:16px}.materials-container .content-header h1{color:#fff;margin:0 0 8px;font-size:30px;font-weight:700}.materials-container .content-header .content-subtitle{color:#ffffffd9;margin:0;font-size:16px}.materials-container .header-tabs-container{border-bottom:1px solid #333;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.materials-container .header-tabs-container .content-tabs{display:flex}.materials-container .header-tabs-container .content-tabs .tab{cursor:pointer;color:#666;border-bottom:2px solid #0000;padding:10px 20px;font-size:16px;transition:all .3s}.materials-container .header-tabs-container .content-tabs .tab.active{color:#fff;border-bottom:2px solid #667eea;font-weight:700}.materials-container .header-tabs-container .header-actions{align-items:center;gap:16px;display:flex}.materials-container .header-tabs-container .header-actions .search-input{width:200px}.materials-container .category-tabs{gap:12px;margin-bottom:24px;display:flex}.materials-container .category-tabs .category-tab{border-radius:8px;padding:8px 20px}.materials-container .materials-content .materials-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.materials-container .materials-content .materials-header .materials-title{align-items:center;gap:12px;display:flex}.materials-container .materials-content .materials-header .materials-title .title-text{color:#fff;font-size:18px;font-weight:700}.materials-container .materials-content .materials-header .materials-title .add-button{color:#fff;height:auto;margin-top:1px;padding:0 15px;font-size:14px}.materials-container .materials-content .materials-header .materials-title .add-button:hover{color:#ffffffd9}.materials-container .materials-content .materials-header .download-button{background-color:#0000;border:none}.materials-container .materials-content .materials-header .download-button:hover{color:#fff;background-color:#ffffff1a}.materials-container .materials-content .materials-header .download-button:disabled{color:#666;background-color:#0000}.materials-container .materials-content .materials-header .download-confirm{gap:12px;display:flex}.materials-container .materials-content .materials-list-container .materials-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.materials-container .materials-content .materials-list-container .materials-grid .select-all-container{background:#ffffff0d;border-radius:8px;grid-column:1/-1;align-items:center;gap:16px;margin-bottom:8px;padding:12px 16px;display:flex}.materials-container .materials-content .materials-list-container .materials-grid .select-all-container .selected-count{color:#666;font-size:14px}.materials-container .materials-content .materials-list-container .materials-grid .material-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;transition:all .3s;position:relative}.materials-container .materials-content .materials-list-container .materials-grid .material-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 24px #667eea33}.materials-container .materials-content .materials-list-container .materials-grid .material-card.selectable{cursor:pointer}.materials-container .materials-content .materials-list-container .materials-grid .material-card.selectable:hover{background:#667eea14}.materials-container .materials-content .materials-list-container .materials-grid .material-card.selectable .material-info-container{padding-right:16px}.materials-container .materials-content .materials-list-container .materials-grid .material-card .ant-card-body{gap:12px;padding:0;display:flex}.materials-container .materials-content .materials-list-container .materials-grid .material-card .material-thumbnail{color:#6b7280;border-right:1px solid #333;justify-content:center;align-items:center;width:80px;height:80px;font-size:24px;display:flex}.materials-container .materials-content .materials-list-container .materials-grid .material-card .material-info-container{flex:1;justify-content:space-between;align-items:center;padding:16px 8px 16px 0;display:flex}.materials-container .materials-content .materials-list-container .materials-grid .material-card .material-info .material-name{color:#fff;margin:0 0 2px;font-size:14px;font-weight:400}.materials-container .materials-content .materials-list-container .materials-grid .material-card .material-info .material-description{color:#666;margin:0;font-size:14px}.materials-container .materials-content .materials-list-container .materials-grid .material-card .more-button{color:#666;padding:4px}.materials-container .materials-content .materials-list-container .materials-grid .material-card .more-button:hover{color:#fff}.materials-container .materials-content .materials-list-container .pagination-container{justify-content:center;margin-top:24px;margin-bottom:8px;display:flex}.materials-container .materials-content .materials-list-container .empty-state{background:#1a1a1a;border:2px dashed #333;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.materials-container .materials-content .materials-list-container .empty-state .ant-empty{margin-bottom:24px}.materials-container .materials-content .materials-list-container .empty-state .ant-empty .ant-empty-description{color:#666}.materials-container .materials-content .materials-list-container .empty-state .add-library-button{height:auto;padding:8px 24px;font-size:14px}.page-header{background-color:#1f1f1f;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:16px;display:flex}.page-header .page-header-left{align-items:center;gap:12px;display:flex}.page-header .page-header-left .back-button{cursor:pointer;color:#999;align-items:center;font-size:14px;transition:color .3s;display:flex}.page-header .page-header-left .back-button:hover{color:#fff}.page-header .page-header-left .back-button .back-icon{margin-top:2px;margin-right:4px}.page-header .page-header-left .divider{background:#333;width:1px;height:16px;margin-top:2px}.page-header .page-header-left .page-title{color:#fff;margin:0;font-size:20px;font-weight:400}.page-header .page-header-right{align-items:center;gap:12px;display:flex}.page-header .page-header-right .search-input{width:200px}.page-header .page-header-right .action-button{font-size:14px}.role-detail-content{color:#fff;height:100%;min-height:600px;display:flex}.role-detail-content .role-detail-left{background-color:#141414;flex-direction:column;flex:1;display:flex;overflow:hidden}.role-detail-content .role-detail-left .main-image{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.role-detail-content .role-detail-left .main-image .image-placeholder{color:#9ca3af;flex-direction:column;align-items:center;gap:16px;display:flex}.role-detail-content .role-detail-left .main-image .image-placeholder .anticon{font-size:64px}.role-detail-content .role-detail-left .main-image .image-placeholder span{font-size:14px}.role-detail-content .role-detail-left .thumbnail-list{background-color:#1f1f1f;border-radius:.25rem;padding:1rem 1rem .25rem;display:flex}.role-detail-content .role-detail-left .thumbnail-list .thumbnail-item{cursor:pointer;text-align:center;margin-right:16px;transition:all .3s}.role-detail-content .role-detail-left .thumbnail-list .thumbnail-item.active .thumbnail-placeholder{opacity:.5;outline:1px solid #2d87fc;box-shadow:0 0 0 1px #2d87fc}.role-detail-content .role-detail-left .thumbnail-list .thumbnail-item.active .thumbnail-label{color:#1890ff}.role-detail-content .role-detail-left .thumbnail-list .thumbnail-item:hover:not(.active){border-color:#ffffff4d}.role-detail-content .role-detail-left .thumbnail-list .thumbnail-item .thumbnail-placeholder{color:#ffffff73;border-radius:4px;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:8px;display:flex}.role-detail-content .role-detail-left .thumbnail-list .thumbnail-item .thumbnail-placeholder .anticon{font-size:32px}.role-detail-content .role-detail-left .thumbnail-list .thumbnail-item .thumbnail-label{margin-top:8px;font-size:14px;line-height:20px}.role-detail-content .role-detail-left .thumbnail-list .thumbnail-other{flex:1}.role-detail-content .role-detail-right{background-color:#181a20;border-left:1px solid #22232b;flex-direction:column;gap:1.5rem;width:320px;max-height:80vh;padding:2rem;display:flex;overflow:auto}.role-detail-content .role-detail-right .detail-title{color:#fff;margin:0 0 16px;font-size:18px;font-weight:500}.role-detail-content .role-detail-right .detail-info-grid{grid-template-columns:repeat(2,1fr);row-gap:16px;display:grid}.role-detail-content .role-detail-right .detail-info-grid .info-item{flex-direction:column;gap:2px;display:flex}.role-detail-content .role-detail-right .detail-info-grid .info-item.full-width{grid-column:1/-1}.role-detail-content .role-detail-right .detail-info-grid .info-item .info-label{color:#9ca3af;font-size:12px}.role-detail-content .role-detail-right .detail-info-grid .info-item .info-value{color:#fff;font-size:14px}.role-detail-content .role-detail-right .detail-info-grid .voiceover-box{color:#ffffff73;background:#141414;border:1px solid #434343;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;font-size:12px;display:flex}.edit-view-content,.edit-view-content .edit-view-top{flex-direction:column;flex:1;display:flex;overflow:hidden}.edit-view-content .edit-view-top .edit-view-header{padding:24px}.edit-view-content .edit-view-top .edit-view-header .edit-view-title{color:#fff;font-size:18px;font-weight:500}.edit-view-content .edit-view-top .edit-main-image{box-sizing:border-box;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:400px;padding:16px;transition:all .3s;display:flex;position:relative}.edit-view-content .edit-view-top .edit-main-image.dragging{background:#2d87fc0d}.edit-view-content .edit-view-top .edit-main-image .edit-upload-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.edit-view-content .edit-view-top .edit-main-image .edit-preview-wrapper{justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex}.edit-view-content .edit-view-top .edit-main-image .edit-preview-wrapper .edit-preview-image{object-fit:contain;border-radius:8px;max-width:90%;max-height:90%}.edit-view-content .edit-view-top .edit-main-image .edit-image-placeholder{color:#fffc;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex}.edit-view-content .edit-view-top .edit-main-image .edit-image-placeholder .placeholder-icon{width:100px;height:100px}.edit-view-content .edit-view-top .edit-main-image .edit-image-actions{z-index:10;background:#2c323c;border-radius:8px;justify-content:center;gap:16px;width:fit-content;padding:4px 16px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.edit-view-content .edit-view-top .edit-main-image .edit-image-actions .ant-upload{vertical-align:middle;display:inline-block}.edit-view-content .edit-view-top .edit-main-image .edit-image-actions .ant-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:18px}.edit-view-content .edit-view-top .edit-main-image .edit-image-actions .ant-btn:hover{color:#fff;background:#3e434d}.edit-view-content .edit-view-bottom{background:#202020;height:196px;padding:16px}.edit-view-content .edit-view-bottom .edit-view-bottom-content{height:100%;display:flex}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-main-view{flex-direction:column;flex-shrink:0;margin-right:16px;display:flex}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-main-view .edit-main-view-image{background:#191919;border-radius:8px;justify-content:center;align-items:center;width:120px;height:120px;transition:all .3s;display:flex;position:relative;overflow:hidden}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-main-view .edit-main-view-image .anticon{color:#fff;font-size:24px}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-main-view .edit-main-view-image .thumbnail-image{object-fit:cover;width:100%;height:100%}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-main-view .edit-main-view-image .thumbnail-check-icon{color:#fff;filter:drop-shadow(0 2px 4px #00000080);z-index:10;font-size:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-main-view .edit-main-view-label{text-align:center;color:#fff;margin-top:8px;font-size:14px;transition:all .3s;display:block}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-main-view:hover .edit-main-view-image,.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-main-view.active .edit-main-view-image{opacity:.5;border-radius:4px;outline:1px solid #2d87fc;box-shadow:0 0 0 1px #2d87fc}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-main-view:hover .edit-main-view-label,.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-main-view.active .edit-main-view-label{color:#2d87fc}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right{flex-direction:column;flex:1;display:flex;overflow:hidden}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-actions{justify-content:flex-end;gap:8px;margin-bottom:0;display:flex}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-actions .ant-btn{color:#fff;justify-content:center;align-items:center;gap:8px;height:24px;padding:0 8px;font-size:14px;display:flex}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-actions .ant-btn .anticon{color:#fff;font-size:14px}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-actions .ant-btn:hover{color:#fff}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-thumbnails{flex:1;padding:16px 0 16px 2px;display:flex;overflow-x:auto}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-thumbnails .edit-view-thumbnail{cursor:pointer;flex-direction:column;flex-shrink:0;margin-right:16px;transition:all .3s;display:flex}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-thumbnails .edit-view-thumbnail .edit-view-thumbnail-wrapper{border:1px solid #0000;position:relative}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-thumbnails .edit-view-thumbnail .edit-view-thumbnail-wrapper .edit-view-thumbnail-image{background:#191919;border:1px solid #303030;border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;position:relative;overflow:hidden}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-thumbnails .edit-view-thumbnail .edit-view-thumbnail-wrapper .edit-view-thumbnail-image .anticon{color:#666;font-size:20px}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-thumbnails .edit-view-thumbnail .edit-view-thumbnail-wrapper .edit-view-thumbnail-image .thumbnail-image{object-fit:cover;width:100%;height:100%}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-thumbnails .edit-view-thumbnail .edit-view-thumbnail-wrapper .edit-view-thumbnail-image .thumbnail-check-icon{color:#fff;filter:drop-shadow(0 2px 4px #00000080);z-index:10;font-size:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-thumbnails .edit-view-thumbnail .edit-view-thumbnail-wrapper .edit-view-thumbnail-delete-overlay{flex-direction:column;gap:8px;width:80px;padding:0 8px;display:none;position:absolute;top:8px;right:0}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-thumbnails .edit-view-thumbnail .edit-view-thumbnail-wrapper .edit-view-thumbnail-delete-overlay .edit-view-thumbnail-delete-btn{color:#fff;cursor:pointer;background:#141414;border:1px solid #303030;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;font-size:14px;transition:all .3s;display:flex}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-thumbnails .edit-view-thumbnail .edit-view-thumbnail-wrapper .edit-view-thumbnail-delete-overlay .edit-view-thumbnail-delete-btn:hover{color:#2d87fc;border:1px solid #2d87fc}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-thumbnails .edit-view-thumbnail .edit-view-thumbnail-label{text-align:center;color:#fff;margin-top:4px;font-size:14px;transition:all .3s;display:block}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-thumbnails .edit-view-thumbnail:hover .edit-view-thumbnail-wrapper{opacity:.5;border-radius:4px;outline:1px solid #2d87fc;box-shadow:0 0 0 1px #2d87fc}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-thumbnails .edit-view-thumbnail:hover .edit-view-thumbnail-wrapper .edit-view-thumbnail-delete-overlay{display:block}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-thumbnails .edit-view-thumbnail:hover .edit-view-thumbnail-label{color:#2d87fc}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-thumbnails .edit-view-thumbnail.active .edit-view-thumbnail-wrapper{opacity:.5;border-radius:4px;outline:1px solid #2d87fc;box-shadow:0 0 0 1px #2d87fc}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-thumbnails .edit-view-thumbnail.active .edit-view-thumbnail-label{color:#2d87fc}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-thumbnails .edit-view-thumbnail.edit-view-thumbnail-add .edit-view-thumbnail-image{color:#666;cursor:pointer;background:#191919;border:1px solid #303030;border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;font-size:24px;display:flex}.edit-view-content .edit-view-bottom .edit-view-bottom-content .edit-view-right .edit-view-thumbnails .edit-view-thumbnail.edit-view-thumbnail-add .edit-view-thumbnail-image:hover{opacity:.5;color:#2d87fc;border-radius:4px;outline:1px solid #2d87fc;box-shadow:0 0 0 1px #2d87fc}.character-edit-modal .ant-modal-content{box-shadow:none;background:0 0;padding:0}.character-edit-modal .character-edit-container{background:#141414;flex-direction:column;height:100vh;display:flex}.character-edit-modal .edit-form-header{background:#1f1f1f;border-bottom:1px solid #fff1;padding:16px 16px 16px 0}.character-edit-modal .edit-form-header .edit-form-header-left{align-items:center;gap:12px;display:flex}.character-edit-modal .edit-form-header .edit-form-header-left .edit-form-title{color:#fff;font-size:18px;font-weight:500}.character-edit-modal .edit-form-body{flex:1;display:flex;overflow:hidden}.character-edit-modal .edit-form-body .edit-form-panel{background:#141414;flex-direction:column;width:300px;display:flex}.character-edit-modal .edit-form-body .edit-form-panel .edit-form-content{background-color:#181a20;flex:1;height:calc(100vh - 68px);padding:16px 0;overflow-y:auto}.character-edit-modal .edit-form-body .edit-form-panel .edit-form-content .form-section{margin-bottom:16px;padding:0 16px}.character-edit-modal .edit-form-body .edit-form-panel .edit-form-content .form-section .section-title{color:#fff;margin-bottom:4px;font-size:18px;font-weight:500}.character-edit-modal .edit-form-body .edit-form-panel .edit-form-content .form-section .section-description{color:#9ca3af;font-size:14px;line-height:1.5}.character-edit-modal .edit-form-body .edit-form-panel .edit-form-content .ant-form-item{margin-bottom:24px;padding:0 16px}.character-edit-modal .edit-form-body .edit-form-panel .edit-form-content .ant-upload-wrapper .ant-upload-list .ant-upload-list-item{background:#ffffff0a;border-color:#ffffff1f}.character-edit-modal .edit-form-body .edit-form-panel .edit-form-footer{background:#16191e;margin-top:auto;padding:16px 22px 16px 16px;position:sticky;bottom:-16px}.character-edit-modal .edit-form-body .edit-form-panel .edit-form-footer .ant-btn{align-items:center;gap:0;height:32px;font-size:14px;line-height:22px;display:flex}.character-edit-modal .edit-form-body .edit-form-panel .edit-form-footer .diamond-icon{width:22px;height:22px}.character-edit-modal .edit-form-body .edit-view-panel{background:#141414;flex-direction:column;flex:1;display:flex;overflow:hidden}.character-edit-modal .edit-form-body .edit-view-panel .view-tabs{border-bottom:1px solid #fff1;gap:8px;padding:24px;display:flex}.character-edit-modal .edit-form-body .edit-view-panel .view-tabs .view-tab{cursor:pointer;background:#ffffff0a;border-radius:8px;flex-direction:column;align-items:center;min-width:80px;padding:12px 16px;transition:all .3s;display:flex}.character-edit-modal .edit-form-body .edit-view-panel .view-tabs .view-tab:hover{background:#ffffff14}.character-edit-modal .edit-form-body .edit-view-panel .view-tabs .view-tab.active{background:#1677ff26;border:1px solid #1677ff}.character-edit-modal .edit-form-body .edit-view-panel .view-tabs .view-tab.active .view-tab-label{color:#1677ff}.character-edit-modal .edit-form-body .edit-view-panel .view-tabs .view-tab .view-tab-icon{margin-bottom:6px;font-size:20px}.character-edit-modal .edit-form-body .edit-view-panel .view-tabs .view-tab .view-tab-label{color:#ffffffa6;font-size:12px}.character-edit-modal .edit-form-body .edit-view-panel .view-tabs .view-tab.view-tab-add{background:0 0;border:1px dashed #ffffff4d}.character-edit-modal .edit-form-body .edit-view-panel .view-tabs .view-tab.view-tab-add .view-tab-icon{color:#ffffff73;font-size:24px}.character-edit-modal ::-webkit-scrollbar{width:6px;height:6px}.character-edit-modal ::-webkit-scrollbar-track{background:#ffffff0a}.character-edit-modal ::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.character-edit-modal ::-webkit-scrollbar-thumb:hover{background:#fff3}.material-detail-container .detail-content{padding:20px}.material-detail-container .detail-content .detail-count{color:#666;margin-bottom:16px;font-size:14px;display:block}.material-detail-container .detail-content .detail-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.material-detail-container .detail-content .detail-list .detail-item{vertical-align:top;cursor:pointer;background:#1a1a1a;border-radius:8px;overflow:hidden}.material-detail-container .detail-content .detail-list .detail-item .detail-item-image{background:#1f1f1f;width:100%;height:9rem;position:relative}.material-detail-container .detail-content .detail-list .detail-item .detail-item-image .image-placeholder{color:#6b7280;justify-content:center;align-items:center;width:100%;height:9rem;font-size:36px;display:flex}.material-detail-container .detail-content .detail-list .detail-item .detail-item-image .image-placeholder .item-cover-image{object-fit:contain;width:100%;height:100%}.material-detail-container .detail-content .detail-list .detail-item .detail-item-image .image-placeholder .anticon{opacity:.5}.material-detail-container .detail-content .detail-list .detail-item .detail-item-image .detail-item-actions{opacity:0;justify-content:space-between;gap:8px;transition:opacity .3s;display:flex;position:absolute;top:12px;left:12px;right:12px}.material-detail-container .detail-content .detail-list .detail-item .detail-item-image .detail-item-actions .action-icon{cursor:pointer;color:#ffffffd9;background:#0009;border:1px solid #424242;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:background .3s;display:flex}.material-detail-container .detail-content .detail-list .detail-item .detail-item-image .detail-item-actions .action-icon:first-child{margin-right:auto}.material-detail-container .detail-content .detail-list .detail-item .detail-item-image .detail-item-actions .action-icon:hover{color:#5097e8;background:#000c;border:1px solid #5097e8}.material-detail-container .detail-content .detail-list .detail-item:hover .detail-item-actions{opacity:1}.material-detail-container .detail-content .detail-list .detail-item .detail-item-info{background:#1f1f1f;border-top:1px solid #333;height:100%;padding:12px}.material-detail-container .detail-content .detail-list .detail-item .detail-item-info .detail-item-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.material-detail-container .detail-content .detail-list .detail-item .detail-item-info .detail-item-header .detail-item-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:14px;font-weight:500;overflow:hidden}.material-detail-container .detail-content .detail-list .detail-item .detail-item-info .detail-item-header .detail-item-tag{color:#ffffffa6;white-space:nowrap;background:#141414;border:1px solid #434343;border-radius:4px;flex-shrink:0;padding:0 4px;font-size:12px}.material-detail-container .detail-content .detail-list .detail-item .detail-item-info .detail-item-desc{color:#9ca3af;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:12px;display:-webkit-box;overflow:hidden}.material-detail-container .detail-content .detail-list .detail-item .detail-item-info .detail-item-voiceover{color:#ffffff73;background:#141414;border:1px solid #434343;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;display:flex}.material-detail-container .detail-content .detail-list .detail-item .detail-item-info .detail-item-voiceover .voiceover-icon{font-size:12px}.material-detail-container .detail-content .detail-list .detail-item .detail-item-info .detail-item-voiceover .voiceover-text{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.material-detail-container .detail-content .pagination-container{justify-content:center;margin-top:20px;display:flex}.tooltip-sync{align-items:center;gap:4px;display:flex}.upload-panel{width:100%}.upload-panel .panel-title{color:#fff;margin-bottom:12px;font-size:14px;font-weight:500}.upload-panel .upload-area{background:#ffffff0d;border:2px dashed #ffffff1a;border-radius:8px;width:100%;transition:all .3s}.upload-panel .upload-area:hover{border-color:#ffffff4d}.upload-panel .upload-area .upload-placeholder{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:40px 20px;display:flex}.upload-panel .upload-area .upload-placeholder .upload-icon{color:#ffffff4d;margin-bottom:16px;font-size:48px}.upload-panel .upload-area .upload-placeholder .upload-text{color:#fff9;margin-bottom:8px;font-size:14px}.upload-panel .upload-area .upload-placeholder .upload-subtext{color:#fff6;margin-bottom:16px;font-size:12px}.upload-panel .upload-area .upload-placeholder .upload-button{border:none}.upload-panel .upload-area .image-preview{padding:16px;position:relative}.upload-panel .upload-area .image-preview .preview-image{object-fit:contain;border-radius:4px;width:100%;max-height:300px}.upload-panel .upload-area .image-preview .remove-button{color:#fff;background:#000000b3;border:none;position:absolute;top:8px;right:8px}.upload-panel .upload-area .image-preview .remove-button:hover{background:#000000e6}.prompt-panel .panel-title{color:#fff;margin-bottom:12px;font-size:14px;font-weight:500}.prompt-panel .prompt-content{background:#ffffff0d;border-radius:8px}.prompt-panel .prompt-content .prompt-text{color:#ffffffe6;border:1px solid #ffffff1a;border-radius:8px;min-height:32px;padding:12px;font-size:13px;line-height:1.6}.control-panel .panel-title{color:#fff;margin-bottom:16px;font-size:14px;font-weight:500}.control-panel .control-item{margin-bottom:24px}.control-panel .control-item:last-child{margin-bottom:0}.control-panel .control-item .control-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.control-panel .control-item .control-header .control-label{color:#ffffffe6;font-size:13px}.control-panel .control-item .control-header .control-value{color:#f23f93;text-align:right;min-width:60px;font-family:Courier New,monospace;font-size:14px;font-weight:600}.control-panel .generate-section{border-top:1px solid #ffffff1a;margin-top:32px;padding-top:24px}.control-panel .generate-section .generate-button{border:none;width:100%;height:44px;font-size:15px;font-weight:500}.viewport-3d{background:#0a0a0a;border-radius:8px;width:100%;height:100%;min-height:500px;position:relative;overflow:hidden}.viewport-3d .canvas{width:100%;height:100%}.viewport-3d .viewport-hints{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:6px;gap:16px;padding:8px 12px;display:flex;position:absolute;bottom:16px;left:16px}.viewport-3d .viewport-hints .hint-item{align-items:center;gap:6px;display:flex}.viewport-3d .viewport-hints .hint-item .hint-icon{font-size:14px}.viewport-3d .viewport-hints .hint-item .hint-text{color:#fffc;white-space:nowrap;font-size:12px}.history-card{flex-direction:column;min-height:100%;display:flex}.history-card .history-header h3{color:#fff;margin:0;font-size:16px;font-weight:600}.history-card .history-list{flex:1;margin-top:16px;overflow-y:auto}.history-card .history-list .history-waterfall{column-count:2;column-gap:12px;padding:8px}.history-card .history-list .history-waterfall .history-item{break-inside:avoid;background:#ffffff0d;border-radius:8px;margin-bottom:12px;transition:all .3s;overflow:hidden}.history-card .history-list .history-waterfall .history-item:hover{background:#ffffff14;transform:translateY(-2px)}.history-card .history-list .history-waterfall .history-item .history-image{object-fit:contain;width:100%;height:auto;display:block}.history-card .history-list .history-waterfall .history-item .history-info{padding:8px}.history-card .history-list .history-waterfall .history-item .history-info .history-prompt{color:#ffffffd9;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.history-card .history-list .history-waterfall .history-item .history-info .history-time{color:#ffffff73;font-size:11px;display:block}.history-card .history-list .history-empty{text-align:center;color:#fff6;padding:40px 0;font-size:14px}.multi-angle-controller{box-sizing:border-box;background:#141414;gap:24px;height:100vh;padding:24px;display:flex}.multi-angle-controller .left-panel{box-sizing:border-box;flex-direction:column;flex-shrink:1;gap:16px;width:30%;padding-right:8px;display:flex;overflow-y:auto}.multi-angle-controller .left-panel::-webkit-scrollbar{width:6px}.multi-angle-controller .left-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.multi-angle-controller .left-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.multi-angle-controller .left-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.multi-angle-controller .left-panel .panel-card{flex-shrink:0;width:100%}.multi-angle-controller .middle-panel{box-sizing:border-box;flex-direction:column;flex-shrink:1;gap:16px;width:40%;min-width:0;padding-right:8px;display:flex;overflow-y:auto}.multi-angle-controller .middle-panel::-webkit-scrollbar{width:6px}.multi-angle-controller .middle-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.multi-angle-controller .middle-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.multi-angle-controller .middle-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.multi-angle-controller .middle-panel .panel-card{flex-shrink:0;width:100%}.multi-angle-controller .middle-panel .preview-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-height:200px;max-height:500px;padding:16px;display:flex}.multi-angle-controller .middle-panel .preview-container .preview-placeholder{color:#fff6;font-size:14px}.multi-angle-controller .middle-panel .preview-container .preview-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.multi-angle-controller .middle-panel .preview-container .preview-wrapper .preview-image{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%}.multi-angle-controller .middle-panel .preview-container .preview-wrapper .save-button{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:14px;transition:all .3s;position:absolute;bottom:0;right:0}.multi-angle-controller .right-panel{box-sizing:border-box;flex-direction:column;flex-shrink:1;gap:16px;width:30%;min-width:0;padding-right:8px;display:flex;overflow-y:auto}.multi-angle-controller .right-panel::-webkit-scrollbar{width:6px}.multi-angle-controller .right-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.multi-angle-controller .right-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.multi-angle-controller .right-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.multi-angle-controller .right-panel .panel-card{flex-shrink:0;width:100%}.multi-angle-controller .panel-title{color:#fff;margin-bottom:12px;font-size:16px;font-weight:600}.multi-angle-controller .ant-card-body{padding:16px}@media (width<=1200px){.multi-angle-controller{flex-direction:column;height:auto}.multi-angle-controller .left-panel,.multi-angle-controller .middle-panel,.multi-angle-controller .right-panel{width:100%}}.generator-container{height:calc(100vh - 64px)}.generator-container .generator-content{height:100%;display:flex;overflow:hidden}.generator-container .generator-content .left-panel-create-btn{width:100%;padding:0 16px;position:absolute;bottom:18px;left:0}.global-class-name-draw-modal .ant-modal-container{padding:0}.global-class-name-generator-pre-modal .ant-modal{max-width:100vw}.global-class-name-generator-pre-modal .ant-modal .ant-modal-container{height:100%}.global-class-name-generator-pre-modal .ant-modal .ant-modal-container .ant-modal-body{height:calc(100% - 64px)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0f0f0f;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100vw;height:100vh;overflow:hidden}.app{width:100%;height:100%}