.custom-upload-preview-modal .ant-modal-close-x{width:30px;height:30px;line-height:30px}.view-content[data-v-31a37124]{height:68vh;overflow-y:auto;padding:0 5px 0 0}.view-content[data-v-31a37124]::-webkit-scrollbar{width:4px}.view-content[data-v-31a37124]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:2px}.view-content[data-v-31a37124]::-webkit-scrollbar-thumb{background:rgba(98,54,255,.5);border-radius:2px}.videos-page[data-v-31a37124]{width:100%;min-height:calc(100vh - 100px);background:#0c1018;color:#fff}.page-content[data-v-31a37124]{max-width:1280px;margin:0 auto;padding:24px 32px}.header-row[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:16px}.header-left[data-v-31a37124]{-webkit-box-flex:1;-ms-flex:1;flex:1}.page-title[data-v-31a37124]{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px}.page-desc[data-v-31a37124]{font-size:14px;color:hsla(0,0%,100%,.6)}.header-right[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.tabs[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.tab-item[data-v-31a37124]{padding:8px 16px;color:hsla(0,0%,100%,.6);cursor:pointer;border-radius:6px;-webkit-transition:all .2s;transition:all .2s;font-size:14px}.tab-item[data-v-31a37124]:hover{color:#fff;background:hsla(0,0%,100%,.05)}.tab-item.active[data-v-31a37124]{color:#fff;background:-webkit-gradient(linear,left top,right top,from(#6236ff),to(#1155e8));background:linear-gradient(90deg,#6236ff,#1155e8)}.tab-item.active span[data-v-31a37124]{font-weight:600}.refresh-btn[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 16px;background:-webkit-gradient(linear,left top,right top,from(#6236ff),to(#1155e8));background:linear-gradient(90deg,#6236ff,#1155e8);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;-webkit-transition:opacity .2s;transition:opacity .2s}.refresh-btn[data-v-31a37124]:hover{opacity:.9}.filters-bar[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;padding:12px 0;margin-bottom:16px;-ms-flex-wrap:wrap;flex-wrap:wrap}.material-search-input[data-v-31a37124] .ant-input{background:hsla(0,0%,100%,.05)!important;border:1px solid hsla(0,0%,100%,.15)!important;color:hsla(0,0%,100%,.9)!important}.material-search-input[data-v-31a37124] .ant-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.35)!important}.material-search-input[data-v-31a37124] .ant-input::-moz-placeholder{color:hsla(0,0%,100%,.35)!important}.material-search-input[data-v-31a37124] .ant-input:-ms-input-placeholder{color:hsla(0,0%,100%,.35)!important}.material-search-input[data-v-31a37124] .ant-input::-ms-input-placeholder{color:hsla(0,0%,100%,.35)!important}.material-search-input[data-v-31a37124] .ant-input::placeholder{color:hsla(0,0%,100%,.35)!important}.filter-group[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.filter-label[data-v-31a37124]{font-size:13px;color:hsla(0,0%,100%,.6)}.warning-tip[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:12px 16px;background:rgba(255,183,77,.1);border:1px solid rgba(255,183,77,.3);border-radius:8px;margin-bottom:24px;font-size:13px;color:hsla(0,0%,100%,.8)}.warning-tip svg[data-v-31a37124]{color:#ffb74d;-ms-flex-negative:0;flex-shrink:0}.video-grid[data-v-31a37124]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.video-card[data-v-31a37124]{background:#181c24;border-radius:12px;overflow:hidden;-webkit-transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s,-webkit-box-shadow .2s}.video-card[data-v-31a37124]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.3);box-shadow:0 8px 24px rgba(0,0,0,.3)}.material-card[data-v-31a37124]{background:#181c24;border-radius:12px;border:1px solid hsla(0,0%,100%,.1);overflow:hidden;-webkit-transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s,-webkit-box-shadow .2s}.material-card[data-v-31a37124]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.3);box-shadow:0 8px 24px rgba(0,0,0,.3)}.material-card .material-thumb[data-v-31a37124]{position:relative;aspect-ratio:1.77777778;background:#0c1018;cursor:pointer;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.material-card .material-thumb .material-img[data-v-31a37124]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.material-card .material-thumb:hover .play-overlay[data-v-31a37124]{opacity:1}.material-card .material-info[data-v-31a37124]{padding:12px}.material-card .material-info .material-name[data-v-31a37124]{font-size:13px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.material-card .material-info .material-size[data-v-31a37124]{font-size:11px;color:hsla(0,0%,100%,.5);margin-bottom:10px}.material-card .material-info .material-actions[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.material-card .material-info .material-actions .use-btn[data-v-31a37124]{-webkit-box-flex:0.8;-ms-flex:0.8;flex:0.8;background:-webkit-gradient(linear,left top,right top,from(#6236ff),to(#1155e8))!important;background:linear-gradient(90deg,#6236ff,#1155e8)!important;border:none!important;color:#fff!important;border-radius:4px!important;height:28px!important}.material-card .material-info .material-actions .delete-btn[data-v-31a37124]{-webkit-box-flex:0.2;-ms-flex:0.2;flex:0.2;background:hsla(0,0%,100%,.08)!important;border:1px solid hsla(0,0%,100%,.15)!important;color:hsla(0,0%,100%,.7)!important;border-radius:4px!important;height:28px!important;padding:0 8px!important}.template-card[data-v-31a37124]{background:#181c24;border-radius:12px;border:1px solid hsla(0,0%,100%,.1);overflow:hidden;-webkit-transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s,-webkit-box-shadow .2s}.template-card[data-v-31a37124]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.3);box-shadow:0 8px 24px rgba(0,0,0,.3)}.template-card .video-info[data-v-31a37124]{padding:12px}.template-card .video-info .video-name[data-v-31a37124]{font-size:13px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.template-card .video-info .video-time[data-v-31a37124]{font-size:11px;color:hsla(0,0%,100%,.5);margin-bottom:10px}.template-card .video-info .template-actions[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex}.template-card .video-info .template-actions .action-btn[data-v-31a37124]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:26px!important;padding:0 8px!important;font-size:11px!important;border-radius:4px!important;background:hsla(0,0%,100%,.08)!important;border:1px solid hsla(0,0%,100%,.15)!important;color:hsla(0,0%,100%,.7)!important}.template-card .video-info .template-actions .action-btn[data-v-31a37124]:hover{opacity:.8}.template-card .video-info .template-actions .action-btn.primary[data-v-31a37124]{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;background:-webkit-gradient(linear,left top,right top,from(#6236ff),to(#1155e8))!important;background:linear-gradient(90deg,#6236ff,#1155e8)!important;border:none!important;color:#fff!important}.template-card .video-info .template-actions .action-btn.danger[data-v-31a37124]{color:#ff4d4f!important;border-color:rgba(255,77,79,.3)!important}.template-card .video-thumbnail[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.template-card .video-thumbnail .thumbnail-img[data-v-31a37124]{-o-object-fit:contain;object-fit:contain}.video-thumbnail[data-v-31a37124]{position:relative;aspect-ratio:1.77777778;background:#0c1018;cursor:pointer;overflow:hidden}.video-thumbnail .thumbnail-img[data-v-31a37124],.video-thumbnail .thumbnail-video[data-v-31a37124]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-thumbnail:hover .play-overlay[data-v-31a37124]{opacity:1}.play-overlay[data-v-31a37124]{position:absolute;inset:0;background:rgba(0,0,0,.4);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.play-overlay .play-btn[data-v-31a37124],.play-overlay[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.play-overlay .play-btn[data-v-31a37124]{width:48px;height:48px;border-radius:50%;color:#0c1018}.loading-overlay[data-v-31a37124]{position:absolute;inset:0;background:hsla(0,0%,100%,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10}.loading-spinner[data-v-31a37124]{width:32px;height:32px;border:3px solid rgba(98,54,255,.3);border-top-color:#6236ff;border-radius:50%;-webkit-animation:spin-31a37124 1s linear infinite;animation:spin-31a37124 1s linear infinite}@-webkit-keyframes spin-31a37124{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-31a37124{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.video-duration[data-v-31a37124]{bottom:8px}.video-duration[data-v-31a37124],.video-durations[data-v-31a37124]{position:absolute;right:8px;padding:2px 6px;background:rgba(0,0,0,.7);border-radius:4px;font-size:11px;color:#fff}.video-durations[data-v-31a37124]{top:8px}.status-badge[data-v-31a37124]{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.status-badge.generating[data-v-31a37124]{background:-webkit-gradient(linear,left top,right top,from(#6236ff),to(#1155e8));background:linear-gradient(90deg,#6236ff,#1155e8);color:#fff}.status-badge.completed[data-v-31a37124]{background:#52c41a;color:#fff}.status-badge.failed[data-v-31a37124]{background:#ff4d4f;color:#fff}.video-info[data-v-31a37124]{padding:12px}.video-name[data-v-31a37124]{font-size:13px;color:#fff;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-meta[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-time[data-v-31a37124]{font-size:11px;color:hsla(0,0%,100%,.5)}.video-actions[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.action-btn[data-v-31a37124]{width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;color:hsla(0,0%,100%,.7);cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.action-btn[data-v-31a37124]:hover{background:hsla(0,0%,100%,.2);color:#fff}.empty-state[data-v-31a37124]{text-align:center;padding:60px 0}.empty-state .empty-icon[data-v-31a37124]{width:80px;height:80px;opacity:.5;margin-bottom:16px}.empty-state .empty-text[data-v-31a37124]{font-size:14px;color:hsla(0,0%,100%,.5)}.pagination[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:24px 0}.pagination-mobile[data-v-31a37124],.pagination-total-mobile[data-v-31a37124]{display:none}.modal-video-container .modal-video[data-v-31a37124]{width:100%;max-height:450px;border-radius:8px;background:#000}.modal-video-container .modal-video-info[data-v-31a37124]{padding:16px 0}.modal-video-container .info-item[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:6px 0;font-size:13px}.modal-video-container .info-label[data-v-31a37124]{color:hsla(0,0%,100%,.6);width:80px}.modal-video-container .info-value[data-v-31a37124]{color:#fff}@media (max-width:1200px){.video-grid[data-v-31a37124]{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.video-grid[data-v-31a37124]{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.video-grid[data-v-31a37124]{grid-template-columns:1fr}.filters-bar[data-v-31a37124]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}@media (max-width:768px){.videos-page[data-v-31a37124]{width:100vw!important;max-width:100vw!important;min-height:100vh!important;padding:0!important}.page-content[data-v-31a37124]{padding:12px!important;max-width:100vw!important}.header-row[data-v-31a37124]{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important;-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important;gap:12px!important}.header-left[data-v-31a37124]{width:100%!important}.page-title[data-v-31a37124]{font-size:18px!important}.page-desc[data-v-31a37124]{font-size:12px!important}.header-right[data-v-31a37124]{width:100%!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:8px!important}.tabs[data-v-31a37124]{width:auto!important;overflow-x:auto!important;gap:2px!important}.tab-item[data-v-31a37124]{padding:6px 10px!important;font-size:12px!important;white-space:nowrap!important}.create-template-btn[data-v-31a37124],.refresh-btn[data-v-31a37124]{padding:6px 10px!important;font-size:11px!important}.filters-bar[data-v-31a37124]{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important;-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important;gap:8px!important;padding:8px 0!important}.filter-group[data-v-31a37124]{width:100%!important}.filter-group .filter-label[data-v-31a37124]{width:120px!important}.filter-group .ant-select[data-v-31a37124],.material-search-input[data-v-31a37124]{width:100%!important}.video-grid[data-v-31a37124]{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.material-card .material-info[data-v-31a37124],.material-card .video-info[data-v-31a37124],.template-card .material-info[data-v-31a37124],.template-card .video-info[data-v-31a37124],.video-card .material-info[data-v-31a37124],.video-card .video-info[data-v-31a37124]{padding:8px!important}.material-card .material-name[data-v-31a37124],.material-card .video-name[data-v-31a37124],.template-card .material-name[data-v-31a37124],.template-card .video-name[data-v-31a37124],.video-card .material-name[data-v-31a37124],.video-card .video-name[data-v-31a37124]{font-size:11px!important}.video-actions[data-v-31a37124]{gap:4px!important}.action-btn[data-v-31a37124]{width:26px!important;height:26px!important}.pagination-pc[data-v-31a37124]{display:none!important}.pagination-mobile[data-v-31a37124]{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;padding:12px 0!important}.pagination-mobile[data-v-31a37124] .ant-pagination{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important;gap:4px!important}.pagination-mobile[data-v-31a37124] .ant-pagination-item,.pagination-mobile[data-v-31a37124] .ant-pagination-next,.pagination-mobile[data-v-31a37124] .ant-pagination-prev{min-width:28px!important;height:28px!important;line-height:28px!important;border:none!important;background:transparent!important;margin:0 1px!important}.pagination-mobile[data-v-31a37124] .ant-pagination-item a,.pagination-mobile[data-v-31a37124] .ant-pagination-next a,.pagination-mobile[data-v-31a37124] .ant-pagination-prev a{color:hsla(0,0%,100%,.7)!important;border:none!important;background:transparent!important;line-height:26px!important}.pagination-mobile[data-v-31a37124] .ant-pagination-item-active{background:hsla(0,0%,100%,.15)!important}.pagination-mobile[data-v-31a37124] .ant-pagination-item-active a{color:#fff!important}.pagination-mobile[data-v-31a37124] .ant-pagination-disabled{opacity:.4!important}.pagination-mobile .pagination-total-mobile[data-v-31a37124]{display:block!important;text-align:center!important;padding:8px 0 0!important;font-size:12px!important;color:hsla(0,0%,100%,.5)!important}[data-v-31a37124] .create-template-modal .ant-modal,[data-v-31a37124] .image-preview-modal .ant-modal,[data-v-31a37124] .video-modal .ant-modal{max-width:100vw!important;width:100vw!important;margin:0!important;padding:0!important}[data-v-31a37124] .create-template-modal .ant-modal-content,[data-v-31a37124] .image-preview-modal .ant-modal-content,[data-v-31a37124] .video-modal .ant-modal-content{max-width:100vw!important;width:100vw!important;min-height:100vh!important;border-radius:0!important}.create-template-form .form-row[data-v-31a37124]{grid-template-columns:1fr!important;gap:12px!important}.create-template-form .form-actions[data-v-31a37124]{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.create-template-form .form-actions .cancel-btn[data-v-31a37124],.create-template-form .form-actions .save-btn[data-v-31a37124]{width:100%!important}}@media (max-width:480px){.page-title[data-v-31a37124]{font-size:16px!important}.page-desc[data-v-31a37124]{font-size:11px!important}.video-grid[data-v-31a37124]{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.material-name[data-v-31a37124],.video-name[data-v-31a37124]{font-size:10px!important}.material-size[data-v-31a37124],.video-time[data-v-31a37124]{font-size:9px!important}.material-actions[data-v-31a37124],.template-actions[data-v-31a37124]{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.material-actions[data-v-31a37124] .action-btn,.template-actions[data-v-31a37124] .action-btn{width:40%!important;margin-bottom:5px}.material-actions[data-v-31a37124] .action-btn.primary,.template-actions[data-v-31a37124] .action-btn.primary{-webkit-box-flex:0!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important;background:-webkit-gradient(linear,left top,right top,from(#6236ff),to(#1155e8))!important;background:linear-gradient(90deg,#6236ff,#1155e8)!important;border:none!important;color:#fff!important}.ant-btn+.ant-btn[data-v-31a37124]{margin-left:0!important;margin-right:0!important}.ant-btn+.ant-btn+.ant-btn[data-v-31a37124]{margin-left:5px!important;margin-right:0!important}.empty-state[data-v-31a37124]{padding:30px 0!important}.empty-state .empty-text[data-v-31a37124]{font-size:12px!important}}[data-v-31a37124] .ant-modal-header{background:#181c24!important;border-bottom:1px solid hsla(0,0%,100%,.1)}[data-v-31a37124] .ant-modal-title{color:#fff!important;font-weight:600}[data-v-31a37124] .video-modal .ant-modal-content{background:#181c24!important;border-radius:12px}[data-v-31a37124] .video-modal .ant-modal-header{background:#181c24!important;border-bottom:1px solid hsla(0,0%,100%,.1)}[data-v-31a37124] .video-modal .ant-modal-title{color:#fff!important;font-weight:600}[data-v-31a37124] .video-modal .ant-modal-close{color:hsla(0,0%,100%,.6)}[data-v-31a37124] .video-modal .ant-modal-close:hover{color:#fff}[data-v-31a37124] .video-modal .ant-modal-body{background:#181c24!important;padding:20px}[data-v-31a37124] .video-modal .ant-modal-footer{background:#181c24!important;border-top:1px solid hsla(0,0%,100%,.1)}[data-v-31a37124] .image-preview-modal .ant-modal-content{background:#181c24!important;border-radius:12px}[data-v-31a37124] .image-preview-modal .ant-modal-header{background:#181c24!important;border-bottom:1px solid hsla(0,0%,100%,.1)}[data-v-31a37124] .image-preview-modal .ant-modal-title{color:#fff!important;font-weight:600}[data-v-31a37124] .image-preview-modal .ant-modal-close{color:hsla(0,0%,100%,.6)}[data-v-31a37124] .image-preview-modal .ant-modal-close:hover{color:#fff}[data-v-31a37124] .image-preview-modal .ant-modal-body{background:#181c24!important;padding:20px}.modal-image-container[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal-image-container .modal-preview-img[data-v-31a37124]{max-width:100%;max-height:70vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}[data-v-31a37124] .delete-confirm .ant-modal-content,[data-v-31a37124] .delete-confirm .ant-modal-header{background:#181c24!important}[data-v-31a37124] .delete-confirm .ant-modal-title{color:#fff!important}[data-v-31a37124] .delete-confirm .ant-modal-close{color:hsla(0,0%,100%,.6)}[data-v-31a37124] .delete-confirm .ant-modal-body{background:#181c24!important;color:hsla(0,0%,100%,.8)}.create-template-btn[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 16px;background:-webkit-gradient(linear,left top,right top,from(#6236ff),to(#1155e8));background:linear-gradient(90deg,#6236ff,#1155e8);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;-webkit-transition:opacity .2s;transition:opacity .2s}.create-template-btn[data-v-31a37124]:hover{opacity:.9}.create-template-form[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:8px 0}.create-template-form .form-item .form-label[data-v-31a37124]{display:block;font-size:12px;font-weight:500;color:hsla(0,0%,100%,.8);margin-bottom:8px}.create-template-form .form-item .form-input[data-v-31a37124] .ant-input{background:hsla(0,0%,100%,.05)!important;border:1px solid hsla(0,0%,100%,.15)!important;border-radius:6px!important;color:hsla(0,0%,100%,.9)!important;padding:8px 12px;min-height:36px}.create-template-form .form-item .form-input[data-v-31a37124] .ant-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-input[data-v-31a37124] .ant-input::-moz-placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-input[data-v-31a37124] .ant-input:-ms-input-placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-input[data-v-31a37124] .ant-input::-ms-input-placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-input[data-v-31a37124] .ant-input::placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-input[data-v-31a37124] .ant-input:focus,.create-template-form .form-item .form-input[data-v-31a37124] .ant-input:hover{border-color:#6236ff!important;-webkit-box-shadow:0 0 0 2px rgba(98,54,255,.1)!important;box-shadow:0 0 0 2px rgba(98,54,255,.1)!important}.create-template-form .form-item .form-input[data-v-31a37124] .ant-input-prefix{color:hsla(0,0%,100%,.5)!important;margin-right:8px}.create-template-form .form-item .form-textarea[data-v-31a37124] .ant-input{background:hsla(0,0%,100%,.05)!important;border:1px solid hsla(0,0%,100%,.15)!important;border-radius:6px!important;color:hsla(0,0%,100%,.9)!important;padding:8px 12px;resize:none}.create-template-form .form-item .form-textarea[data-v-31a37124] .ant-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-textarea[data-v-31a37124] .ant-input::-moz-placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-textarea[data-v-31a37124] .ant-input:-ms-input-placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-textarea[data-v-31a37124] .ant-input::-ms-input-placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-textarea[data-v-31a37124] .ant-input::placeholder{color:hsla(0,0%,100%,.35)!important}.create-template-form .form-item .form-textarea[data-v-31a37124] .ant-input:focus,.create-template-form .form-item .form-textarea[data-v-31a37124] .ant-input:hover{border-color:#6236ff!important;-webkit-box-shadow:0 0 0 2px rgba(98,54,255,.1)!important;box-shadow:0 0 0 2px rgba(98,54,255,.1)!important}.create-template-form .form-row[data-v-31a37124]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.create-template-form .form-row .form-item.half .form-label[data-v-31a37124]{margin-bottom:8px}.create-template-form .config-tabs[data-v-31a37124]{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;background:#242427;border-radius:8px;padding:4px}.create-template-form .config-tabs.ratio-tabs[data-v-31a37124]{grid-template-columns:repeat(2,1fr)}.create-template-form .config-tabs .config-tab[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 4px;border-radius:6px;font-size:12px;cursor:pointer;position:relative;-webkit-transition:all .2s;transition:all .2s;color:hsla(0,0%,100%,.7);height:50px}.create-template-form .config-tabs .config-tab .tab-sub[data-v-31a37124]{font-size:9px;color:hsla(0,0%,100%,.4)}.create-template-form .config-tabs .config-tab[data-v-31a37124]:hover{background:hsla(0,0%,100%,.1)}.create-template-form .config-tabs .config-tab.active[data-v-31a37124]{background:#fff;color:#000}.create-template-form .config-tabs .config-tab.active .tab-sub[data-v-31a37124]{color:rgba(0,0,0,.5)}.create-template-form .settings-select-wrapper .full-width[data-v-31a37124]{width:100%}.create-template-form .settings-select-wrapper .full-width[data-v-31a37124] .ant-select-selection{background:hsla(0,0%,100%,.05)!important;border:1px solid hsla(0,0%,100%,.15)!important;border-radius:6px!important;color:hsla(0,0%,100%,.9)!important;min-height:36px}.create-template-form .settings-select-wrapper .full-width[data-v-31a37124] .ant-select-selection:hover{border-color:#6236ff!important}.create-template-form .settings-select-wrapper .full-width[data-v-31a37124] .ant-select-selection__rendered{color:hsla(0,0%,100%,.9)!important;line-height:34px!important}.create-template-form .settings-select-wrapper .full-width[data-v-31a37124] .ant-select-arrow{color:hsla(0,0%,100%,.5)!important}.create-template-form .settings-select-wrapper[data-v-31a37124] .ant-select-dropdown{background:#1a1a2e!important;border:1px solid hsla(0,0%,100%,.1)!important}.create-template-form .settings-select-wrapper[data-v-31a37124] .ant-select-dropdown .ant-select-option{color:hsla(0,0%,100%,.8)!important;padding:8px 12px}.create-template-form .settings-select-wrapper[data-v-31a37124] .ant-select-dropdown .ant-select-option:hover{background:rgba(98,54,255,.2)!important}.create-template-form .settings-select-wrapper[data-v-31a37124] .ant-select-dropdown .ant-select-option.ant-select-option-selected{background:rgba(98,54,255,.4)!important;font-weight:500}.create-template-form .template-upload-area[data-v-31a37124]{position:relative;border:2px dashed hsla(0,0%,100%,.15);border-radius:8px;padding:20px;text-align:center;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;background:hsla(0,0%,100%,.02);min-height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.create-template-form .template-upload-area.poster-upload[data-v-31a37124]{min-height:80px}.create-template-form .template-upload-area[data-v-31a37124]:hover{border-color:#6236ff;background:rgba(98,54,255,.05)}.create-template-form .template-upload-area .upload-placeholder[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.create-template-form .template-upload-area .upload-placeholder svg[data-v-31a37124]{width:24px;height:24px;color:hsla(0,0%,100%,.3)}.create-template-form .template-upload-area .upload-placeholder span[data-v-31a37124]{font-size:12px;color:hsla(0,0%,100%,.5)}.create-template-form .template-upload-area .upload-preview-img[data-v-31a37124]{max-width:100%;max-height:120px;-o-object-fit:contain;object-fit:contain;border-radius:4px}.create-template-form .template-upload-area .upload-delete-btn[data-v-31a37124]{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:#ff4d4f;color:#fff;border:none;font-size:14px;line-height:22px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.create-template-form .template-upload-area .upload-delete-btn[data-v-31a37124]:hover{background:#ff7875}.create-template-form .template-upload-area:hover .upload-delete-btn[data-v-31a37124]{opacity:1}.create-template-form .form-actions[data-v-31a37124]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.1)}.create-template-form .form-actions .cancel-btn[data-v-31a37124]{width:100px;height:36px!important;background:hsla(0,0%,100%,.08)!important;border:1px solid hsla(0,0%,100%,.2)!important;color:hsla(0,0%,100%,.8)!important;border-radius:6px!important}.create-template-form .form-actions .cancel-btn[data-v-31a37124]:hover{background:hsla(0,0%,100%,.12)!important;border-color:hsla(0,0%,100%,.3)!important}.create-template-form .form-actions .save-btn[data-v-31a37124]{width:100px;height:36px!important;background:-webkit-gradient(linear,left top,right top,from(#6236ff),to(#1155e8))!important;background:linear-gradient(90deg,#6236ff,#1155e8)!important;border:none!important;border-radius:6px!important;font-weight:600}.create-template-form .form-actions .save-btn[data-v-31a37124]:hover{opacity:.9}.pagination[data-v-31a37124]{padding:20px 0}[data-v-31a37124] .jiage .ant-input{padding-left:22px!important}.refresh-btns[data-v-31a37124]{height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 16px;background:-webkit-gradient(linear,left top,right top,from(#6236ff),to(#1155e8));background:linear-gradient(90deg,#6236ff,#1155e8);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;-webkit-transition:opacity .2s;transition:opacity .2s}.refresh-btns[data-v-31a37124]:hover{opacity:.9}.refresh-btnss[data-v-31a37124]{height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 16px;background-color:transparent;border:1px solid hsla(0,0%,100%,.85);color:#fff;border-radius:6px;cursor:pointer;font-size:13px;-webkit-transition:opacity .2s;transition:opacity .2s}.refresh-btnss[data-v-31a37124]:hover{opacity:.9}.ant-tooltip{max-width:1000px!important}.ant-tooltip .ant-tooltip-content .ant-tooltip-inner{background-color:#242c37!important;border-radius:8px!important;color:hsla(0,0%,100%,.85)!important;padding:8px 12px!important}.ant-tooltip-arrow{display:none!important}.ant-tooltip-arrow-content{background-color:#242c37!important}