@charset "UTF-8";html,body,#root{height:100%;margin:0;padding:0;background-color:#f0f2f5}.ant-layout,.ant-layout-footer{background-color:#f0f2f5}.site-layout-content{background:#f0f2f5;padding:24px;min-height:280px}.scroller{overflow-x:auto;overflow-y:auto;padding-right:5px}.scroller::-webkit-scrollbar{width:7px}.scroller::-webkit-scrollbar-track{background:transparent}.scroller::-webkit-scrollbar-thumb{background:#e3e3e3;border-radius:10px}.scroller::-webkit-scrollbar-thumb:hover{background:var(--ant-color-primary)}.ant-collapse-header{padding:0!important}.ant-collapse-content-box{padding:0!important;margin-top:5px}.ant-collapse-item{margin-bottom:25px}.ant-modal.mobile{margin:0 0 0 7px;top:70px}*{font-family:Poppins,sans-serif}.form-field{width:100%;display:block}.form-field .error-message{margin-top:3px;margin-bottom:0;max-width:300px;color:#f5222d}.form-field .error-message:before{display:inline;content:"⚠ "}.form-field__input-number,.form-field__select,.form-field__date-picker,.shorts-ninja-space.full-width{width:100%}.series-information .ant-descriptions-item-label{min-width:150px}.video-carousel{overflow:hidden;position:relative;margin:40px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.video-carousel .carousel-container{display:flex;gap:30px;animation:scroll 25s linear infinite;margin:20px 0}.video-carousel .carousel-container:hover{animation-play-state:paused}.video-carousel .carousel-slide{flex:0 0 200px;height:400px;border-radius:9px;overflow:hidden;box-shadow:1px 5px 9px #0003;transition:transform .3s ease}.video-carousel .carousel-slide:hover{transform:scale(1.1);z-index:1}.video-carousel .carousel-slide .video-container{scroll-padding-top:60px;width:100%;height:100%;position:relative;background:#000}.video-carousel .carousel-slide .video-container video{width:100%;height:100%;object-fit:cover}.video-carousel .carousel-slide .video-container .slide-content{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff}.video-carousel .carousel-slide .video-container .slide-content .style-label{font-size:.8rem;opacity:.8;margin-bottom:.1rem;display:inline-block;padding:0;background:#00000012;border-radius:9px}.video-carousel .carousel-slide .video-container .slide-content .slide-title{font-size:.8rem;font-weight:700}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-750px)}}@media (max-width: 800px){.video-carousel{pointer-events:none}.video-carousel .carousel-slide{flex:0 0 180px;height:320px}}.settings .avatar-upload-container{display:flex;flex-direction:column;align-items:center;gap:16px}.settings .avatar-upload-container .ant-upload{margin-top:8px}.settings .ant-tabs-tab{padding:12px 16px}.settings .ant-tabs-tab.ant-tabs-tab-active,.settings .ant-tabs-tab:hover{background-color:var(--ant-primary-1)}@media (max-width: 768px){.settings .ant-tabs-left>.ant-tabs-content-holder{margin-left:0}.settings .ant-tabs-left>.ant-tabs-tab{width:100%}}.layout{min-height:100vh}.layout.mobile .ant-layout{margin-left:0}.layout.mobile .ant-layout-content{max-width:100%;margin-left:5px;padding:0 10px 50px}.layout.mobile .ant-layout-sider{z-index:10}.layout.mobile.open .ant-layout-sider{max-width:none!important}.layout.mobile .mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000073;z-index:5;transition:all .2s}.layout .ant-layout-header{background:var(--ant-color-bg-base);border-bottom:1px solid var(--ant-border-color-secondary);box-shadow:0 1px 2px #00000008;height:64px;padding-inline:24px 24px;line-height:64px;display:flex;justify-content:space-between;align-items:center}.layout .ant-layout-header .ant-avatar{cursor:pointer}.layout .ant-layout{margin-left:200px}.layout .subscription-info{font-size:14px;border-top:1px solid #e3e3e3;border-radius:8px;padding:15px 0;flex-direction:column;position:absolute;width:100%;bottom:30px}.layout .subscription-info .subscription-info-item{display:flex;align-items:start;justify-content:start;margin-bottom:2px;width:200px;text-align:left;padding-left:24px;padding-top:5px}.layout .subscription-info .subscription-info-item .anticon{color:#1890ff;font-size:20px;margin-right:10px}.layout .ant-layout-sider{background:var(--ant-color-bg-base);box-shadow:0 2px 8px #00000026;overflow:auto;height:100vh;position:fixed;left:0;top:0;bottom:0}.layout .logo{height:64px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--ant-color-border-secondary)}.layout .logo span{font-size:16px}.layout .content-wrapper{display:flex;justify-content:center}.layout .ant-layout-footer{padding-top:12px;display:flex;align-content:center;justify-content:center}.layout .ant-layout-content{max-width:calc(100vw - 200px);margin-left:25px;padding:0 24px 50px;min-height:calc(90vh - 64px);background:#f0f2f5;transition:all .2s}.layout .body-bg{overflow-y:auto;max-height:80vh;padding:24px;background:var(--ant-color-bg-base);border-radius:var(--ant-border-radius-lg);box-shadow:0 2px 8px #00000014;min-height:calc(100vh - 184px)}.video-player .anticon{font-size:20px}.video-player .controls{padding:10px 0}.video-player .time-display{display:flex;align-items:center;justify-content:center;gap:0}.video-player .time-display span{display:inline-block}.export-modal{top:25px}.export-modal video{height:586px!important}.image-preview{height:100%;width:100%}.scene-image-container{cursor:pointer;position:relative}.scene-image-container .scene-image{width:60px;min-height:60px}.scene-image-container .scene-image .asset-image{width:100%;height:100%;object-fit:contain;border-radius:5px}.scene-image-container .scene-image .scene-image-edit{color:#fff;font-size:12px;pointer-events:auto}.scene-image-container:hover .scene-image-overlay{opacity:1}.scene-image-container .scene-image-overlay{position:absolute;border-radius:5px;top:0;left:0;width:60px;height:100%;flex-direction:column;background-color:#00000052;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.scene-item-duration{width:100%;padding-right:10px;min-width:150px}.scene-voiceover{flex-direction:column}.scene-voiceover .ant-tag{text-align:center;margin-bottom:5px}.scene-item{width:100%;padding:15px;margin-bottom:15px}.scene-item:hover .scene-item-actions{opacity:1}.scene-item .scene-item-actions{opacity:0}.scene-item .ant-card-body{padding:0;overflow-y:hidden!important}.scene-item .scene-item-header{margin-bottom:5px}.scene-item .scene-item-header .ant-btn{font-size:14px}.scene-item .scene-item-title{margin-bottom:5px}.scene-item-position .scene-item-position-card{width:320px}.scene-item-position .position-slider-row{margin-bottom:16px}.scene-item-position .position-slider-row:last-child{margin-bottom:0}.scene-item-position .position-slider-row label{display:block;font-size:12px;margin-bottom:4px;color:#000000a6}.scene-item-position .quick-size-actions{display:flex;gap:4px;margin-top:8px;justify-content:space-between}.scene-item-position .quick-size-actions .ant-btn{flex:1;padding:0 4px;height:24px}.audio-modal .ant-modal-body{max-height:70vh;overflow-y:auto}.audio-modal .library-audio-container,.audio-modal .my-audio-container{margin-bottom:16px}.audio-modal .audio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px}.card-with-sound .sound-name{text-overflow:ellipsis;max-width:200px;white-space:pre;overflow:hidden}.card-with-sound .hoverable:hover{cursor:pointer}.music .music-content{max-height:60vh;overflow-y:auto}.music .ant-list{margin-bottom:15px}.music .list-item{padding:0;border:1px solid #e3e3e3!important;border-radius:10px}.music .list-item button{border-radius:5px}.music .list-item .ant-tag{border-radius:5px;height:22px}.music .list-item:hover,.music .list-item.selected{background-color:#e6f7ff}.upload-music{margin-bottom:10px}.upload-music .ant-upload{display:flex;flex-direction:column}.upload-music .file-info{display:inline-block}.upload-music .upload-music-file{width:100%}.upload-music:hover{border-color:#1890ff}.scene{background-color:#fff;border-radius:8px}.scene .scene-card-body{padding:0;max-height:none!important}.scene .scene-header{border-bottom:1px solid #e3e3e3;padding:0 10px 0 2px;height:40px}.scene .scene-body{padding:15px;position:relative}.scene .scene-body .scene-items{width:100%}.scene .scene-time{position:absolute;right:15px;bottom:5px}.scene .drag-handle{padding:0!important;width:33px!important}.scene .drag-handle .ant-btn-icon{display:flex;align-items:center;justify-content:center;width:15px;height:15px}.scene .drag-handle img{width:100%;height:100%}.scenes .scene-box:hover .scene-layout-actions{opacity:1}.scenes .scene-box .scene-layout-actions{margin-bottom:5px;opacity:0}.voiceover .voiceover-content{max-height:42vh!important}.voiceover .ant-tag{border-radius:8px!important}.voiceover .ant-list-pagination{margin-top:0;margin-bottom:15px}.voiceover .voiceover-content{max-height:60vh;overflow-y:auto}.voiceover .ant-list{margin-bottom:15px}.voiceover .list-item{padding:0;border:1px solid #e3e3e3!important;border-radius:10px}.voiceover .list-item button{border-radius:5px}.voiceover .list-item .ant-tag{border-radius:5px;height:22px}.voiceover .list-item:hover,.voiceover .list-item.selected{background-color:#e6f7ff}.base-video-form .voiceover .voiceover-content{max-height:450px}.base-video-form .ant-collapse{background-color:#fff}.base-video-form .ant-collapse-item{padding-bottom:25px}.base-video-form .music .music-content{max-height:400px}.base-video-form .script-area form{padding-bottom:50px}.form-item:last-child{border-bottom:none}.form-item .form-item-title{border-bottom:1px solid #e3e3e3;margin:15px 0}.subtitles-editor .ant-form-item{margin-bottom:10px}.music .music-content{height:40vh!important}.video-content-container{border:none;border-right:1px solid #e3e3e3;background:none}.video-content-container .ant-card-body{overflow-y:auto;padding-top:0}.video-content-container .content-title{margin:15px 0 0}.edit-asset{margin-bottom:5px}.edit-asset img{border-radius:8px}.videos-container{overflow-y:hidden;height:100vh}.videos-container.mobile .ant-layout{margin-left:0!important;overflow-y:scroll}.videos-container.layout .ant-layout-sider{width:55px!important;min-width:55px!important;max-width:55px!important}.videos-container.layout .ant-layout-content{max-width:100%}.videos-container.layout .ant-menu-item{height:50px!important;border-bottom:1px solid #e3e3e3;padding-top:0!important}.videos-container.layout .ant-menu-item .anticon{font-size:17px!important}.videos-container.layout .ant-layout{margin-left:55px}.videos-container.layout .ant-layout-sider-children{overflow:hidden}.videos-container.layout .subscription-info{bottom:45px}.videos-container.layout .subscription-info .anticon{margin-right:0}.videos-container.layout .subscription-info .subscription-info-item{flex-direction:column;gap:5px;width:auto;align-items:center;justify-content:center;padding-left:0}.videos-container.layout .logo{height:64px;border-color:#e3e3e3}.videos-container.layout .ant-menu{border:none;height:100%;border-right:1px solid #e3e3e3}.videos-container.layout .ant-layout-sider{box-shadow:none}.videos-container.layout .ant-layout-content{margin:0;padding:0}.videos-container.layout .ant-layout-header{justify-content:space-between;border-bottom:1px solid #e3e3e3}.videos-container.layout .ant-menu-item{margin:0;border-radius:0;width:100%;padding-left:0!important;padding-right:0!important;padding-top:15px;font-size:12px;height:60px;align-items:center;flex-direction:column}.videos-container.layout .ant-menu-item .ant-menu-title-content{margin-left:0}.videos-container.layout .ant-menu-item .anticon{font-size:18px}.videos-container.layout .ant-layout-sider{width:100px}.videos-container .ant-divider{border-color:#e3e3e3}.time-markers{position:relative;width:100%;height:100%;display:flex}.time-markers span{position:absolute;color:#8c8c8c;font-weight:300;font-size:10px;transform:translate(-50%);white-space:nowrap;top:4px}.time-markers span:last-child{transform:translate(-100%)}.time-markers .small-tick{position:absolute;transform:translate(-50%)}.multi-track-timeline{background-color:#fff;border-top:1px solid #d9d9d9;display:flex;flex-direction:column;height:100%;max-height:450px}.multi-track-timeline .timeline-layout{display:flex;height:calc(100% - 48px);overflow:hidden;min-height:200px;max-height:350px}.multi-track-timeline .timeline-actions{width:20px;min-width:20px;background-color:#fff;border-right:none;display:flex;flex-direction:column}.multi-track-timeline .timeline-scroll-container{flex:1;overflow-x:auto;overflow-y:auto;position:relative;scroll-behavior:smooth;padding:0 10px}.multi-track-timeline .timeline-scroll-container::-webkit-scrollbar{height:10px;width:8px}.multi-track-timeline .timeline-scroll-container::-webkit-scrollbar-track{background:#f0f0f0}.multi-track-timeline .timeline-scroll-container::-webkit-scrollbar-thumb{background:#4096ff;border-radius:4px;opacity:.5}.multi-track-timeline .timeline-scroll-container::-webkit-scrollbar-thumb:hover{opacity:.7}.multi-track-timeline .timeline-wrapper{position:relative;padding:0 0 8px;background-color:#fff;min-width:100%;height:100%}.multi-track-timeline .timeline-marker-container{height:25px;position:sticky;top:0;z-index:10;background-color:#fff;border-bottom:1px solid #d9d9d9}.multi-track-timeline .tracks-container{position:relative;display:flex;flex-direction:column}.multi-track-timeline .timeline-track{position:relative;background-color:#fcfcfc;transition:background-color .2s;height:40px!important;min-height:40px!important;border-bottom:none;padding-left:20px}.multi-track-timeline .timeline-track:hover{background-color:#f5f5f5}.multi-track-timeline .timeline-track.locked{background-color:#f5f5f5;opacity:.7;cursor:not-allowed}.multi-track-timeline .timeline-track.locked .track-item{pointer-events:none}.multi-track-timeline .timeline-track.hidden{opacity:.5}.multi-track-timeline .timeline-track.video-track{background-color:#1890ff08}.multi-track-timeline .timeline-track.image-track{background-color:#52c41a08}.multi-track-timeline .timeline-track.text-track{background-color:#faad1408}.multi-track-timeline .timeline-track.audio-track{background-color:#722ed108}.multi-track-timeline .timeline-track.voiceover-track{background-color:#eb2f9608}.multi-track-timeline .timeline-track.gif-track{background-color:#13c2c208}.multi-track-timeline .timeline-track.thumbnail-track{background-color:#faad1408}.multi-track-timeline .timeline-track.track-track{background-color:#1890ff08}.multi-track-timeline .track-item{position:absolute;cursor:pointer;border-radius:4px;height:32px!important;top:4px!important}.multi-track-timeline .track-item:hover{z-index:2;box-shadow:0 2px 8px #00000026}.multi-track-timeline .track-item .item-thumbnail{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.multi-track-timeline .track-item .item-thumbnail img{max-height:100%;max-width:100%;object-fit:contain;display:block}.multi-track-timeline .track-item .item-label{position:absolute;top:4px;left:4px;padding:0 4px;background-color:#000000b3;color:#fff;font-size:10px;border-radius:4px;z-index:1}.multi-track-timeline .track-item.disabled{opacity:.5;cursor:not-allowed}.multi-track-timeline .track-item .audio-waveform{position:absolute;width:100%;height:60%;top:50%;transform:translateY(-50%);display:flex;align-items:flex-end;justify-content:space-between;padding:0 8px}.multi-track-timeline .playhead{position:absolute;top:0;height:100%;pointer-events:none;z-index:20;transform:translate(-50%)}.multi-track-timeline .playhead .playhead-marker{position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #2196f3;pointer-events:all;cursor:pointer;z-index:3}.multi-track-timeline .playhead .playhead-marker:hover{border-top-color:#1976d2}.multi-track-timeline .playhead .playhead-line{position:absolute;top:10px;left:50%;transform:translate(-50%);width:1px;height:calc(100% - 10px);background-color:#2196f3}.multi-track-timeline.dragging *{cursor:pointer!important}.multi-track-timeline .controls{font-size:13px;display:flex;align-items:center;padding:5px 10px;background-color:#fff;border-bottom:1px solid #d9d9d9;justify-content:space-between}.multi-track-timeline .controls .right-side{display:flex}.multi-track-timeline .controls .zoom-control{width:200px;display:flex;align-items:center;gap:8px}.multi-track-timeline .controls .zoom-control .ant-slider{margin:0;flex:1}.multi-track-timeline .controls .zoom-control .zoom-icon{color:#8c8c8c;font-size:16px;cursor:pointer;transition:color .3s}.multi-track-timeline .controls .zoom-control .zoom-icon:hover{color:#1890ff}.multi-track-timeline .controls .anticon{font-size:14px}.multi-track-timeline .controls .center-controls{display:flex;align-items:center;gap:16px;justify-content:center}.multi-track-timeline .controls .control-group{display:flex;align-items:center;gap:10px}.multi-track-timeline .controls .time-display{display:flex;align-items:center;justify-content:center}.assets-modal{top:50px}.assets-modal .ant-modal-body{min-height:400px;margin-bottom:30px}.assets-modal .ant-modal-content{min-height:850px}.assets-modal .ant-upload{min-height:300px}.assets-modal .ant-modal-footer{position:absolute;right:24px;bottom:23px}.assets-modal .my-assets .ant-btn{border-top-left-radius:0;border-top-right-radius:0}.assets-modal .my-assets .asset-image{object-fit:contain!important;border-radius:5px 5px 0 0}.assets-modal .normal-border.selected{border:2px solid var(--ant-color-primary)}.my-assets .ant-card-body{padding:10px}.my-assets .ant-image{width:100%}.ai-image-generator .image-item{max-height:370px;width:200px}.ai-image-generator .image-item img{border-radius:5px 5px 0 0}.ai-image-generator .image-item .select-new-image{border-top-left-radius:0;border-top-right-radius:0}.ai-video-generator .video-item{max-height:370px;width:200px}.ai-video-generator .video-item video,.ai-video-generator .video-item img{border-radius:5px 5px 0 0}.ai-video-generator .video-item .select-new-video{border-top-left-radius:0;border-top-right-radius:0}.video-cards-container{padding-bottom:25px}.video-cards-container .ant-image{display:flex}.video-cards-container .ant-table-wrapper{width:100%}.video-cards-container .ant-card-cover{height:120px;overflow:hidden}.video-cards-container .ant-card-cover img{border-radius:5px}.video-cards-container .ant-card-cover .placeholder-thumbnail{display:flex;align-items:center;justify-content:center;height:100%;background-color:#f0f0f0;font-size:48px;color:#999}.video-cards-container .video-info{display:flex;align-items:center;gap:8px;margin-top:8px}.video-cards-container .video-info .duration,.video-cards-container .video-info .user{font-size:12px;color:#999}.video-cards-container .video-progress{margin-top:16px}.video-cards-container .video-progress-labels{display:flex;justify-content:space-between;margin-top:4px;font-size:12px;color:#999}.video-cards-container .video-progress-labels .progress-label.completed{color:#1890ff;font-weight:700}.series-form .ant-collapse{background-color:#fff}.series-form .ant-collapse-item{padding-bottom:15px}.series-form .ant-collapse-item:last-child{border-bottom:var(--ant-line-width) var(--ant-line-type) var(--ant-color-border)}.series-settings{top:50px!important}.auth-page{position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:0}.auth-page .auth-layout{position:relative;z-index:1;background:transparent!important;min-height:98vh}.auth-page .auth-content{display:flex;justify-content:center;align-items:center;flex-direction:column;background:transparent}.auth-page .google-container{padding:0 10px}.auth-page .auth-layout{min-height:100vh}.auth-page .auth-content{display:flex;justify-content:center;align-items:center;flex-direction:column}.auth-page .auth-card{min-width:350px}.auth-page .auth-title{text-align:center;margin-bottom:20px}.auth-page .auth-link{text-align:center;margin-top:16px}.auth-page .auth-link:last-child{margin-top:6px}.auth-page .google-button{margin-top:10pxpx;margin-bottom:5px}.error-page{height:100vh;width:100vw;display:grid;place-content:center;gap:10px}
