.mga-wrap{align-items:flex-start;gap:12px;display:flex}.mga-preview{aspect-ratio:16/9;outline:1px solid var(--outline-main);background:var(--overlay-dark);border-radius:10px;flex-shrink:0;width:180px;position:relative;overflow:hidden}.mga-preview__iframe{border:none;border-radius:10px;width:100%;height:100%;display:block}.mga-preview__img{object-fit:cover;width:100%;height:100%;display:block}.mga-preview__label{backdrop-filter:blur(6px);color:var(--white2);letter-spacing:.3px;background:#0000008c;border-radius:5px;padding:2px 7px;font-size:9px;font-weight:600;position:absolute;bottom:5px;left:5px}.mga-preview__empty{width:100%;height:100%;color:var(--gray);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.mga-preview__empty i{opacity:.4;font-size:24px}.mga-right{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.mga-list{flex-direction:column;gap:4px;display:flex}.mga-item{background:var(--overlay-dark);border:1px solid var(--outline-main);border-radius:7px;align-items:center;gap:8px;min-height:36px;padding:4px 8px;display:flex}.mga-item__drag{color:var(--gray);cursor:grab;flex-shrink:0;font-size:12px}.mga-item__drag:active{cursor:grabbing}.mga-item__thumb{background:var(--overlay-lite-dark);border-radius:4px;flex-shrink:0;width:48px;height:30px;position:relative;overflow:hidden}.mga-item__thumb img{object-fit:cover;width:100%;height:100%;display:block}.mga-item__yt-icon{color:#f44;text-shadow:0 0 4px #000c;width:fit-content;height:fit-content;margin:auto;font-size:14px;position:absolute;inset:0}.mga-item__index{width:16px;color:var(--dslite);text-align:center;flex-shrink:0;font-size:10px;font-weight:700}.mga-item__url{min-width:0;color:var(--white2);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.mga-item__remove{border:1px solid var(--outline-main);width:22px;height:22px;color:var(--gray);cursor:pointer;background:0 0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;transition:background .15s,color .15s;display:flex}.mga-item__remove:hover{background:var(--gc2);color:var(--white)}.mga-add{align-items:center;gap:6px;display:flex}.mga-add__input{background:var(--overlay-dark);border:1px solid var(--outline-main);min-width:0;height:34px;color:var(--white);border-radius:7px;flex:1;padding:0 10px;font-size:12px}.mga-add__input::placeholder{color:var(--gray)}.mga-add__btn{background:var(--overlay-dark);border:1px solid var(--outline-main);height:34px;color:var(--white2);cursor:pointer;border-radius:7px;flex-shrink:0;align-items:center;gap:5px;padding:0 12px;font-size:12px;transition:background .15s,border-color .15s;display:flex}.mga-add__btn:hover{background:var(--gc2);border-color:var(--dslite);color:var(--white)}.mga-add__btn--upload{padding:0 10px}
.project-version-overlay{z-index:1;background:var(--overlay-dark);backdrop-filter:var(--glass-blur);border:1px solid var(--outline-main);height:22px;box-shadow:0 2px 16px var(--ten);border-radius:20px;flex-direction:row;align-items:center;gap:0;transition:box-shadow .3s,border-color .3s;display:flex;position:absolute;bottom:.6rem;right:.6rem;overflow:hidden}.mds-preview .project-version-overlay{height:26px;bottom:.75rem;right:.75rem}.project-version-overlay:has(.version-badge-right[data-version=legacy]){box-shadow:0 0 10px #38b27c66, 0 2px 16px var(--ten);border-color:var(--version-legacy-soft)}.project-version-overlay:has(.version-badge-right[data-version=enchanted]){box-shadow:0 0 10px #e879a966, 0 2px 16px var(--ten);border-color:var(--version-enchanted-soft)}.project-version-overlay:has(.version-badge-right[data-version=both]){box-shadow:0 0 10px #7479f766, 0 2px 16px var(--ten);border-color:var(--version-both-soft)}.version-badge-right{cursor:help;letter-spacing:.04em;text-transform:uppercase;height:100%;color:var(--white2);background:0 0;border-radius:0;justify-content:center;align-items:center;width:auto;padding:0 10px;font-size:10px;font-weight:800;transition:background .2s;display:flex}.mds-preview .version-badge-right{padding:0 11px;font-size:11px}.project-version-overlay:has(.project-overlay-badge) .version-badge-right{border-right:1px solid var(--outline-main);padding:0 8px 0 12px}.mds-preview .project-version-overlay:has(.project-overlay-badge) .version-badge-right{padding:0 9px 0 13px}.version-badge-right:hover{background:var(--overlay-lite-dark)}.version-badge-right[data-version=legacy]{color:var(--version-legacy)}.version-badge-right[data-version=legacy]:hover{background:var(--version-legacy-soft)}.version-badge-right[data-version=enchanted]{color:var(--version-enchanted)}.version-badge-right[data-version=enchanted]:hover{background:var(--version-enchanted-soft)}.version-badge-right[data-version=both]{color:var(--version-both)}.version-badge-right[data-version=both]:hover{background:var(--version-both-soft)}.project-overlay-badge{cursor:help;width:auto;height:100%;box-shadow:none;background:0 0;border-right:none;border-radius:0;justify-content:center;align-items:center;padding:0 10px;transition:background .2s;display:flex}.mds-preview .project-overlay-badge{padding:0 11px}.project-version-overlay:has(.version-badge-right) .project-overlay-badge{padding:0 8px 0 5px}.mds-preview .project-version-overlay:has(.version-badge-right) .project-overlay-badge{padding:0 9px 0 6px}.project-overlay-badge:hover{background:var(--overlay-lite-dark)}.project-badge-logo{object-fit:contain;filter:brightness(.92);width:13px;height:13px;display:block}.mds-preview .project-badge-logo{width:15px;height:15px}.project-badge-both{border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:13px;height:13px;display:flex;overflow:hidden}.mds-preview .project-badge-both{width:15px;height:15px}.project-badge-logo-half{object-fit:cover;flex-shrink:0;width:50%;height:100%}.project-badge-logo-half:first-child{object-position:left center}.project-badge-logo-half:last-child{object-position:right center}.project-overlay-badge+.project-overlay-badge{border-left:1px solid var(--outline-main)}.project-overlay-badge i.fa-youtube{color:var(--red);font-size:11px}.mds-preview .project-overlay-badge i.fa-youtube{font-size:12px}
.mod-media-swiper{aspect-ratio:16/9;background:var(--overlay-dark);width:100%;position:relative;overflow:hidden}.mod-media-swiper__inner{width:100%;height:100%!important}.mod-media-swiper__inner .swiper-wrapper{height:100%}.mod-media-swiper__inner .swiper-slide{height:100%;overflow:hidden}.mod-media-counter{z-index:20;background:var(--overlay-dark);backdrop-filter:var(--glass-blur);border:1px solid var(--outline-main);color:var(--white2);pointer-events:none;letter-spacing:.2px;border-radius:20px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:600;line-height:1;display:flex;position:absolute;bottom:.6rem;left:.6rem}.mod-media-counter i{color:var(--dslite);font-size:9px}.mod-media-nav{z-index:20;background:var(--overlay-dark);width:26px;height:26px;backdrop-filter:var(--glass-blur);border:1px solid var(--outline-main);color:var(--white2);cursor:pointer;opacity:0;border-radius:7px;justify-content:center;align-items:center;font-size:10px;transition:opacity .18s,background .15s,color .15s,border-color .15s,transform .1s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.mod-media-nav--prev{left:8px}.mod-media-nav--next{right:8px}.file-card:hover .mod-media-nav,.mds-root:hover .mod-media-nav{opacity:1}.mod-media-nav:hover{background:var(--gc2);border-color:var(--dslite);color:var(--white)}.mod-media-nav:active{transition-duration:50ms;transform:translateY(-50%)scale(.9)}.mod-media-swiper__inner .swiper-pagination{z-index:15;box-sizing:content-box;background:var(--overlay-dark);backdrop-filter:var(--glass-blur);border:1px solid var(--outline-main);border-radius:20px;left:50%;transform:translate(-50%);bottom:.8rem!important}.mod-media-swiper__inner .swiper-pagination.swiper-pagination-bullets-dynamic{z-index:18}.mod-media-swiper__inner .swiper-pagination:not(.swiper-pagination-bullets-dynamic){justify-content:center;align-items:center;gap:0;max-width:calc(100% - 2.5rem);padding:3px 8px;display:flex;width:auto!important}.mod-media-swiper__inner .swiper-pagination.swiper-pagination-bullets-dynamic{text-align:center;white-space:nowrap;padding:0 8px;font-size:0;line-height:12px;display:block;overflow:hidden;max-width:calc(100% - 2.5rem)!important}.mod-media-swiper__inner .swiper-pagination-bullet{background:var(--white2);opacity:.35;vertical-align:middle;border-radius:3px;flex-shrink:0;width:6px;height:6px;transition:opacity .2s,width .25s cubic-bezier(.4,0,.2,1),background .2s,transform .2s;margin:0 3px!important}.mod-media-swiper__inner .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{vertical-align:middle;transition:opacity .2s,background .2s,transform .2s,left .2s}.mod-media-swiper__inner .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.mod-media-swiper__inner .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{background:var(--dslite);opacity:1}.mod-media-swiper__inner .swiper-pagination:not(.swiper-pagination-bullets-dynamic) .swiper-pagination-bullet-active{background:var(--dslite);opacity:1;border-radius:3px;width:14px}.mod-media-swiper__inner .swiper-pagination:not(.swiper-pagination-bullets-dynamic) .swiper-pagination-bullet-active-prev,.mod-media-swiper__inner .swiper-pagination:not(.swiper-pagination-bullets-dynamic) .swiper-pagination-bullet-active-next{opacity:.55;width:6px}.mod-media-swiper__inner .swiper-pagination:not(.swiper-pagination-bullets-dynamic) .swiper-pagination-bullet-active-prev-prev,.mod-media-swiper__inner .swiper-pagination:not(.swiper-pagination-bullets-dynamic) .swiper-pagination-bullet-active-next-next{opacity:.25;width:5px;height:5px}.yt-poster{cursor:pointer;width:100%;height:100%;position:relative;overflow:hidden}.yt-poster__play{background:#0000004d;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.yt-poster:hover .yt-poster__play{background:#00000026}.yt-poster__play i{color:#e8eeff;filter:drop-shadow(0 0 3px #000000e6)drop-shadow(0 2px 8px #000000b3);font-size:52px;transition:transform .25s cubic-bezier(.34,1.5,.64,1),filter .25s,color .25s}.yt-poster:hover .yt-poster__play i{color:#f03;filter:drop-shadow(0 0 3px #000000e6)drop-shadow(0 4px 16px #ff00338c);transform:scale(1.15)rotate(-4deg)}.media-yt-badge{z-index:4;backdrop-filter:blur(4px);pointer-events:none;background:#000000a6;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;display:flex;position:absolute;bottom:7px;left:7px}.media-yt-badge i{color:red;font-size:13px}.yt-active-wrapper{z-index:0;border-radius:.8rem;width:100%;height:100%;transition:transform .28s cubic-bezier(.34,1.4,.64,1),box-shadow .28s;position:relative;overflow:hidden}.file-preview:has(.yt-active-wrapper){overflow:visible}.file-preview:has(.yt-active-wrapper):hover{z-index:20;position:relative}.file-preview:has(.yt-active-wrapper):hover .yt-active-wrapper{z-index:20;border-radius:10px;transform:scale(1.18);box-shadow:0 12px 48px #000000a6}.file-preview:has(.yt-active-wrapper) .project-version-overlay{opacity:0;pointer-events:none;transition:opacity .2s}.file-preview.mod-media-swiper--no-yt-hover-expand:has(.yt-active-wrapper){overflow:hidden}.file-preview.mod-media-swiper--no-yt-hover-expand:has(.yt-active-wrapper):hover{z-index:auto;position:relative}.file-preview.mod-media-swiper--no-yt-hover-expand:has(.yt-active-wrapper):hover .yt-active-wrapper{z-index:0;box-shadow:none;border-radius:.8rem;transform:none}
.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}
.mtl-char{letter-spacing:0;margin:0;padding:0;animation:.5s forwards mtlWave;display:inline-block}@keyframes mtlWave{0%{color:inherit;transform:translateY(0)}30%{color:var(--dslite);transform:translateY(-7px)}60%{color:var(--white2);transform:translateY(-3px)}to{color:inherit;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mtl-char{animation:none}}