*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{to{transform:rotate(360deg)}}html,body{width:100%;height:100%;font-family:Segoe UI,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;background-color:#fcfcfc;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjEiIGZpbGw9IiNlM2UzZTMiLz48L3N2Zz4=);background-repeat:repeat;background-size:12px 12px;transition:background-color .3s,background-image .3s}body.dark-mode{background-color:#1a1a1a;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjEiIGZpbGw9IiMzMzMzMzMiLz48L3N2Zz4=)}#app{width:100%;height:100%;display:flex;flex-direction:column}.base-input{width:100%;height:100%;background:transparent;border:none;font-family:Segoe UI,sans-serif;font-weight:600;font-size:16px;line-height:24px;color:#333;text-align:center;outline:none}.base-input::-webkit-outer-spin-button,.base-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.base-input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}body.dark-mode .base-input{color:#ccc}.base-input:disabled{color:#d3d3d3}body.dark-mode .base-input:disabled{color:#666}.input-wrapper{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 16px;gap:4px;min-width:50px;background:#f3f3f3;border:2px solid #F3F3F3;border-radius:12px;flex:none;flex-grow:0}.input-wrapper:hover{background:#fcfcfc;border:2px solid #333333}.input-wrapper:focus-within{background:#fff;border:2px solid #333333}body.dark-mode .input-wrapper{background:#3a3a3a;border:2px solid #3a3a3a}body.dark-mode .input-wrapper:hover{background:#454545;border:2px solid #999999}body.dark-mode .input-wrapper:focus-within{background:#3a3a3a;border:2px solid #999999}.input-wrapper--sm{height:32px;border-radius:8px}.input-wrapper--md{height:40px}.input-wrapper--lg{height:44px}.input-wrapper--thin{border-width:1px}.input-wrapper--thin:hover,.input-wrapper--thin:focus-within{border-width:1px}.input-unit{font-family:Segoe UI,sans-serif;font-weight:600;font-size:16px;line-height:24px;color:#333;margin:0;flex-shrink:0}body.dark-mode .input-unit{color:#ccc}.input-unit--hint{font-size:11px;font-weight:400;color:#999}body.dark-mode .input-unit--hint{color:#666}.input-wrapper--textarea{width:100%;height:auto;padding:8px 12px;align-items:flex-start}.input-wrapper--textarea-lg{min-height:160px}.textarea-input{text-align:left;resize:none}.textarea-input--sm{height:60px}.textarea-input--lg{height:144px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.textarea-input--lg::-webkit-scrollbar{display:none}.header-logo{height:24px;width:auto;margin-right:12px;content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATwSURBVHgB7VlNbNxUEB7/pIDUhKSXkAXUrYRKAbUKSSQiTg4SEuJCOHJA3Ur0UAmJVHAnOXFCCeJP7SXOpYgLLKISBxDrwCVC2awjVAgIUQNVAhLQXRIVsru2mXG87ovz/NZeu9kc8knWPo/H783MmzczngU4xCFSQeERx8bGpoaGht7I5XK1jY2NNTjAUMOEkZGRguu6s/7tMF5F0QSapvVvbm5+TENJkuaWl5cvwj5CDhNQiNeZ237cjVnRBCj8PP5oNEbFp4YRkAHGx8fzcfh27QBZH3/yLI2EQiVqqqrqS0tLFrtAo9Eg5SZZfjTAvdAhaH18/ywONZwbRkdHaX2TdrZcLi/w3pHYG3zhelgBBlW8TLwsn0fjMTmOo1UqlUVIANYNBWxWT0/PBGtEQuBCaGUNooUn9PsLFEC8UGKg8LMx5qQdL4VdK1AALfccdAnoJlpMVlJiniUECqCfZXL4OgGubSVg13xv8SBDxkBr1iAhbNs+h+9ZwRxHesHpO266R4e4/Ky3sApYkA0sSAjTNC3nzPkJVGTS7s0XnH+rA5XSR487vQ9M8Phxx/KtscoQF9AKBUgHA4WpQgcw9QsWeMqbt4k3lkxQuMVCf2sQKIAZ1MA4bLHaheEcO4nXw8G9tLUOMl7S1kaLpEOGUBRF49HtgYfQSGVvvCuRybJMvlhiaeSPzUdfABsvGvPgKVKzrMb9T/4CZQkyBD8yNreNYO3wMz8beqHKPZqD7WcuQdRh4sFFN5Il0K+9LC1ACviZvgKMu7SAZ+UEnRsa74lCKysrOjE4AyeLSYUnoEU01wX9kbfd0qn33Tx0iHq9rgFHeCotWsITuGGUGOqTV6pJhWdBishNuP7YO+58J4qEikqWPsfecxWgBdGKBcgANA8qUkJFzsZ9h75HgFPWuHf1Vu3TL+2qs7gnDrf/FXwwB9kDoxxM2wosrl3gZ1/KsugmVNjx3EdHFz/H0lTeJLjIMJ3GPfS/fwSpvgkpkMdLp0VPv/q5Id382ZBvfL2q/PU9CXcc3WNSVBdhBp4J0/gKuJBn5Ve/+wBU83Ja4cPQgKlAUXghM1mfPbyBbKKXSOAjX74G8u9l6CYonDu132Z4z4TFXM83b3ZdeIJzdx/X+gSuAq4ElvKrAcpPV6Hb8KrUP67NRD3nKiA5UD0IwvuItD6BvwMAqwfBdcj6t14sC0sS/hlQwMw44nQEjEzTaxfFX2uRsQs7FDeBk0z2C2R9TFon2vGJopABXQRZPw6fLJjgLegSyPpRjawwIhWgLzTYaWbtOxrHTk3F5RUmMrTEnSjohHDuGSh++8WVT+LyCxXA4inVV1UncLf+TNTdFirgJxAD9glRBZsIbRtb4S8gAQxq7OLhk+iiMQkU892dZhanXG4HtR1Ds9lcxPYGHebInGDnniian773PEvzO9SL2CSoohHaH8rtf6aTWp/QdgeoUSWyJIW8/556N9Jvyaps2zBqjltnznd03mL1RrFfFBkVnPvGdFG69zt1QtfwSoadzlxixFLAzwlGmO5Z/+lLbS1HrRqICAZJkhYPsbvTuNCeP/vaWZ8FWnkmgj4NKRBbAT8nBJk5rvVb4O2i0/dgKusTYisQPsxJrN9CeBea+WcLkBJKEubBwcEfUAgKp8XKV1cTx+z19XUL/0D3OhBUpqx+dvlDOMQhuov/ATzhSdxeZzcEAAAAAElFTkSuQmCC);transition:all .2s ease}.header-logo:hover{content:url(data:image/png;base64,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)}body.dark-mode .header-logo{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASgSURBVHgB7VlNbBtFFH77Uxs3tnAoB1qk1kUFtcqlUYTguJbgBBK5cqpzQKISUlM4cWpy5hAESEhwiDnBrUEgISEkuwcuRaLpoVWAQ7YCNVxaG9tJsB17+V7qNZNldnbXu+0WKZ808uzM25n3N2/ePhMd4hDJo9PpLKLVWq3WPP3fAMYr29vbzqg1gugdxynu7OzUmB7vrlDaADObggCBTIHmqof+PCWA3d3dUhg6XXxg7UOjJXFM07TFdru95F2Qn5l5dA+4mWEYT9KE4P1daw6HQ1eRN7DXBb93NPGBte8VQEATc+sQyEYroW/JiHRdt3K53DWKAHZDMHnVb819Rh/sW8batjhuuh1o2VIwzyhiAWu0ISUJKI7d1FLRjHirQdADQoxdCKZ/g9KDFYaIhRgMBqvimHgGEjl8k4DdIwKtxd7iPuuUMKChvygiut3uAn5s97nd1chuautbbU1KL3rLWACYx6YE0O/3bYqI6elp+6Prehnd+c2GXslq3emZZ4/O/t7WyjJ68ayORWSzIILUKAawcD2fz5cpITQajWImk2mo9hlHoUKhUEfMtdEt+S346z2dfrn/r9edyDtoQzpeGEelKiUIuIolG/+toTfdvilO4PJY8FqB/fHLWyZ9ddukdk/ukyzEqaJj//iHcYcShF9kzB2hutv/D0d8G+Kk74equzhEb3/3BG115IzLAFvUdY2qt97RvqAY4JseCr2BbtE71+v1TvO54b6UM/he6U4nt/LeD5n5KMyLYEEckxY2LoYPkSJERR5YF9kA/H/WffblbuYTZxUXboViQoM1BgYtRxXEL63BWAUCjK0rvQfOfuqUkmD+wYZU0feoBoVcCPsOf4/ImG91qfn5T8aBPEtqgXMfO5cw8SElDyRktASLXPOzyCicc5ZblExXp6amFsQBU7YINjlPknzthWNDKmRiJXIlGoXaV7/p1888Nay/fGLv5rljAzJN8xSG51UZKQ7vsndMLoBDJZHNN2f69NbsXlzmvbBonMQZYTLcqht5RJiqN5jhD17p0twzQ0oTHM6fznaXZXPKZO7dl3qpM89o9TSp9hlSCzhIBq2Te/T68wN6DGA/V/h72W9SagFtSM3XzjwWzDN8tc+QCoDjdHPuePquA9hznx1VpiTyM2DQesIRZyIgMi1tXFbf4L6pxKioVaT0YOPSOh1E5BuFkEjVKUWw9sPQ+VogiS+0GAilfYavBfgLDT9NSgG375mLYWmVFxks8DASOiXu79LaiyezX4elDyqrxPqqmgR5o3c5Cr1SAC7hPeLDrLy0ZAgsbCEahHIjLnVwYReHT+PGfYpQpeDigSxdDkKgAFiUv4CUh/n6XWON6zRiVZr7/PEBC4ZSQCHrLEXVPiNQACzaBBNVBYl98dusr9+ibMhatUkNrsxNdN5C1UZR7/SNCj//qVdV1z0rAO8rXYMvrffLOZseJtx/Tjxt8+yK8j+FoPf316AYiFKdXvMOBGlfhJ8VwqYMscGFVk7wJtG+C68VNrZ2YmmfEdoC3sMcRfsuvFb4fvNIhR4luOQIza2iXaEJgZrnFbYE2iU6xCHSxz8ZlJQDr+3XuQAAAABJRU5ErkJggg==)}body.dark-mode .header-logo:hover{content:url(data:image/png;base64,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)}.header-navbar{width:100%;height:56px;display:flex;align-items:center;justify-content:center;padding:0 16px;position:absolute;z-index:100;transition:background-color .3s,border-color .3s,transform .3s ease,opacity .3s ease}.nav-link{font-family:Noto Sans SC,sans-serif;font-weight:400;font-size:12px;line-height:1.2;color:#409eff;text-decoration:none;cursor:pointer;transition:opacity .3s;flex-shrink:0}.nav-link:hover{opacity:.7;text-decoration:underline}body.dark-mode .nav-link{color:#66b1ff}.avatar-link,.avatar-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-icon{width:24px;height:24px;border-radius:50%;object-fit:cover;transition:opacity .3s}.avatar-link:hover .avatar-icon{opacity:.7}body.dark-mode .header-navbar{background-color:transparent;border-bottom-color:transparent}.header-navbar-title{font-family:Noto Sans SC,sans-serif;font-weight:500;font-size:12px;line-height:1.2;color:#2c3e50;transition:color .3s;flex:1;text-align:center}body.dark-mode .header-navbar-title{color:#e0e0e0}.header-left-action{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;position:absolute;left:16px;top:16px}.header-left-action:hover{opacity:.7}.header-right-action{display:flex;align-items:center;justify-content:center;gap:16px;cursor:pointer;position:absolute;right:16px;top:16px}.login-btn-container{position:relative;display:inline-block}.login-btn-container.is-logged-in:hover .login-menu{opacity:.8;visibility:visible;transform:translateY(0)}.login-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#333;border-radius:8px;transition:all .2s ease}.login-icon{width:24px;height:24px;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-size:400px 400px;background-position:0px -360px;background-repeat:no-repeat;display:flex}body.dark-mode .login-icon{background-position:-40px -360px}.login-btn:hover{opacity:.7}.login-btn.disabled{cursor:default;opacity:1;pointer-events:none}.login-btn.disabled:hover{background:transparent}body.dark-mode .login-btn:hover{background:#333}.login-menu{position:absolute;top:100%;right:0;margin-top:8px;background:transparent;border:none;box-shadow:none;min-width:100px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(0);transition:all .2s ease}.login-btn-container:hover .login-menu,.login-btn-container.is-logged-in:hover .login-menu{opacity:1;visibility:visible;transform:translateY(0)}.login-menu-item{padding:8px 16px;font-size:14px;color:#fff;cursor:pointer;transition:all .2s ease;border-radius:8px;margin:0;background:#5b5b5b;text-align:center;border:none;display:block;width:100%;box-sizing:border-box;opacity:1;visibility:visible}.login-btn-container{position:relative;display:inline-block;cursor:pointer}.login-btn-container.is-logged-in{pointer-events:auto}.login-btn.disabled{cursor:default;opacity:1;pointer-events:auto}.login-menu-item{padding:8px 16px;font-size:14px;color:#fff;cursor:pointer;transition:all .2s ease;border-radius:8px;margin:0;background:#5b5b5b;text-align:center;border:none;display:block;width:100%;box-sizing:border-box}.login-menu-item:hover{background:#333;color:#fff}body.dark-mode .login-menu{background:transparent;border:none;box-shadow:none}body.dark-mode .login-menu-item{background:#666;color:#fff}body.dark-mode .login-menu-item:hover{background:#444;color:#fff}.theme-toggle{width:24px;height:24px;border:none;background:none;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;transition:opacity .3s;flex-shrink:0}.theme-toggle:hover{opacity:.7}.theme-toggle svg{width:24px;height:24px;fill:#2c3e50;transition:fill .3s}body.dark-mode .theme-toggle svg{fill:#e0e0e0}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{visibility:hidden;position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px;font-family:Segoe UI,sans-serif;font-weight:400;font-size:12px;line-height:1.33;color:#818181;white-space:nowrap;box-shadow:0 6px 10px #3333;z-index:1000;opacity:0;transition:opacity .2s,visibility .2s}.theme-toggle .tooltip-text,.login-btn .tooltip-text{bottom:auto;top:125%}body.dark-mode .tooltip .tooltip-text{background-color:#2a2a2a;border-color:#404040;color:#999;box-shadow:0 6px 10px #00000080}.tooltip .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#ffffff transparent transparent transparent}.theme-toggle .tooltip-text:after,.login-btn .tooltip-text:after{top:auto;bottom:100%;border-color:transparent transparent #ffffff transparent}body.dark-mode .tooltip .tooltip-text:after{border-color:#2a2a2a transparent transparent transparent}body.dark-mode .theme-toggle .tooltip-text:after,body.dark-mode .login-btn .tooltip-text:after{border-color:transparent transparent #2a2a2a transparent}.library-loading-indicator{position:fixed;top:16px;width:400px;max-width:50%}.library-loading-indicator .loading-text{font-size:12px;line-height:19px;color:#818181;font-weight:400;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body.dark-mode .library-loading-indicator .loading-text{color:#999}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.help-button{width:40px;height:40px;border:none;cursor:pointer;outline:none;position:fixed;right:8px;bottom:8px;z-index:1000;background:none;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-size:400px 400px;background-position:0px 0px;background-repeat:no-repeat;transition:opacity .2s}.help-button:hover{background-position:-40px 0px}body.dark-mode .help-button{background-position:-80px 0px}body.dark-mode .help-button:hover{background-position:-120px 0px}.help-overlay{position:fixed;inset:0;background:transparent;z-index:2000;display:flex;align-items:center;justify-content:center}.help-modal{width:40%;min-height:300px;max-width:900px;max-height:85vh;background:#fff;border:1px solid #e6e6e6;box-shadow:0 4px 20px #3333334d;border-radius:24px;overflow:hidden;display:flex;flex-direction:column}body.dark-mode .help-modal{background:#2a2a2a;border-color:#404040;box-shadow:0 4px 20px #00000080}.help-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e6e6e6;flex-shrink:0}body.dark-mode .help-modal-header{border-bottom-color:#404040}.help-modal-title{font-size:16px;font-weight:600;color:#333}body.dark-mode .help-modal-title{color:#e0e0e0}.help-modal-content{padding:32px 48px;overflow-y:auto;font-family:Segoe UI,Noto Sans SC,sans-serif;font-size:15px;line-height:2;color:#5b5b5b;scrollbar-width:none;-ms-overflow-style:none}.help-modal-content::-webkit-scrollbar{display:none}body.dark-mode .help-modal-content{color:#999}.help-modal-content ul{list-style:none;padding-left:0;margin:0}.help-modal-content li{margin-bottom:6px}.help-modal-content table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.help-modal-content th,.help-modal-content td{border:1px solid #e0e0e0;padding:8px 12px;text-align:left}.help-modal-content th{background:#f5f5f5;font-weight:600;color:#333}.help-modal-content td{color:#5b5b5b}body.dark-mode .help-modal-content th,body.dark-mode .help-modal-content td{border-color:#404040}body.dark-mode .help-modal-content th{background:#333;color:#e0e0e0}.help-modal-content h1{font-size:1.7em;font-weight:400;margin-bottom:16px;color:#333}.help-modal-content h2{font-size:1.3em;font-weight:400;margin-bottom:12px;color:#5b5b5b}body.dark-mode .help-modal-content h1{color:#e0e0e0}body.dark-mode .help-modal-content h2{color:#999}.main-page{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.viewer-area{flex:1;display:flex;align-items:flex-start;justify-content:center;position:relative}.drop-overlay{position:fixed;inset:0;background-color:#ffffffb3;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.drop-overlay.show{opacity:1;pointer-events:auto}.drop-hint{display:flex;flex-direction:column;align-items:center;gap:24px;outline:4px dashed #333333;outline-offset:-80px;border-radius:100px;width:100%;height:100%;justify-content:center;box-sizing:border-box}.drop-hint-text{font-size:40px;font-weight:500;color:#333}body.dark-mode .drop-overlay{background-color:#000000b3}body.dark-mode .drop-hint{outline:4px dashed #F5F5F5}body.dark-mode .drop-hint-text{color:#f5f5f5}.viewer-container{position:relative;transform-origin:top center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.viewer-filename{position:absolute;bottom:100%;left:0;margin-bottom:8px;font-family:Segoe UI,sans-serif;font-weight:400;font-size:12px;line-height:19px;color:#818181;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}body.dark-mode .viewer-filename{color:#999}.viewer-canvas{width:100%;height:100%;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.viewer-canvas canvas{transition:background-color .3s;position:relative!important;top:0!important;left:0!important;transform:none!important;margin:0!important;image-rendering:-webkit-optimize-contrast;image-rendering:smooth;-ms-interpolation-mode:bicubic}.empty-state-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;margin-bottom:240px}.empty-state-icon{width:80px;height:105px;margin-bottom:8px}.empty-state-icon svg,.empty-state-icon img{width:100%;height:100%;object-fit:contain}.empty-state-slogan{font-family:Segoe UI,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#999;text-align:center;margin-bottom:80px}.empty-state-text{display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:auto;margin-bottom:80px}.empty-state-title{font-family:Segoe UI,sans-serif;font-weight:500;font-size:64px;line-height:1.2;color:#333;text-align:center;max-width:55vw;margin-bottom:8px}.empty-state-subtitle{font-family:Segoe UI,sans-serif;font-weight:500;font-size:30px;line-height:1.33;color:#333;text-align:center}body.dark-mode .empty-state-slogan{color:#666}body.dark-mode .empty-state-subtitle{color:#999}body.dark-mode .empty-state-title{color:#ccc}.footer-bar{position:absolute;top:calc(100vh - 190px);left:calc((100vw - 1000px)/2);right:calc((100vw - 1000px)/2);width:auto;height:190px;display:flex;flex-direction:row;align-items:stretch;justify-content:center;padding:10px;gap:10px;transition:background-color .3s,height .3s ease,top .3s ease,left .3s ease,right .3s ease,width .3s ease;z-index:130}.footer-bar.is-empty{top:540px;width:300px;height:120px;left:calc((100vw - 300px)/2);right:calc((100vw - 300px)/2)}.ad-slot{display:none;width:240px;height:134px;background-color:#b1b1b1;border-radius:4px;flex-shrink:0}.footer-main-wrapper{position:relative;display:flex;flex-direction:column}.mode-name-box{position:absolute;display:flex;align-items:center;height:auto;padding:4px 10px;background:#ffffffb7;border:1px solid #F3F3F3;border-radius:8px;bottom:140px;left:0;backdrop-filter:blur(12px);align-self:flex-start;width:88%}.mode-name-fade-enter-active,.mode-name-fade-leave-active{transition:opacity .3s ease}.mode-name-fade-enter,.mode-name-fade-leave-to{opacity:0}.mode-name-box:hover{background:#fff;height:auto}.footer-top-actions{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:10px;position:absolute;right:0;top:0;transition:bottom .3s ease,opacity .2s ease,visibility .2s}.footer-main-wrapper-immersive .footer-top-actions{bottom:-54px;top:auto}.footer-top-actions-immersive{left:50%;right:auto;transform:translate(-50%)}body.dark-mode .mode-name-box{background:#2a2a2a;border-color:#404040}.mode-name-label{font-family:Segoe UI,sans-serif;font-weight:400;font-size:12px;line-height:22px;color:#333;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-name-box:hover .mode-name-label{word-wrap:break-word;word-break:break-word;white-space:normal}body.dark-mode .mode-name-label{color:#e0e0e0}.mode-name-label *{font-family:Segoe UI,sans-serif!important;font-weight:400!important;font-size:14px!important;color:#333!important}body.dark-mode .mode-name-label *{color:#e0e0e0!important}.clear-canvas-btn{box-sizing:border-box;display:block;padding:0;width:28px;height:28px;background-color:#ffffff7d;border:none;border-radius:8px;cursor:pointer;outline:none;transition:background-color .15s;position:relative;overflow:hidden;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-size:400px 400px;background-position:-318px -158px;background-repeat:no-repeat}.clear-canvas-btn .btn-icon-close{display:none}.clear-canvas-btn:hover{background-color:#f88}.clear-canvas-btn:active{background-color:#ff5252}body.dark-mode .clear-canvas-btn{background-color:#4040407d;background-position:-360px -160px}body.dark-mode .clear-canvas-btn .sprite-close{display:none}body.dark-mode .clear-canvas-btn:hover{background-color:#f88;background-position:-320px -160px}body.dark-mode .clear-canvas-btn:hover .sprite-close{display:none}body.dark-mode .clear-canvas-btn:active{background-color:#ff5252;background-position:-320px -160px}body.dark-mode .clear-canvas-btn:active .sprite-close{display:none}.footer-main{flex:0 1 auto;min-width:600px;max-width:fit-content;height:136px;background-color:#fff;border:1px solid #e6e6e6;border-radius:16px;box-shadow:0 10px 32px #3333;padding:20px;display:flex;flex-direction:column;gap:12px;position:relative;top:34px;opacity:1;transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10}.footer-main.footer-main-empty{min-width:280px;max-width:800px;justify-content:center;align-items:center;height:100px;position:relative;background-color:#333;border-color:#333;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:200px;padding:0 24px}.footer-main.footer-main-empty .footer-empty-tip-sub,.footer-main.footer-main-empty .click-upload-text{color:#fcfcfc}.footer-main.footer-main-empty .click-upload-text:hover{color:#fff}.footer-empty-tip{display:flex;align-items:center;justify-content:center;padding:0}.footer-empty-tip-sub{font-weight:700;font-size:20px;line-height:27px;text-align:center;color:#333}body.dark-mode .footer-empty-tip-sub{color:#e6e6e6}.click-upload-text{color:#333;cursor:pointer;margin-top:8px;font-size:20px;font-weight:700}.click-upload-text:hover{color:#000}body.dark-mode .click-upload-text{color:#f5f5f5}body.dark-mode .click-upload-text:hover{color:#fff}body.dark-mode .footer-main{background-color:#2a2a2a;border-color:#404040;box-shadow:0 10px 32px #00000080}.footer-content{display:flex;flex-direction:column;width:100%;height:100%;justify-content:space-between;transition:opacity .2s ease}.footer-row-tabs{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:auto;gap:10px}.footer-actions{display:flex;flex-direction:row;align-items:center;gap:10px}.footer-actions .btn-large-primary,.footer-actions .btn-large-secondary{flex:none;width:auto}.tab-btn{height:28px;padding:0 8px;border-radius:8px;border:1px solid #f3f3f3;background-color:#fff;font-family:Segoe UI,sans-serif;font-weight:400;font-size:16px;line-height:1.33;color:#333;cursor:pointer;outline:none;transition:all .2s}body.dark-mode .tab-btn{border-color:#404040;background-color:#1a1a1a;color:#e0e0e0}.tab-btn:hover{background-color:#fcfcfc;border-color:#e6e6e6}body.dark-mode .tab-btn:hover{background-color:#333;border-color:#555}.tab-btn.is-active{background-color:#5b5b5b;border-color:#5b5b5b;color:#fff}body.dark-mode .tab-btn.is-active{background-color:#666;border-color:#666}.tab-btn.is-active:hover{border-color:#333}.tab-btn.is-active:active{background-color:#333}.close-btn{width:28px;height:28px;border:none;background-color:transparent;cursor:pointer;outline:none;position:relative}.close-btn:before,.close-btn:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;background-color:#d3d3d3;transition:background-color .2s}.close-btn:before{transform:translate(-50%,-50%) rotate(45deg)}.close-btn:after{transform:translate(-50%,-50%) rotate(-45deg)}.close-btn:hover:before,.close-btn:hover:after{background-color:#5b5b5b}.close-btn:active:before,.close-btn:active:after{background-color:#333}.footer-row-info{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:16px;min-height:22px}.info-item{display:flex;flex-direction:row;align-items:center;gap:0}.info-item-label{font-family:Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:#818181;flex-shrink:0;transition:color .3s}body.dark-mode .info-item-label{color:#999}.info-item-value{font-family:Segoe UI,sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:22px;color:#333;transition:color .3s}body.dark-mode .info-item-value{color:#e0e0e0}.footer-row-controls{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.controls-left{display:flex;flex-direction:row;align-items:center;gap:12px}.controls-center{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.controls-right{display:flex;flex-direction:row;align-items:center;gap:6px}.bg-color-selector{position:relative;display:inline-block}.current-bg-color{z-index:10;position:relative}.bg-color-options{position:absolute;bottom:100%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;padding:12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;transform-origin:bottom center;transform:translate(-50%) translateY(8px);z-index:9}.bg-color-selector:hover .bg-color-options{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.color-btn{width:28px;height:28px;border-radius:16px;border:3px solid #00000030;cursor:pointer;outline:none;transition:border-color .2s}.color-btn:hover{border-color:#5b5b5b7b;border-width:3px}.color-btn.is-active{border-color:#333;border-width:3px}body.dark-mode .color-btn{border-color:#ffffff7b}body.dark-mode .color-btn:hover{border-color:#ccc}body.dark-mode .color-btn.is-active{border-color:#fff}body.dark-mode .pattern-btn{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjEiIGZpbGw9IiMzMzMzMzMiLz48L3N2Zz4=)}.play-btn{width:28px;height:28px;border-radius:4px;border:none;background-color:transparent;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-size:400px 400px;background-position:-160px 0px;background-repeat:no-repeat;cursor:pointer;outline:none}.play-btn:hover{background-position:-200px 0px}.play-btn:active{background-position:-240px 0px}.play-btn.is-playing{background-position:0px -40px}.play-btn.is-playing:hover{background-position:-40px -40px}.play-btn.is-playing:active{background-position:-80px -40px}body.dark-mode .play-btn{background-position:-280px 0px}body.dark-mode .play-btn:hover{background-position:-320px 0px}body.dark-mode .play-btn:active{background-position:-360px 0px}body.dark-mode .play-btn.is-playing{background-position:-120px -40px}body.dark-mode .play-btn.is-playing:hover{background-position:-160px -40px}body.dark-mode .play-btn.is-playing:active{background-position:-200px -40px}.mute-btn{width:28px;height:28px;border-radius:4px;border:none;background-color:transparent;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-size:400px 400px;background-position:-240px -40px;background-repeat:no-repeat;cursor:pointer;outline:none;margin-left:4px}.mute-btn:hover{background-position:-280px -40px}.mute-btn:active{background-position:-320px -40px}.mute-btn.is-muted{background-position:-360px -40px}.mute-btn.is-muted:hover{background-position:0px -80px}.mute-btn.is-muted:active{background-position:-40px -80px}.mute-btn.is-disabled{background-position:-80px -80px;cursor:not-allowed;pointer-events:none}.mute-btn.is-disabled:hover,.mute-btn.is-disabled:active{background-position:-80px -80px}body.dark-mode .mute-btn{background-position:-120px -80px}body.dark-mode .mute-btn:hover{background-position:-160px -80px}body.dark-mode .mute-btn:active{background-position:-200px -80px}body.dark-mode .mute-btn.is-muted{background-position:-240px -80px}body.dark-mode .mute-btn.is-muted:hover{background-position:-280px -80px}body.dark-mode .mute-btn.is-muted:active{background-position:-320px -80px}body.dark-mode .mute-btn.is-disabled,body.dark-mode .mute-btn.is-disabled:hover,body.dark-mode .mute-btn.is-disabled:active{background-position:-360px -80px}.progress-bar{width:220px;height:16px;background-color:#f3f3f3;position:relative;cursor:pointer;border-radius:20px}.progress-bar:hover{border-color:#e6e6e6}body.dark-mode .progress-bar{background-color:#5b5b5b}body.dark-mode .progress-bar:hover{border-color:#6d6d6d}.progress-fill{height:100%;background-color:#5b5b5b;transition:width .1s;pointer-events:none;border-radius:10px 0 0 10px}.progress-fill:hover{background-color:#333}body.dark-mode .progress-fill{background-color:#ebebeb}body.dark-mode .progress-fill:hover{background-color:#f5f5f5}.progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background-color:#5b5b5b;border-radius:50%;cursor:grab;transition:left .1s,transform .1s,box-shadow .1s;z-index:2;pointer-events:auto}body.dark-mode .progress-thumb{background-color:#ebebeb}body.dark-mode .progress-thumb:hover{background-color:#409eff}.progress-thumb:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 0 4px #409eff33;background-color:#409eff}.progress-thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 0 6px #409eff4d;background-color:#409eff}.progress-text{margin-left:8px;display:flex;align-items:center;gap:8px;font-family:Segoe UI,sans-serif;font-weight:400;font-size:14px;line-height:1.33;color:#818181;white-space:nowrap}.progress-time{min-width:45px}.progress-frames{min-width:60px}.btn-primary,.btn-secondary{height:28px;padding:0 16px;border-radius:8px;border:1px solid transparent;font-family:Segoe UI,sans-serif;font-weight:400;font-size:14px;line-height:1.57;text-align:center;cursor:pointer;outline:none;transition:all .2s;white-space:nowrap}.btn-primary{background-color:#fff;border-color:#e6e6e6;color:#333}body.dark-mode .btn-primary{background-color:#1a1a1a;border-color:#404040;color:#e0e0e0}.btn-primary:hover{background-color:#e6e6e6;border-color:#5b5b5b}body.dark-mode .btn-primary:hover{background-color:#333;border-color:#666}.btn-primary:active{background-color:#d3d3d3;border-color:#333}body.dark-mode .btn-primary:active{background-color:#404040;border-color:#888}.btn-secondary{background-color:#5b5b5b;border-color:#5b5b5b;color:#fff}.btn-secondary:hover{background-color:#5b5b5b;border-color:#333}.btn-secondary:active{background-color:#333;border-color:#333}.btn-large-primary,.btn-large-secondary{height:44px;padding:0 20px;border-radius:44px;border:1px solid transparent;font-family:Segoe UI,sans-serif;font-weight:400;font-size:14px;line-height:1.57;text-align:center;cursor:pointer;outline:none;transition:all .2s;white-space:nowrap;min-width:110px;flex:1;display:flex;justify-content:center;align-items:center;width:auto}.btn-large-primary{background-color:#fff;border-color:#e6e6e6;color:#333}body.dark-mode .btn-large-primary{background-color:#1a1a1a;border-color:#404040;color:#e0e0e0}.btn-large-primary:hover{background-color:#f3f3f3;border-color:#d3d3d3}body.dark-mode .btn-large-primary:hover{background-color:#333;border-color:#666}.btn-large-primary:active{background-color:#d3d3d3;border-color:#333}body.dark-mode .btn-large-primary:active{background-color:#404040;border-color:#888}.btn-large-primary:disabled{background-color:#fff;border-color:#f3f3f3;color:#aaa;cursor:not-allowed;opacity:1}body.dark-mode .btn-large-primary:disabled{background-color:#1a1a1a;border-color:#2a2a2a;color:#666}.btn-open-file{width:44px!important;min-width:44px!important;padding:0!important;flex:none!important;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-repeat:no-repeat;background-position:-71px -312px;background-size:400px 400px}body.dark-mode .btn-open-file{background-position:-111px -312px}.btn-download-file{width:44px!important;min-width:44px!important;padding:0!important;flex:none!important;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-repeat:no-repeat;background-position:-71px -352px;background-size:400px 400px}body.dark-mode .btn-download-file{background-position:-111px -352px}.btn-green-screen-keying{width:44px!important;min-width:44px!important;padding:0!important;flex:none!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAORSURBVHgB7VlLUttAEG3bYe81m4gT4PCpYoc4QbgB4gQ4J0CcIOYEKCcInCBmRxUfmxOgrNh6jX95L55xCcVjjySPCIlflWra0kjTb7p7umcsssIK/zdq4hBbW1vB+vr65vPz86M4gjMCVL5SqVxAPASJ2BWJqrjDRy2Mx2NPHMElgVLwwbbjzs6OPxqN9ilXq9Xru7u79rz7ScCVfLiU2ML0nVmwJgAlL6CIp+QQTVvJ+7gfpu+n4JOEWAIuJ9vb2zHeOV5EJIsLRVIuPBD5QQvP65TFAucwbR1ijybW9ymrmZfk/RTaUKYtduAYh9raeI8r2Yapc8X0gMzVy+Ha2tr1zc1NLBkAnz/VroXvhA8PD2e27zYaDa9Wq3VkQoYxdGByJaMLqcD0cEUvLy8nUiK63W4M0pG81mUmbGOgJ+XDakxjDMBszJxRQv4rYSRwf39/ieZSlozd3d0ALvFVJjMcYpxvUgClZ2IofyqT4PRwtaQg3qKUqGsBgVo4towEuAwiG455UZYlAUp/wcVVpqeX2SKwTmSLgLwRwj2OKEOxtqkf8kEkS8zqSyEAK7UwoydQXN8KpCQYCWA2r9DE6qdxGcWq0kDfUhNdEkYCyIZdNrIAUP67lpk9UQ9dojUuv3t7ex4yu49+sW3JPA+FViH4fVMmyyGVj0HmDEpdsfYx9A/7/f4Tt5qsNOF6TyQkBWC0AF1jOBw2KKOw6t7e3r6yBgeGMknXabGGocDCDcr5EHkxqAP8ZnkcpIbhN1gwHkhOGC0A5T9zpnhRTj/HwFxaPcqcfSh9nnyeKp/ZL0g842ToHMDdWlNyIpcL0TophQ5t31Wl9Se00/Iak3Sa15VyEUgHbqfTeVzQn4HdROvrfQFalhFt1aWuXCkzjDGgBvpjE8LzHkkFriwAZribdjECrnmc2Lj4iJOjrMVd0VpoGrh5oDYu1ju1WciciVkK8IgEszqGXKgUVt9r4Xusi8Z5SmsjAZiTgalXnyu1P9CDRrJEFPmekQBMu8n1W8mxONjcLAO2MVCX8mE1ptEC6rwnhhjxTEhKhMry09wy70zJSEAVWhvJjw4GgxOQ6bk8G+XhGZQPRFmA7os8c52ZQBqsIKFIkzW/y7NRnoumfgfz+lvnAaZ7KREqSfrzZp/IcjYa6Fl0fDb62+cXKa5REUcocjaaBe/+H5oVgbeGSwI/tYBYiOU9gnsH1viywj+MXxAYE3ooCJtzAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center;background-size:24px 24px}body.dark-mode .btn-green-screen-keying{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOQSURBVHgB7VmJUdtAFP2YazjHVBBRQUgFUSoIHcRUAKkAu4LgClAqCFQQUUGcClAqMMPhc2znPbLrLJqsvJIsBc/4zWj2S97j//3nrkWWWGKJwvD4+FjrdrufZBFB5p+eniZ8ihSiIgVhZWXljabH47EnBaEwAcrCmmvHh4cHv1KpvCeNHb3Z29sLk76bgDZ8mJK4wjbPv+AsAJi8ROMpuo4mVDSZr8e/m5hMJj4aX9zXkk6nE41Go5NZgjibECYNpERAaA9rfqeGk/o5a6DX6zU3NzermPiOKtbfSaudF/O7CZhQiHGhOAB9ucaxKG2vrq5S84eSFpQcarxlCMTjSUrA5s91GCWdZmy73fYwpq3HJ2nBakK0baoRuxqgPZUScXBwEEETgcmLra+TD9BspGS4rmn1AUSAn7C/QNPySmEVYH9//wrNlcwZLDFgHl/w3OGpb21tfZUcKD0Tw57p0FXlXxeSE6ULAMarxmtu37IKkCcMJgECfEYT0Ul1/sgD50Q2CxCyjkaXzaGt3+7uboAmkDlhLgLAMWnLZq6oSUmwCjAYDK7X19cj0sPh0BpGwfwRokmpic6EVQBkwxaalswA7Pgb7Fm/BvIn9FrDL8sSbIgPoSPXkjlxfckB7P4Zw6F6jaC1xs7OzrXNOeknCJ23LNBYaapay5McWEtg7giLHZHGYi043wttcGHWSHr3saMXrGFIIzk1wJyvzgH8jedjT2K+oXIBq80PkhFWDWDRj9wpPqTjv2Phc3P3t7e3mzHmQpNReck8N+NOreNTk5IRmUyI2jEZgrMfpxheh5m9g1AN/QFCnGc1pUwC0HGN12BjY2NWsXcFjZ1hnA/mnxmHSV7woKN+r6JgvJQMsPqAWqgR/85iLO64MhstRJxm/GO/3z+B8D9AVmlKPDylLe5SawA7OaVNx80CjjVNCVqQtEidiVFmB/f39zSjCbSUqxQmaEqYj3XRBHTq+awCIOzRMXX0uQaz0+REIWSOyDNfkgbeyt9IE0kBh5t5wMkHeNUhJcN1TasG1H1PBDJAtGhKiVBZfppbwEdo62sVQBVah7FJT/XFVlF3o9x5zFMDqTUQIbTeSFoB4kCIYwX5nPKLvBs1KltRc9aS+qe5G53bsdIRETN30u4TzhpgRamryyLvRgna/CzGC0dRlwJxLPw/NEsB/jcKEwBh95em4cCRLCJQZdZwfljMP7qXcMRvdPkUqki8v9UAAAAASUVORK5CYII=)}.btn-time-remapping{width:44px!important;min-width:44px!important;padding:0!important;flex:none!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALMSURBVHgB7ZhLktowEIZ7zMA2rNmMc4IhPKrYDZwgwwlCTpDJCTI5QcgJhpyAzAkgO6p4OScYZ8WWwA4KyN9EplRgY9lIi6T0V1HVsqA/taRuCRNZWVlZWVn9w8qQQZVKpVahULidzWY/yZCMBcCDv7q6eoJ5jyB8U0FcR3XU6/X8YrG4xyDm2WzWGwwGPiXTTWDsdjvXEIOcsIfVarW1XC5fxAx21+v1S7lcfkcapYtxEkCtVnO32y07zR91dZIAHMf5EWbrZOx9Hz9YrVZvAxtL7/NH6m5j5oqkoNFo1N9sNq8xUJdtEwyi8C0kz0oHA2hIgDzaPVWA53n+dDr9ZZLhxH2BBxEC6PI2iPstKtEHlS1xCSM2gAiAi6TrnQOIMtqG2eFAyABDOYAAkMlkmjDnioAbyc6TGYZ6AKzhcOihojRkABKyWywWlQZogpEogACAZf4YtLFNigD2dAehykgcAGsymXQAeC8DsPRfSKNUGakCkACP0qMWkvUhaCAhv6Hfg9lnm1IojsFKHYAAfAagHbQxS3eBzQmJ/jfj8bjBNqXUOQbrogD2Dhznt9TUlgeqjGu6QJVK5RGz80l61AkMLn0ogU/oz+dyuWaam2Ycg5V6BeD4QXaMff4d2+Ww11H6+ASuc/IJWzuDlSoAvgrD8aEicLLKFUOHVBmJA+BLlrgKB473VwAk6pw0KQkjUQDCcU/FcVolZSgHIP6EdElUAcmxH/GTAxB54JMZhloVEhWFZ8VVdYz6/RWHDpe/V7BjD7I0DKUAQhzP4bipcjjxSUoKuoQRtoXkpW/JjlliVjxSHFjEVVgb4yQA/PhZarokOYZaqo5Rw+v8poE/bJtgsE4C4GU7rre8pOz4+BA5JwzyLszWyWCF5gDvXdy9+zBv6W9FeNZZKnUyIpNYJJBP6XV4GxFVRjUwzIr/2Ot+o2dlZWVlZfVf6Q8tfqGs2hIEXwAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:center;background-size:24px 24px}body.dark-mode .btn-time-remapping{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALPSURBVHgB7ViLcdpAED2EYYZvoIKQCkIqsKkgcQXGFSSpIE4FJhWEVOC4AkgFoYPIFYD5DjBA3vPo8FkI6ySdPOOZezMaVufzvnur272VhLCwsLCwsLAIxnQ6bS8WiwvxGsHFz2azHa80RZwc+8Nut6tNJpNPMEe5XG5QKBRcEQGZTOattLfbbSMNDiJQAKM3n8+vs9lszVuAQBTbIPglDMEUh+MfgJMGovcTZk0dB0E3ylbA/D9BtkkO4kAAHutH5db1LknQQeSaQgOVSqW/Wq3eFYvFBu00OIggAWpUulhESyGoIXI9XYJ6ve5i/l2aHE7YBC7CT+A4zg23Qdj/Yo9/1tkSSThCBQQRIIINXL3nCJikmNPhvqYQkQKHtgBJAIfnMEc6BGoZ9W0ZYxyRBBDlcnkAhy2VABG+GQ6HWgtMgyOSAIXgqzLUzOfzvRREaHFEFuARdEFw6SO4FgahyxFLgCRApbhShtpI3C/yBgnJE5WR7Hu2cQ4itgACx/53JGtH3sM+lTYTslQqfcAiWrRFTDzHQSQSQCDC94ptLA90ORIJQKt8hZ9vylBXGix9qP89zPmrcyDF4SBiC/D2our4N7bLfq+j9F0gWmcwm7RFDIRxELEE8JTFXlQrwgCJeikMQpcjsgA2WV4rLPHQAiBRR8IQonBEEuA57uk4jouoHNoCmIjsEMXjS4h07AbNxyL2hMgFV6TAQZwITcdsqtiX6DrGi8yP8Xh8DyFv8EITepDF4dAS4HeM39F6vT7XOZyq1WpXaCAJx8EWUh897LYvKgKOGZWB0FxY0BlgkuNAwHK5vJW214839pMdp63rGJ9LzlD///GinQZHoADvpeJJveUjpeMonzww/zTINslBBOYAu0D03n20r+/Ze+CR3mLMWKk0yXE0ib0EckVMbDabO3y0erCPldGkHKkDZZT9++v8uGthYWFhYfES+A9oB538+qcmsQAAAABJRU5ErkJggg==)}.btn-checkmark{position:absolute;top:-8px;right:-8px;background-color:#4caf50;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 4px #0003}.btn-time-remapping,.btn-green-screen-keying{position:relative}body.dark-mode .btn-checkmark{background-color:#45a049;box-shadow:0 2px 4px #00000080}.btn-material-manager{width:44px!important;min-width:44px!important;padding:0!important;flex:none!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALnSURBVHgB7VnJceJAFP1sBUecgZwB24HbyBHgDMARwERgOYLBGYgIjCNAvnFgy8CaDDhwY5v3mVYNpWm1tnbVjN2vqkutVi//919eSyIyMDD4r1Egzeh2u9bhcBieTicbt/XLIoWCj4tbqVTe5vO5TxqhTYFOp2Ofz+dHVG1Fty3KFIo86VIktwLtdvselyGpBZfBhWUmi8XCoxzIpIBt2/XdbjfCjrPgdUkXDy7k4Oqjz02xWGyg/giBrXBHPN+gfbxcLieUAakUUAmONnYPF4I/bzYbXza+2Wx+gzIjVO8lj3mMkzZOEimg8m8h+FgIvk0yX6PRsKAIW2QgeZwqTmIVgPCOED4MD+1TCD5JKngYQpEeqqMI9/q+Wq3GqjmUCoidn4WaL/69Xq/fSCNardaAJHFyPB5vVBtUJAUgaO/qlgW3EWx3uoVnYKddlFteA5vmB+2lUqmnGqdUIIxqtfqTPhgQGEb44xhQpq7qr1QA/vl6dWvv9/t35P0ZSp80g/mE5xYuawXtsMiralxsEMM32S8dySMfxcmavxlxfIL2EdzqWTVHojQak/Z8FC/N8SAvn1wjFZEFirAMsrRHvw9skYro5hNGmVIAwtV5IUVgDRAnA/iyR+L0yY1o46PEEOPsqLmxITynVavV+JpYAR1M7Ivjsk3pwERoZbHkNWLTqGDimUTACy9w7mZuAOHcop+rmktYzw34hMfi/uE67wuwJd95bYqB0gLiqPxCfwseycQiTvrYWbaadVkEFkLdU/m3OOg5FNoojL1THbmVCiCF/sAEo0Bw7PJDksyQB2IDXrAux01sKk0TxFsEGH00yuWyxVcIHjQpmTjTYQ7FzUNgMkS92XFsqaz+rzOxA/d5Us1hmDgEw8SGicMwTEyGiQ0TGyaOgmFi+gRMnPn/QNSnQAGPJExMcrLL9Y019w8OVgRK9CkDE+v4xqrtF1NMnFwg3GTKbKzr+6r2n3xZmdjAwOCL4heBsQE54dTfkQAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:center;background-size:24px 24px}body.dark-mode .btn-material-manager{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALmSURBVHgB7VmJsdowEF3uewY68O+ADmIqCB1AKiCpAFJBSAemgvxfwedXkHSAUwEezuHOW8ZOHMXItmySSaI3o8HIlnZXezxZJtLQ0PirkaGUsd1ujcvlMkAz8bfJfbi2c7mchcuXSqViU4pIzYDlcmlCyaGr+C04aI/ZbPZ9WoYkNmCxWHTz+fwgRPEgWOfzedJoNKaUAEoGQNnmZrN5i8sBuWEi3J/CG6NyuWyv1+sWFG2zd3DLCJjuCzwyhkcmpIBYBsgUxz0Hili73e5jq9Wyg8YjP17BGB7f/UWRTMZGG1HMPIlkgCy+WXEIHu/3e1bciTLffD43isUie6QfcDtWnoQagBAY4Wco9nOYoD0ej8dJVMVFsCGlUuk15mGvGAEy3tXr9TGpglceBlz8bbVaPXMoUMpAMehj/pkoD0Y2SRWI9w/eRLi+i+IiWIbfECxYT/Z8luLhK90ZCEmk1I/IRi5IPSA14HQ6PXnXnMCoIDM3hKSrogLmE/YyFH6GLMPrR1V7oiSAskMxLt2QmiU1hMsyFwm0+Q0Zg7A5IpVRWdnj+s0VKc72ICmf/CSfYsBniEnBrGrJDEmbTxh5ioFCodCEEIdX8MYjfeRJH3ky9Xaf3Hk4HNrefgktcCDm5TkNbD/4N7IBiZkYsN0wMikGOOwwziAFT/oRWkY5ydzKYIoKoN+s1WoP1Wq1A9c/sGCSK+24yplg2A6PRaV7gz5beJQ9OcPCjSgEUg9wacPKfxKUuO40sTovQWPcPOlhdU2vHPILDf5PZfHNBIbnRuJCwZCO8pZbZGJWju4MlgF5n6OW0shMzO5HgtG9gWQ3/EwsKRhXRGZioPsbmbjt9SPslF50vuNPMjHaMGwOzcQCNBNrJhahmZg0E2sm9qCZWIRmYvoHmFj5+wAfBd46MndLrUUBTBz0bJIz1jQ+cPShXE+FiWV8EhWpfWIKOTK/wg0TPjq3kiruIfWPfKpMrKGh8Z/iG4+kAsEZbrFxAAAAAElFTkSuQmCC)}.btn-icon-ai{width:24px;height:24px}.sprite-AI-img.btn-icon-ai{background-position:-320px -280px;background-size:400px 400px;background-repeat:no-repeat;width:24px;height:24px}.sprite-AI-img.btn-icon-ai:hover{background-position:-360px -280px}body.dark-mode .sprite-AI-img.btn-icon-ai{background-position:0px -320px}body.dark-mode .sprite-AI-img.btn-icon-ai:hover{background-position:-40px -320px}.btn-large-primary.btn-ai-generate{min-width:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}.btn-editor-recover{width:44px;height:44px;padding:0;margin:0;min-width:44px}.icon-editor-recover{background-image:url(/assets/controls-sprite-XrE48xNT.png);background-repeat:no-repeat;background-position:-232px -152px;background-size:400px 400px;width:40px;height:40px;transform:scale(1.4)}.btn-large-secondary{background-color:#5b5b5b;border-color:#5b5b5b;color:#fff}.btn-large-secondary:hover{background-color:#555;border-color:#000}.btn-large-secondary:active{background-color:#000;border-color:#000}.btn-large-secondary:disabled{background-color:#5b5b5b4d;border-color:#5b5b5b4d;color:#fff;cursor:not-allowed;opacity:1}.export-more-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.btn-export-more{width:44px;height:44px;min-width:44px;padding:0;border-radius:44px;border:1px solid #e6e6e6;background-color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABmSURBVHgB7da9DYAgEIDRw0XcgYnczDgQOziKP7UJNorE9xqaC4Hkii8CAGgn3RnKOU/7McaLUkprKWWpztUGjsfvl83RxlT7xBCd636FAPg3LfQwLXTSQgB8lRZ6mBY6aSEA4NoGljctEPr9O3YAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:center;background-size:24px 24px;cursor:pointer;outline:none;transition:all .2s;flex:none}body.dark-mode .btn-export-more{background-color:#1a1a1a;border-color:#404040;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACDSURBVHgB7dZBCoAgEIXhUdsI3qGrdbPoZp1BBFdqmxYtgnGTBf3f+iEOvMUTAQAA7zE9oZTSYoyZZSBr7e6937TcpAXOz68yWK1Vcs6iHWGl46G3lFLUTFeFYoyLc25ohVprewhBrRAA4N/YQk9hC12xhQAAX8UWegpb6IotBAAA7h0xulhXR3XbFgAAAABJRU5ErkJggg==)}.btn-export-more:hover{background-color:#f3f3f3;border-color:#d3d3d3}body.dark-mode .btn-export-more:hover{background-color:#333;border-color:#666}.btn-export-more:disabled{background-color:#fff;border-color:#f3f3f3;opacity:.5;cursor:not-allowed}body.dark-mode .btn-export-more:disabled{background-color:#1a1a1a;border-color:#2a2a2a}.export-more-menu{position:absolute;bottom:100%;right:-58px;margin-bottom:0;padding:10px;display:flex;flex-direction:column;gap:6px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:1000;min-width:160px;background-color:#fff;box-shadow:0 8px 50px #3333331a;border-radius:12px}body.dark-mode .export-more-menu{background-color:#2a2a2a;border-color:#404040;box-shadow:0 10px 32px #0006}.export-more-container:hover .export-more-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.export-menu-item{width:100%;height:44px;padding:0 16px;background-color:#fff;border:0px solid #e6e6e6;border-radius:12px;font-family:Segoe UI,sans-serif;font-weight:400;font-size:14px;line-height:1.57;color:#515151;text-align:center;cursor:pointer;outline:none;transition:all .2s;white-space:nowrap}body.dark-mode .export-menu-item{background-color:#2a2a2a;border-color:#404040;box-shadow:0 6px 50px #0006;color:#e0e0e0}.export-menu-item:hover{background-color:#f3f3f3;color:#333}body.dark-mode .export-menu-item:hover{color:#fff}.export-menu-item:active{background-color:#d3d3d3;border-color:#333}body.dark-mode .export-menu-item:active{background-color:#404040;border-color:#888}.export-menu-item:disabled{background-color:#fff;border-color:#f3f3f3;color:#aaa;cursor:not-allowed;opacity:.6}body.dark-mode .export-menu-item:disabled{background-color:#1a1a1a;border-color:#2a2a2a;color:#666}.zoom-btn{width:28px;height:28px;border:none;background-color:transparent;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-size:400px 400px;background-repeat:no-repeat;cursor:pointer;outline:none;padding:0;margin:0}.zoom-btn[data-type=out]{background-position:-80px -120px}.zoom-btn[data-type=out]:hover{background-position:-120px -120px}body.dark-mode .zoom-btn[data-type=out]{background-position:-240px -120px}body.dark-mode .zoom-btn[data-type=out]:hover{background-position:-280px -120px}.zoom-btn[data-type=in]{background-position:0px -120px}.zoom-btn[data-type=in]:hover{background-position:-40px -120px}body.dark-mode .zoom-btn[data-type=in]{background-position:-160px -120px}body.dark-mode .zoom-btn[data-type=in]:hover{background-position:-200px -120px}.scale-percentage{width:60px;font-family:Segoe UI,sans-serif;font-weight:400;font-size:14px;line-height:1.33;color:#818181;text-align:right;transition:color .3s}body.dark-mode .scale-percentage{color:#999}.reset-scale-btn{width:28px;height:28px;border:none;background-color:transparent;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-size:400px 400px;background-position:-320px -120px;background-repeat:no-repeat;cursor:pointer;outline:none;padding:0}.reset-scale-btn:hover{background-position:-360px -120px}body.dark-mode .reset-scale-btn{background-position:0px -160px}body.dark-mode .reset-scale-btn:hover{background-position:-40px -160px}.reset-scale-btn.is-contain{background-position:-80px -160px}.reset-scale-btn.is-contain:hover{background-position:-120px -160px}body.dark-mode .reset-scale-btn.is-contain{background-position:-160px -160px}body.dark-mode .reset-scale-btn.is-contain:hover{background-position:-200px -160px}.header-navbar.header-hidden{transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease}.footer-bar.footer-immersive{height:88px;transition:all .4s cubic-bezier(.4,0,.2,1)}.footer-main-wrapper-immersive .footer-main{opacity:0;transform:translateY(20px)}.footer-fade-enter-active,.footer-fade-leave-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.footer-fade-enter,.footer-fade-leave-to{opacity:0;transform:translateY(20px)}.footer-main-wrapper.footer-main-wrapper-immersive{align-items:center}.minimize-btn{width:28px;height:28px;border:none;background-color:transparent;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-size:400px 400px;background-position:-80px -200px;background-repeat:no-repeat;cursor:pointer;outline:none;flex-shrink:0}.minimize-btn:hover{background-position:-120px -200px}body.dark-mode .minimize-btn{background-position:-160px -200px}body.dark-mode .minimize-btn:hover{background-position:-200px -200px}.footer-mini{display:flex;position:absolute;top:114px;align-items:center;gap:12px;height:68px;padding:0 20px;background-color:#fff;border:1px solid #e6e6e6;border-radius:16px;box-shadow:0 10px 32px #3333;z-index:10}body.dark-mode .footer-mini{background-color:#2a2a2a;border-color:#404040;box-shadow:0 10px 32px #0006}.mini-play-btn{width:28px;height:28px;border:none;background-color:transparent;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-size:400px 400px;background-position:0px -240px;background-repeat:no-repeat;cursor:pointer;outline:none;flex-shrink:0}.mini-play-btn:hover{background-position:-40px -240px}.mini-play-btn.is-playing{background-position:-160px -240px}.mini-play-btn.is-playing:hover{background-position:-200px -240px}body.dark-mode .mini-play-btn{background-position:-80px -240px}body.dark-mode .mini-play-btn:hover{background-position:-120px -240px}body.dark-mode .mini-play-btn.is-playing{background-position:-240px -240px}body.dark-mode .mini-play-btn.is-playing:hover{background-position:-280px -240px}.mini-mute-btn{width:28px;height:28px;border:none;background-color:transparent;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-size:400px 400px;background-position:-320px -240px;background-repeat:no-repeat;cursor:pointer;outline:none;flex-shrink:0}.mini-mute-btn:hover{background-position:-360px -240px}.mini-mute-btn.is-muted{background-position:-160px -280px}.mini-mute-btn.is-muted:hover{background-position:-200px -280px}.mini-mute-btn.is-disabled{background-position:-80px -280px;cursor:not-allowed;pointer-events:none}body.dark-mode .mini-mute-btn{background-position:0px -280px}body.dark-mode .mini-mute-btn:hover{background-position:-40px -280px}body.dark-mode .mini-mute-btn.is-muted{background-position:-240px -280px}body.dark-mode .mini-mute-btn.is-muted:hover{background-position:-280px -280px}body.dark-mode .mini-mute-btn.is-disabled{background-position:-120px -280px}.mini-scale-btn{width:28px;height:28px;border:none;background-color:transparent;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-size:400px 400px;background-position:-320px -120px;background-repeat:no-repeat;cursor:pointer;outline:none;flex-shrink:0}.mini-scale-btn:hover{background-position:-360px -120px}.mini-scale-btn.is-contain{background-position:-80px -160px}.mini-scale-btn.is-contain:hover{background-position:-120px -160px}body.dark-mode .mini-scale-btn{background-position:0px -160px}body.dark-mode .mini-scale-btn:hover{background-position:-40px -160px}body.dark-mode .mini-scale-btn.is-contain{background-position:-160px -160px}body.dark-mode .mini-scale-btn.is-contain:hover{background-position:-200px -160px}.mini-maximize-btn{width:28px;height:28px;border:none;background-color:transparent;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-size:400px 400px;background-position:-240px -200px;background-repeat:no-repeat;cursor:pointer;outline:none;flex-shrink:0}.mini-maximize-btn:hover{background-position:-280px -200px}body.dark-mode .mini-maximize-btn{background-position:-320px -200px}body.dark-mode .mini-maximize-btn:hover{background-position:-360px -200px}.clear-btn{width:32px;height:28px;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s;position:relative}.clear-btn:hover{background-color:#e6e6e6;border-color:#5b5b5b}.clear-btn:active{background-color:#d3d3d3;border-color:#333}.clear-btn svg{width:24px;height:24px}.clear-btn svg path{stroke:#333;transition:stroke .3s}body.dark-mode .clear-btn{background-color:#1a1a1a;border-color:#404040}body.dark-mode .clear-btn:hover{background-color:#333;border-color:#666}body.dark-mode .clear-btn:active{background-color:#404040;border-color:#888}body.dark-mode .clear-btn svg path{stroke:#e0e0e0}.footer-empty-tip-main{font-family:Segoe UI,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#000;transition:color .3s}body.dark-mode .footer-empty-tip-main{color:#e0e0e0}.footer-empty-tip-sub{font-family:Segoe UI,sans-serif;font-weight:400;font-size:20px;line-height:1.33;color:#80868c;transition:color .3s}body.dark-mode .footer-empty-tip-sub{color:#999}.material-panel-stats{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:auto;flex:none;order:0;align-self:stretch;transition:color .3s}.stats-header{font-family:Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#818181;align-self:stretch}body.dark-mode .stats-header{color:#999}.stats-divider{width:100%;height:1px;background:#f3f3f3;flex-shrink:0}body.dark-mode .stats-divider{background:#404040}.stats-content{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.stats-title{font-family:Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:19px;color:#333;align-self:stretch;transition:color .3s}body.dark-mode .stats-title{color:#e0e0e0}.stats-help{font-family:Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#aaa;align-self:stretch;transition:color .3s}body.dark-mode .stats-help{color:#666}.material-search{width:100%;margin-top:0;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 16px;gap:4px;min-width:50px;height:36px;background:#f3f3f3;border:2px solid #F3F3F3;border-radius:8px;flex:none;flex-grow:0;transition:all .3s}.material-search:hover{background:#fcfcfc;border:2px solid #333333}.material-search:focus-within{background:#fff;border:2px solid #333333}body.dark-mode .material-search{background:#3a3a3a;border:2px solid #3a3a3a}body.dark-mode .material-search:hover{background:#454545;border:2px solid #999999}body.dark-mode .material-search:focus-within{background:#3a3a3a;border:2px solid #999999}.material-search-input{width:100%;height:100%;padding:0;border:none;border-radius:0;font-family:Segoe UI;font-size:14px;color:#333;background:transparent;outline:none;transition:all .3s}.mute-control-container{position:relative;display:flex;align-items:center;gap:8px}.mute-control-container.mini-mute-control{gap:1px}.volume-slider-container{position:absolute;left:50%;bottom:100%;transform:translate(-50%);padding-bottom:8px;width:24px;height:80px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:100}.volume-slider-container.mini-volume-slider{height:60px}.mute-control-container:hover .volume-slider-container{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.volume-slider-track{position:relative;width:8px;height:100%;background-color:#f3f3f3;border-radius:8px;margin:0 10px;cursor:pointer}body.dark-mode .volume-slider-track{background-color:#5b5b5b}.volume-slider-fill{position:absolute;bottom:0;left:0;width:100%;background-color:#5b5b5b;border-radius:8px;transition:height .1s ease}body.dark-mode .volume-slider-fill{background-color:#ebebeb}.volume-slider-handle{position:absolute;left:50%;transform:translate(-50%) translateY(50%);width:12px;height:12px;background-color:#5b5b5b;border-radius:50%;cursor:grab;transition:transform .1s ease,box-shadow .1s ease;z-index:2}body.dark-mode .volume-slider-handle{background-color:#ebebeb}.volume-slider-handle:hover{transform:translate(-50%) translateY(50%) scale(1.2);box-shadow:0 0 0 4px #409eff33;background-color:#409eff}body.dark-mode .volume-slider-handle:hover{background-color:#409eff}.volume-slider-handle:active{cursor:grabbing;transform:translate(-50%) translateY(50%) scale(1.3);box-shadow:0 0 0 6px #409eff4d;background-color:#409eff}.material-search-input::placeholder{color:#999}.material-search-input:focus{outline:none}body.dark-mode .material-search-input{color:#e0e0e0;background:transparent;border-color:transparent}body.dark-mode .material-search-input::placeholder{color:#666}body.dark-mode .material-search-input:focus{border-color:#00b4ff}.material-panel-scroll{display:flex;flex-direction:row;flex-wrap:wrap;min-height:auto;align-items:flex-start;align-content:flex-start;padding:0;gap:16px 10px;width:100%;flex:1;overflow-y:overlay;overflow-x:hidden}.material-panel-scroll::-webkit-scrollbar{width:6px}.material-panel-scroll::-webkit-scrollbar-track{background:transparent}.material-panel-scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .2s}.material-panel-scroll:hover::-webkit-scrollbar-thumb{background:#0003}.material-panel-scroll::-webkit-scrollbar-thumb:hover{background:#0000004d}body.dark-mode .material-panel-scroll:hover::-webkit-scrollbar-thumb{background:#fff3}body.dark-mode .material-panel-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.material-list{display:contents}.material-item{display:flex;flex-direction:column;justify-content:center;width:161px;align-items:flex-start;padding:0;gap:10px;height:auto;flex:none}.material-thumb{width:161px;height:100px;flex:none;order:0;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background-color .3s}.material-thumb img{max-width:100%;max-height:100%;object-fit:contain}.material-info{display:flex;flex-direction:column;justify-content:center;width:161px;align-items:flex-start;padding:0;gap:4px;height:59px;flex:none;order:1;align-self:stretch}.material-name-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:4px;width:161px;flex:none;order:0;align-self:stretch}.material-name{flex:1;height:19px;font-family:Segoe UI;font-style:normal;font-weight:400;font-size:14px;line-height:19px;display:flex;align-items:center;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s}body.dark-mode .material-name{color:#e0e0e0}.material-btn-copy{width:20px;height:20px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.6;transition:opacity .3s}.material-btn-copy:hover{opacity:1}.material-btn-copy svg rect{transition:stroke .3s,fill .3s}body.dark-mode .material-btn-copy svg rect{stroke:#999;fill:#2a2a2a}body.dark-mode .material-btn-copy svg rect:first-child{fill:none}.material-meta{width:161px;height:16px;font-family:Segoe UI;font-style:normal;font-weight:400;font-size:12px;line-height:16px;display:flex;align-items:center;color:#333;flex:none;align-self:stretch}body.dark-mode .material-meta{color:#8e8e93}.material-actions{width:161px;height:28px;flex:none;order:2;align-self:stretch;position:relative;display:flex;justify-content:flex-start;flex-direction:row;gap:4px}.material-btn-replace{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:2px 6px;width:auto;min-width:60px;height:28px;background:#fff;border:1px solid #e6e6e6;border-radius:8px;cursor:pointer;transition:all .15s ease}.material-btn-replace span{width:auto;min-width:50px;height:22px;font-family:Segoe UI;font-style:normal;font-weight:400;font-size:13px;line-height:22px;display:flex;align-items:center;text-align:center;color:#333;flex:none;order:0}.material-btn-replace:hover{background:#f5f5f7;border-color:#ccc}.material-btn-replace:active{background:#e8e8ed;transform:scale(.98)}body.dark-mode .material-btn-replace{background:#2d2d2d;border-color:#505050}body.dark-mode .material-btn-replace span{color:#e0e0e0}body.dark-mode .material-btn-replace:hover{background:#3a3a3a;border-color:#606060}.material-btn-close{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:8px;width:28px;height:28px;background:#fff;border:1px solid #e6e6e6;cursor:pointer;transition:all .15s ease;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-size:400px 400px;background-position:-239px -159px;background-repeat:no-repeat}.material-btn-close svg{width:24px;height:24px;flex:none;order:0;display:none}.material-btn-close:hover{background-color:#f5f5f7;border-color:#ccc}.material-btn-close:active{background-color:#e8e8ed;transform:scale(.95)}body.dark-mode .material-btn-close{background-color:#2d2d2d;background-position:-280px -160px;border-color:#505050}body.dark-mode .material-btn-close:hover{background-color:#3a3a3a;border-color:#606060}.restore-playback-btn{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:8px;position:relative;width:28px;height:28px;background:#ffffff7d;border:none;cursor:pointer;transition:all .15s ease;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-size:400px 400px;background-position:-238px -158px;background-repeat:no-repeat}.restore-playback-btn:hover{background-color:#f5f5f7;border-color:#ccc}.restore-playback-btn:active{background-color:#e8e8ed;transform:scale(.95)}body.dark-mode .restore-playback-btn{background-color:#4040407d;background-position:-278px -158px;border:none}body.dark-mode .restore-playback-btn:hover{background-color:#3a3a3a;border-color:#606060}.material-btn-new{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:8px;gap:10px;width:28px;height:28px;background:#fff;border:1px solid #e6e6e6;cursor:pointer;transition:all .15s ease}.material-btn-new svg{width:20px;height:20px;flex:none;order:0}.material-btn-new svg path{stroke:#333}body.dark-mode .material-btn-new svg path{stroke:#ccc}.material-btn-new:hover{background:#f5f5f7;border-color:#ccc}.material-btn-new:active{background:#e8e8ed;transform:scale(.95)}body.dark-mode .material-btn-new{background:#2d2d2d;border-color:#505050}body.dark-mode .material-btn-new:hover{background:#3a3a3a;border-color:#606060}.material-btn-back{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:0 20px;height:44px;background:#fff;border:1px solid #e6e6e6;border-radius:44px;cursor:pointer;transition:all .15s ease;flex-shrink:0;font-family:Segoe UI,sans-serif;font-weight:400;font-size:14px;line-height:1.57;color:#333}.material-btn-back:hover{background:#f3f3f3;border-color:#d3d3d3}.material-btn-back:active{background:#d3d3d3;border-color:#333}body.dark-mode .material-btn-back{background:#2d2d2d;border-color:#505050;color:#e0e0e0}body.dark-mode .material-btn-back:hover{background:#3a3a3a;border-color:#606060}body.dark-mode .material-btn-back svg path{stroke:#e0e0e0}.btn-large-secondary.mp4-btn-converting,.btn-large-secondary.svga-btn-converting{position:relative;flex-direction:column;padding:4px 12px;gap:2px}.mp4-progress-text,.svga-progress-text{font-family:Segoe UI,sans-serif;font-weight:600;font-size:14px;line-height:18px;color:#333}.mp4-stage-text,.svga-stage-text{font-family:Segoe UI,sans-serif;font-weight:400;font-size:10px;line-height:14px;color:#666;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp4-btn-cancel{border-color:#f44!important}.mp4-btn-cancel:hover{background:#ff44441a!important}body.dark-mode .mp4-progress-text,body.dark-mode .svga-progress-text{color:#fff}body.dark-mode .mp4-stage-text,body.dark-mode .svga-stage-text{color:#aaa}.material-empty{width:100%;text-align:center;padding:60px 20px;color:#999;font-family:Segoe UI;font-size:14px}body.dark-mode .material-empty{color:#666}.material-overlay{display:none!important}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.library-loading-indicator .loading-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.library-loading-indicator .loading-percentage{font-size:12px;color:#999;font-weight:500}.library-loading-indicator .loading-bar{width:100%;height:4px;background:#f3f3f3;border-radius:2px;overflow:hidden}.library-loading-indicator .loading-progress{height:100%;background:#409eff;border-radius:2px;transition:width .3s ease}body.dark-mode .library-loading-indicator{background:#2a2a2a;border-color:#404040;box-shadow:0 4px 12px #00000080}body.dark-mode .library-loading-indicator .loading-percentage{color:gray}body.dark-mode .library-loading-indicator .loading-bar{background:#404040}[v-cloak]{display:none}[v-cloak] .toast-container{display:none!important}.toast-container{position:fixed;top:48px;left:50%;transform:translate(-50%) translateY(-10px);z-index:9999;pointer-events:none;opacity:0;transition:all .3s ease}.toast-container.visible{opacity:1;transform:translate(-50%) translateY(0)}.toast-message{background:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:12px 20px;font-size:14px;color:#333;box-shadow:0 4px 12px #00000026;white-space:nowrap;max-width:500px;overflow:hidden;text-overflow:ellipsis}body.dark-mode .toast-message{background:#2a2a2a;border-color:#404040;color:#ccc;box-shadow:0 4px 12px #00000080}.svga-info-section{display:flex;flex-direction:column;align-self:stretch;gap:4px}.svga-info-row{font-family:Segoe UI,sans-serif;font-weight:400;font-size:14px;line-height:19px;color:#333;margin:0}body.dark-mode .svga-info-row{color:#ccc}.svga-compress-hint{font-family:Segoe UI,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:#aaa;margin:0}body.dark-mode .svga-compress-hint{color:#666}.svga-config-section{display:flex;flex-direction:column;align-self:stretch;gap:24px;flex:1}.svga-config-section.disabled{opacity:.6;pointer-events:none}.svga-config-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;gap:8px;height:44px}.svga-config-item--mt{margin-top:16px}.svga-config-label{font-family:Segoe UI,sans-serif;font-weight:400;font-size:16px;line-height:21px;color:#333;margin:0;flex-shrink:0;text-align:left}body.dark-mode .svga-config-label{color:#ccc}.svga-size-container{display:flex;flex-direction:row;align-items:center;gap:8px;flex:none}.svga-size-input-wrapper{width:73px}.svga-size-lock{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#d3d3d3}body.dark-mode .svga-size-lock{color:#666}.svga-value-container{display:flex;flex-direction:row;align-items:center;gap:4px;flex:none}.svga-value-input-wrapper{width:60px}.svga-estimate-section{display:flex;flex-direction:column;align-self:stretch;gap:8px}.svga-estimate-box{display:flex;flex-direction:column;align-self:stretch;gap:4px;padding:10px;background:#fcfcfc;border:1px solid #F3F3F3;border-radius:8px}body.dark-mode .svga-estimate-box{background:#2a2a2a;border-color:#404040}.svga-estimate-title{font-family:Segoe UI,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:#818181;margin:0}body.dark-mode .svga-estimate-title{color:#999}.svga-estimate-row{font-family:Segoe UI,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:#818181;margin:0}body.dark-mode .svga-estimate-row{color:#999}.svga-btn-cancel{border-color:#f44!important}.svga-btn-converting{position:relative;overflow:hidden;background:linear-gradient(90deg,#5B5B5B var(--progress, 0%),#F3F3F3 var(--progress, 0%))!important}body.dark-mode .svga-btn-converting{background:linear-gradient(90deg,#5B5B5B var(--progress, 0%),#3a3a3a var(--progress, 0%))!important}.svga-btn-converting:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#5B5B5B calc(var(--progress, 0) * 1%),transparent calc(var(--progress, 0) * 1%));z-index:0}.svga-progress-text{font-weight:600;margin-right:4px}.svga-stage-text{font-size:12px;opacity:.8}.gif-color-picker{display:flex;flex-direction:row;align-items:center;gap:8px}.gif-color-input{width:32px;height:32px;border:2px solid #e6e6e6;border-radius:8px;cursor:pointer;padding:0;background:none;-webkit-appearance:none;appearance:none}.gif-color-input::-webkit-color-swatch-wrapper{padding:0}.gif-color-input::-webkit-color-swatch{border:none;border-radius:6px}.gif-color-input:hover{border-color:#5b5b5b}.gif-color-input:disabled{opacity:.5;cursor:not-allowed}body.dark-mode .gif-color-input{border-color:#404040}body.dark-mode .gif-color-input:hover{border-color:#606060}.gif-color-value{font-family:Consolas,Monaco,monospace;font-size:12px;color:#818181;text-transform:uppercase}body.dark-mode .gif-color-value{color:#999}.chromakey-info-section{display:flex;flex-direction:column;align-self:stretch;gap:4px}.chromakey-info-row{font-family:Segoe UI,sans-serif;font-weight:400;font-size:14px;line-height:19px;color:#333;margin:0}body.dark-mode .chromakey-info-row{color:#ccc}.chromakey-performance-hint{font-family:Segoe UI,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:#999;margin-top:8px}body.dark-mode .chromakey-performance-hint{color:#666}.chromakey-config-section{display:flex;flex-direction:column;align-self:stretch;gap:24px;flex:1}.chromakey-config-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;gap:8px;height:44px}.chromakey-config-label{font-family:Segoe UI,sans-serif;font-weight:400;font-size:16px;line-height:21px;color:#333;margin:0;flex-shrink:0;text-align:left}body.dark-mode .chromakey-config-label{color:#ccc}.chromakey-switch-wrapper{cursor:pointer}.chromakey-switch{position:relative;width:48px;height:28px;background:#e6e6e6;border-radius:14px;transition:background .3s}.chromakey-switch.active{background:#007aff}body.dark-mode .chromakey-switch{background:#404040}body.dark-mode .chromakey-switch.active{background:#0a84ff}.chromakey-slider-wrapper{flex:1;display:flex;align-items:center}.chromakey-slider{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:#e6e6e6;border-radius:2px;outline:none}body.dark-mode .chromakey-slider{background:#404040}.chromakey-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#007aff;border-radius:10px;cursor:pointer}.chromakey-slider::-moz-range-thumb{width:20px;height:20px;background:#007aff;border-radius:10px;cursor:pointer;border:none}body.dark-mode .chromakey-slider::-webkit-slider-thumb{background:#0a84ff}body.dark-mode .chromakey-slider::-moz-range-thumb{background:#0a84ff}[v-cloak] .center-modal-overlay{display:none!important}.center-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.center-modal-overlay.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:flex!important}.center-modal-dialog{background:#fff;border-radius:24px;padding:24px;min-width:320px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(.9) translateY(-20px)}.center-modal-overlay.show .center-modal-dialog{transform:scale(1) translateY(0)}body.dark-mode .center-modal-dialog{background:#2a2a2a;box-shadow:0 10px 40px #0000004d}.center-modal-overlay .svga-panel-container{align-self:auto}.center-modal-header{padding:0 0 16px;border-bottom:1px solid #e6e6e6;cursor:move;user-select:none}body.dark-mode .center-modal-header{border-bottom-color:#505050}.center-modal-header h3{margin:0;font-size:16px;font-weight:500;color:#333}body.dark-mode .center-modal-header h3{color:#e0e0e0}.center-modal-body{padding:24px 0}.center-modal-footer{padding:16px 0 0;display:flex;justify-content:flex-end;gap:12px}.compress-hint{font-size:12px;color:#999;line-height:1.5;margin-bottom:4px}body.dark-mode .compress-hint{color:#777}.btn-undo{min-width:80px;height:44px;padding:0 16px;border-radius:12px;border:none;background-color:#ff9500;color:#fff;font-family:Segoe UI,sans-serif;font-weight:400;font-size:14px;line-height:1.57;text-align:center;cursor:pointer;outline:none;transition:all .2s;white-space:nowrap}.btn-undo:hover:not(:disabled){background-color:#e68600}.btn-undo:active:not(:disabled){background-color:#c70}.btn-undo:disabled{background-color:#ff950080;cursor:not-allowed;opacity:1}body.dark-mode .btn-undo{background-color:#c70}body.dark-mode .btn-undo:hover:not(:disabled){background-color:#e68600}.material-editor-modal{max-width:1000px!important}.material-editor-body{flex:1;display:flex;gap:24px;overflow:hidden;padding:0!important}.editor-preview-area{flex:1;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:100%;border:1px solid #e6e6e6;user-select:none;background-color:#fcfcfc;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjEiIGZpbGw9IiNlM2UzZTMiLz48L3N2Zz4=);background-repeat:repeat;background-size:12px 12px}body.dark-mode .editor-preview-area{background:#202020;border-color:#404040}.editor-preview-wrapper{position:relative;flex:none;transform-origin:center center;cursor:grab;pointer-events:auto;outline:1px dashed #00B4FF;outline-offset:1px}.editor-preview-wrapper:active{cursor:grabbing}.editor-preview-content{position:relative;background-color:transparent;width:100%;height:100%;pointer-events:auto}.editor-base-image{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.editor-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;cursor:move;transition:none;outline:none}.editor-image-wrapper.active{outline-color:#00b4ff;outline-style:solid;outline-offset:-2px}.editor-canvas-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;cursor:move;transition:none;z-index:1;outline:none}.editor-canvas-wrapper.active{outline-color:#f0f;outline-style:solid;outline-offset:-2px}.editor-text-canvas{width:100%;height:100%;display:block;pointer-events:none}.editor-layer-tag{position:absolute;top:-24px;left:0;padding:4px 8px;font-size:12px;font-weight:500;color:#fff;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:10;transform-origin:left top}.editor-layer-tag--image{background-color:#00b4ff}.editor-layer-tag--text{background-color:#f0f}.editor-text-border{display:none}.editor-zoom-controls{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#0009;backdrop-filter:blur(10px);border-radius:20px;padding:4px 12px;display:flex;align-items:center;gap:12px;color:#fff;font-size:14px;z-index:20}.editor-zoom-controls button{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.editor-zoom-controls button:hover{background:#fff3}.editor-pan-controls{position:absolute;bottom:80px;right:20px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:20}.pan-row{display:flex;gap:4px}.pan-btn{width:32px;height:32px;background:#0009;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pan-btn:hover{background:#000c;transform:scale(1.05)}.pan-btn:active{transform:scale(.95)}.editor-bottom-actions{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;pointer-events:none;z-index:10}.editor-bottom-actions>*{pointer-events:auto}.editor-bottom-left,.editor-bottom-right{display:flex;align-items:center;gap:12px}.editor-view-btn{width:28px;height:28px;border:none;background-color:transparent;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-size:400px 400px;background-position:-320px -120px;background-repeat:no-repeat;cursor:pointer;outline:none;transition:opacity .2s;flex-shrink:0}.editor-view-btn:hover{background-position:-360px -120px}.editor-view-btn.is-contain{background-position:-80px -160px}.editor-view-btn.is-contain:hover{background-position:-120px -160px}body.dark-mode .editor-view-btn{background-position:0px -160px}body.dark-mode .editor-view-btn:hover{background-position:-40px -160px}body.dark-mode .editor-view-btn.is-contain{background-position:-160px -160px}body.dark-mode .editor-view-btn.is-contain:hover{background-position:-200px -160px}.editor-scale-percentage{width:60px;font-family:Segoe UI,sans-serif;font-weight:400;font-size:14px;line-height:1.33;color:#818181;text-align:left;transition:color .3s}body.dark-mode .editor-scale-percentage{color:#999}.editor-controls-area{width:360px;display:flex;flex-direction:column;overflow-y:auto;gap:20px}.editor-control-group{display:flex;flex-direction:column;gap:24px}body.dark-mode .editor-control-group{background:#2a2a2a}.editor-switch-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#333}body.dark-mode .editor-switch-row{color:#e0e0e0}.editor-text-controls{display:flex;flex-direction:column;gap:8px}.editor-control-label{font-size:14px;color:#666;margin-bottom:4px}.editor-control-label--mt{margin-top:10px}body.dark-mode .editor-control-label{color:#999}.editor-hint{font-size:12px;color:#999;line-height:1.4;margin-top:4px}.svga-textarea{width:100%;padding:10px;border:1px solid #e6e6e6;border-radius:8px;background:#fff;color:#333;font-family:Consolas,Monaco,monospace;font-size:12px;resize:vertical;outline:none;transition:border-color .2s}.svga-textarea:focus{border-color:#007aff}body.dark-mode .svga-textarea{background:#333;border-color:#404040;color:#e0e0e0}body.dark-mode .svga-textarea:focus{border-color:#0a84ff}.fps-input-row{display:flex;align-items:center;gap:8px}.fps-unit{font-size:14px;color:#666}body.dark-mode .fps-unit{color:#999}.ad-position-right{position:fixed;right:20px;top:50%;transform:translateY(-50%);width:160px;min-height:600px;background:#fff;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 2px 8px #0000001a;z-index:50;transition:opacity .3s,background-color .3s,border-color .3s;overflow:hidden}body.dark-mode .ad-position-right{background:#2a2a2a;border-color:#404040;box-shadow:0 2px 8px #0000004d}.ad-content-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;padding:20px;text-align:center}body.dark-mode .ad-content-placeholder{color:#666}.ad-position-right[data-ad-visible=true]{display:block;opacity:1}.ad-position-right[data-ad-visible=false]{display:none;opacity:0}.ad-position-bottom{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:728px;height:90px;background:#fff;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 2px 8px #0000001a;z-index:50;transition:opacity .3s,background-color .3s,border-color .3s}body.dark-mode .ad-position-bottom{background:#2a2a2a;border-color:#404040;box-shadow:0 2px 8px #0000004d}@media (max-width: 1400px){.ad-position-right{right:10px;width:120px;min-height:400px}}@media (max-width: 1200px){.ad-position-right{display:none!important}}.speed-remap-editor{position:absolute;bottom:166px;width:auto;min-width:600px;margin:0 0 8px;z-index:100;align-items:flex-start;left:0;background-color:#ffffffb7;border:1px solid #f3f3f3;border-radius:16px;padding:16px 20px;backdrop-filter:blur(12px)}.speed-remap-editor:hover{background-color:#fff}body.dark-mode .speed-remap-editor{background-color:#1a1a1a;border-color:#404040}.speed-remap-editor-content{display:flex;flex-direction:row;align-items:center;gap:8px}.speed-remap-timeline-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:24px 0 0}.speed-remap-duration{font-size:12px;color:#666}body.dark-mode .speed-remap-duration{color:#999}.speed-remap-timeline{position:relative;width:500px;height:16px;background:#f3f3f3;border-radius:2px;cursor:default}body.dark-mode .speed-remap-timeline{background:#3a3a3a}.speed-remap-timeline-range{position:absolute;top:0;height:16px;background:#409eff;pointer-events:none}body.dark-mode .speed-remap-timeline-range{background:#2a5a8a}.speed-remap-segment-overlay{position:absolute;top:0;height:16px;pointer-events:none}.speed-remap-segment-overlay.segment-speedup{background:#094dde}body.dark-mode .speed-remap-segment-overlay.segment-speedup{background:#5b8cff}.speed-remap-segment-overlay.segment-slowdown{background:#c8f2ff}body.dark-mode .speed-remap-segment-overlay.segment-slowdown{background:#0a3a4a}.speed-remap-timeline-hover-line{position:absolute;top:0;width:1px;height:16px;background:#00b4ff;pointer-events:none;display:none}.speed-remap-timeline:hover .speed-remap-timeline-hover-line{display:block}.speed-remap-timeline-hover-frame-number{position:absolute;top:-16px;transform:translate(-50%);font-size:12px;color:#333;font-weight:500;white-space:nowrap;pointer-events:none;display:none}.speed-remap-timeline:hover .speed-remap-timeline-hover-frame-number{display:block}body.dark-mode .speed-remap-timeline-hover-frame-number{color:#e0e0e0}.speed-remap-timeline-hover-speed{position:absolute;top:18px;transform:translate(-50%);font-size:11px;color:#00b4ff;font-weight:500;line-height:1.4;text-align:center;white-space:nowrap;pointer-events:none;display:none}.speed-remap-timeline:hover .speed-remap-timeline-hover-speed{display:block}body.dark-mode .speed-remap-timeline-hover-speed{color:#3cf}.keyframe-node{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;cursor:pointer;transform:translate(-50%)}.keyframe-line{width:3px;height:16px;background:#333;border-width:0px 1px;border-style:solid;border-color:#f3f3f3}body.dark-mode .keyframe-line{background:#f5f5f5;border-color:#3a3a3a}.keyframe-handle{width:14px;height:16px;margin-top:-16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANESURBVHgBxVc9SFtRFL5xqD8gCFYhIlQQkqVDaYraIlgIdTFZKhQiiFlEjGNGiz+gToYumhIEEQc1Q6dEsUtplypWSwsdjOAWmpCQQrDYtEt6vuS89Dbm7yYv+MF57953zz3f917uOfdGiFuGQVSBdDrdTjcnWTdZC9kF2ZbBYEgIRSgLYPKXTCzjmsxDIsJCAQ0qzkzuBrnP5zMNDg5OWK1WB9osyMU++guQyNsPDg66NjY2nqZSqcZkMtmK9uHhoRFj8FERUZEACtiikR8fH7evrKw8y/dZWloaxhiLcPEcfQQQphH4/Py8dXZ2dhhvnu+AZxiDj8guzulKApcVQG/ipJsJgWdmZmz45MV8MQYfFmHiuSVhKENup5stFos1OhyO56XIZRiNxsTm5mago6PjD3WDlBkBZQEaOdo2m200Go0qre7e3t7vfr8/yN2iIhqKkFs1cpfLNaRKDlxeXnZhLndtFPNxRQLI8QHdXqA9Pz9vOTk5MYsqgbmLi4sPueuk2KaSAsgBq3dCI9/f37eIGhEIBB5JIqaZ46YALh4ushaPx3NfD3JZBGKKAtVS/gKZQrOzs9Ozu7v7ROgMxNzb2+sR2ULl/E8A/zaZQuP1eodEnbC2tjYUj8fviGyNMOUEELDwBH32e4WqnF5A7O3tbZPMqQloxoVS566oMySOZlnAL1yocl2JOqOzs/NK5tQEfMFlbGws1NTU9FvUEVTSQ9wM5QRQmcSRKmw2m3+Oj48fiTqByD+Cg5oJ4vyaE8Dwkl1PTU1djIyMnAmdYbfbT91u9zfBRzfteU4AHyhfo02V60xPESCnyvqZux758HpjN+RNw4k2NpNa9gKgr68vRLXlA3f9RP5OHi+4HZMI7IR2Vj8aiUSUd0MA5wIqw2+4GyDyYL5Pwe2YHTP7Nw4WbW1tyumJOZhbiryoAEnEEU416+vrSiLgizl8IjoqRl5SAIvYEpyeCFhJjdDIOd3CHENUJYCBlEkg4OrqarCciOXl5bdargsp3aoWQG+g5W1iYGAgUapQTU5Ovu/v7/+hkfPc2gSwCO1tihYq5DrGxL//iMp/VMsCxymyV2S+ubm5U4vFkoYtLCx8wjO2bpWYfwFK5I/qm1uRvAAAAABJRU5ErkJggg==);background-size:contain;background-repeat:no-repeat;background-position:center;cursor:ew-resize;position:relative;top:-16px}.keyframe-handle:hover{opacity:.8}.keyframe-frame-label{position:absolute;top:-32px;left:50%;transform:translate(-50%);font-family:Segoe UI,system-ui,sans-serif;font-size:12px;color:#333;white-space:nowrap;pointer-events:auto;cursor:pointer;user-select:none}.keyframe-frame-label:hover{opacity:.7}.frame-label-endpoint{color:#333}body.dark-mode .frame-label-endpoint{color:#ccc}body.dark-mode .keyframe-frame-label{color:#999}.keyframe-endpoint .keyframe-line{background:#333}body.dark-mode .keyframe-endpoint .keyframe-line{background:#f5f5f5;border-width:0px 1px;border-style:solid;border-color:#3a3a3a}.keyframe-endpoint .keyframe-handle{width:13px}.keyframe-endpoint-left .keyframe-handle{width:16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANUSURBVHgBxZdPSBtBFMYnIo2NBISoGCk0FzcHPZRalQgaITSn5FrIyVxEjN6CJwsi6DE3TRFBxIv25GE92EutCFW0hhSiGEVQEBQkVVHSRALpe/omjDF/dpMN/WB2Z5M38/12d97LhLH/LB0rQel02gQnL7Q30AzQjqAt6HS6GFMp1QBk/pmMRcWhBQDinKlQlZpgMvej+f7+vrSystLvcDg8s7OzEgH5KEZ7AMHcdHZ21nxwcNCXSqX0t7e3xrm5ub61tTUzfocxaiAUAcCEBm5+eXlpCoVCH7NjJicnndvb2yaC8NEYbQBAQzjx9fW1cWdnx4l3nh2QSCT0Y2NjzsPDQyN7WpxDSiYuCgB34oWThOabm5uuZDJpzBeLr2N4eNhFEBKNLR0AJnDDyRaPx/XFzEWI0dFR59XV1SscS3OoB6CBLuyvr68rMue6uLgwjYyMOOnSVQiiKo+5g5vDndvhCahKLdTJyUmzz+ezCxA2RQAQ+A5On7C/u7vbDqveykoULFjrxMTEe7r0wtxSQQAIwNXbz81PT0/bWZmSZfmDADFEHi8BqHj4oBnC4XCbFuYiRCAQaGM5qqX4BB4LzfHxsQVaN9NYS0tL3cvLyxb2VKi8zwDo3TwWmkgkYmcV0vT0tJ3SU+LrgT8BXHgMavzbXFVOK2G1XFxclERPDvAaDzc3N/WswoL0rBc9OcBfPNTW1t6xCquxsfFO9OQAYTy0tLREq6urk6yC8ng8UepGMwCwi8Et1XldXd29JElbrEIC859Wq/UeujHw/J0BIAWhxVtbW48sFsse01hut/uX3++PMNq68c8zALSh/IL9jo6OPS0h0Hx8fDxElwFx8/qsFNOrWOAQTU1NUVamOjs7o4L51+xN64sfIwjANSBjv6enZ8NgMKjeanOZzeZYMBjcoEsZ5v6eHZPz5xgCVzkE7HplvV6vOj1hQd/Nz8/Lgvlqrri8GxIasFVTU/PQ29urCgLNZ2Zm5IaGhgecI595QQCCWGCUngihpEZwc0q3c5qDlQRAwpSJIYTNZlstBjE1NfWN5zoT0q1kALgDnrcxyIpYoUI1MDDwo6ur6w83p7HlARAEv5u8hQpzfXBwENOY/0dUlD2K/5qJENmFqlChKaZ/Y0uEPWVIWBYAAAAASUVORK5CYII=)}.keyframe-endpoint-right .keyframe-handle{width:16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANOSURBVHgBxZdNSBtBFMcnHhobCAhRMVJoLm5APYRaRUWNEJqL6bVQQQxexHjs0YJ48WSOpoggnpRejQq9lAYhijYlhShGEUQ8iJDmS9JEAul7+iaMMR+7yYb+YXZnkzfz/+3uvJcJY/9ZGlaFcrmcAU5OaK+g6aCdQVvXaDQRplCKAcj8MxmLSkFzA8Q1U6AGJcFk/gnNV1ZWpKGhocmtra2Px8fHEgG5KEZ9AMHcsLu72766ujqaTqe1mUxGf3JyMnp1dWXE7zBGCYQsAJhQx80PDg4Mi4uL7wpjAoGA/ebmxkAQLhqjDgBoBic+PT3Vz83N2fHOCwOy2az28PDQHo1G9exxcc7ImbgiANyJE04Sms/Ozjri8bi+VCy+jr29PQdBSDS2egCY4D2cBm5vb7WVzEUIv9+PT+kFjqU5lAPQQAf2p6amZJlzpVIpg8/ns9OloxxEQwlzGzd3uVxWWlyKlEgk2uF1WAWIAVkAEGiB0wfsz8/P98DCMrMqBeDmo6OjN3TphLmlsgAQgKt3kpvv7Oz0sBp1eXn5VoCYIY/nAFQ8XNB0bre7Ww1zESIYDHazItVSfAIPhWZjY8O0ubk5yFTW+fn5IDQTeyxUzicA9G4eCo3H47GyOikUClkpPSW+HvgTwIXH4LG/Llbl1BJWS7hJSfTkAC/xcHFx0czqrFgs1ix6coC/eGhpaUmyOkun0yVFTw4QxMP4+Hi4sbExw+ooSZLC1A3nAWAXg1uqa7PZfDcxMbHP6qSOjg5/U1PTHXQj4Pk7D0DyQEtNT0+fjY2NBZjKMplMPy0WS4jR1o1/ngegDeUX7C8sLATUhEDz3t7eX3TpFjevT0oxvYp1DtHX1xdmNaqtrS0smH8t3LQ++zGCAFwDXuxDUfIZjUbFW20uWPGR4eFhH116Ye7vhTFFf44hcJtDrK2teWHhKE5PrVabtNlsXsF8u1hcyQ0JDdiH2nC/vLysCALNR0ZGvJDS9zhHKfOyAASxzig9EUJOjeDmlG7XNAerCoCEKRNBiKWlpe1KEP39/d94rjMh3aoGgDvgeRuBySPlClVnZ+eP1tbWP9ycxtYGQBD8bkoWKsz1rq4uTGP+H1FW9sj+ayZCFBaqcoWmkv4BIsiEN6RVtAMAAAAASUVORK5CYII=)}.keyframe-selected .keyframe-handle{box-shadow:0 0 0 2px #00b4ff66}.keyframe-line-clickarea{width:5px;height:16px;display:flex;justify-content:center;align-items:flex-start;cursor:pointer}.speed-remap-timescale{position:relative;width:500px;height:20px;margin-top:1px}.timescale-tick{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.tick-mark{width:1px;height:3px;background:#666}body.dark-mode .tick-mark{background:#999}.tick-label{font-family:Segoe UI,system-ui,sans-serif;font-size:12px;color:#0006;margin-top:2px;white-space:nowrap}body.dark-mode .tick-label{color:#999}.speed-remap-duration-label{min-width:88px;font-family:Segoe UI,system-ui,sans-serif;font-size:12px;color:#0006;white-space:nowrap;width:100%}body.dark-mode .speed-remap-duration-label{color:#999}.speed-remap-buttons{display:flex;flex-direction:row;align-items:center;gap:10px}.btn-speed-reset{gap:4px;padding:0 8px;width:44px;min-width:44px}.btn-speed-reset svg{width:16px;height:16px;display:none}.btn-speed-reset:before{content:"";display:inline-block;width:24px;height:24px;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-size:400px 400px;background-position:-240px -160px;background-repeat:no-repeat;flex-shrink:0}body.dark-mode .btn-speed-reset:before{background-position:-280px -160px}.btn-active{background:#409eff!important;color:#fff!important;border-color:#409eff!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000}.modal-overlay .svga-panel-container{align-self:auto}.modal-header{padding:0 0 16px;border-bottom:1px solid #e6e6e6}body.dark-mode .modal-header{border-bottom-color:#505050}.modal-header h3{margin:0;font-size:16px;font-weight:500;color:#333}body.dark-mode .modal-header h3{color:#e0e0e0}.modal-body{padding:24px 0}.form-group{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;font-size:14px;color:#666}body.dark-mode .form-group label{color:#b0b0b0}.modal-footer{padding:16px 0 0;display:flex;justify-content:flex-end;gap:12px}body.dark-mode .modal-footer{border-top-color:#505050}.modal-footer .btn-primary{min-width:110px;height:44px;padding:0 20px;background:#fff;border:1px solid #E6E6E6;border-radius:12px;font-family:Segoe UI,sans-serif;font-weight:400;font-size:14px;line-height:1.5714285714285714em;text-align:center;color:#333;cursor:pointer;transition:all .15s ease}.modal-footer .btn-primary:hover{background:#e6e6e6;border-color:#5b5b5b}.modal-footer .btn-primary:active{background:#d3d3d3;border-color:#333}.modal-footer .btn-primary:disabled{background:#fff;border-color:#f3f3f3;color:#aaa;cursor:not-allowed}body.dark-mode .modal-footer .btn-primary{background:#2d2d2d;border-color:#505050;color:#e0e0e0}body.dark-mode .modal-footer .btn-primary:hover{background:#3a3a3a;border-color:#707070}body.dark-mode .modal-footer .btn-primary:active{background:#454545;border-color:gray}.modal-footer .btn-secondary{min-width:110px;height:44px;padding:0 20px;background:#5b5b5b;border:none;border-radius:12px;font-family:Segoe UI,sans-serif;font-weight:400;font-size:14px;line-height:1.5714285714285714em;text-align:center;color:#fff;cursor:pointer;transition:all .15s ease}.modal-footer .btn-secondary:hover{border:1px solid #333333}.modal-footer .btn-secondary:active{background:#333;border:1px solid #333333}.modal-footer .btn-secondary:disabled{background:#5b5b5b4d;border:none;cursor:not-allowed}body.dark-mode .modal-footer .btn-secondary{background:#707070}body.dark-mode .modal-footer .btn-secondary:hover{background:#707070;border-color:#909090}body.dark-mode .modal-footer .btn-secondary:active{background:gray;border-color:#a0a0a0}.keyframe-speed-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:1000}.keyframe-speed-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;padding:20px;min-width:280px;box-shadow:0 10px 40px #0003;z-index:1001}body.dark-mode .keyframe-speed-popup{background:#2a2a2a;box-shadow:0 10px 40px #0006}.keyframe-speed-popup-title{font-size:16px;font-weight:600;color:#333;margin-bottom:16px}body.dark-mode .keyframe-speed-popup-title{color:#e0e0e0}.keyframe-speed-popup-content{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.keyframe-speed-info{font-size:13px;color:#666;padding:8px 12px;background:#f5f5f5;border-radius:6px}body.dark-mode .keyframe-speed-info{color:#999;background:#3a3a3a}.keyframe-speed-slider-row{display:flex;align-items:center;gap:10px}.keyframe-speed-label-text{font-size:13px;color:#333;white-space:nowrap}body.dark-mode .keyframe-speed-label-text{color:#e0e0e0}.keyframe-speed-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#e0e0e0;border-radius:2px;outline:none}body.dark-mode .keyframe-speed-slider{background:#555}.keyframe-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#409eff;border-radius:50%;cursor:pointer;border:none}.keyframe-speed-slider::-moz-range-thumb{width:16px;height:16px;background:#409eff;border-radius:50%;cursor:pointer;border:none}.keyframe-speed-value{font-size:14px;font-weight:600;color:#409eff;min-width:40px;text-align:right}.keyframe-speed-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.keyframe-speed-preset-label{font-size:13px;color:#666}body.dark-mode .keyframe-speed-preset-label{color:#999}.keyframe-speed-preset{padding:4px 12px;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;color:#333;cursor:pointer;transition:background-color .2s,border-color .2s}.keyframe-speed-preset:hover{background:#e0e0e0;border-color:#d0d0d0}body.dark-mode .keyframe-speed-preset{background:#3a3a3a;border-color:#555;color:#e0e0e0}body.dark-mode .keyframe-speed-preset:hover{background:#444}.keyframe-speed-popup-footer{display:flex;justify-content:flex-end;gap:12px}.keyframe-speed-delete{padding:0 16px;height:32px;background:transparent;border:1px solid #ff4d4f;border-radius:6px;font-size:13px;color:#ff4d4f;cursor:pointer;transition:background-color .2s}.keyframe-speed-delete:hover{background:#ff4d4f1a}.keyframe-speed-confirm{padding:0 20px;height:32px;background:#409eff;border:none;border-radius:6px;font-size:13px;color:#fff;cursor:pointer;transition:background-color .2s}.keyframe-speed-confirm:hover{background:#66b1ff}.material-editor-modal{width:1000px;max-width:95vw;height:80vh;display:flex;flex-direction:column}.material-editor-body{display:flex;flex-direction:row;flex:1;min-height:0;gap:20px;padding:0;margin:16px 0}.material-btn-edit{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:8px;width:28px;height:28px;background:#fff;border:1px solid #e6e6e6;cursor:pointer;transition:all .15s ease}.material-btn-edit svg{width:20px;height:20px;flex:none;order:0}.material-btn-edit svg path{stroke:#333}body.dark-mode .material-btn-edit svg path{stroke:#ccc}.material-btn-edit:hover{background:#f5f5f7;border-color:#ccc}.material-btn-edit:active{background:#e8e8ed;transform:scale(.95)}body.dark-mode .material-btn-edit{background:#2d2d2d;border-color:#505050}body.dark-mode .material-btn-edit:hover{background:#3a3a3a;border-color:#606060}.edit-dot{position:absolute;top:2px;right:2px;width:6px;height:6px;background-color:#f44;border-radius:50%;border:1px solid #fff;z-index:2}.editor-control-label-with-buttons{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.text-align-buttons{display:flex;gap:8px}.text-align-btn{width:28px;height:28px;border:none;background-color:#fff;border-radius:6px;cursor:pointer;background-image:url(/assets/controls-sprite-XrE48xNT.png);background-size:400px 400px;background-repeat:no-repeat;transition:all .2s ease}.text-align-btn:hover,.text-align-btn.active{background-color:#f3f3f3}.text-align-left,.text-align-left.active{background-position:-238px -318px}.text-align-center,.text-align-center.active{background-position:-158px -318px}.text-align-right,.text-align-right.active{background-position:-318px -318px}body.dark-mode .text-align-btn{background-color:#2a2a2a}body.dark-mode .text-align-btn:hover,body.dark-mode .text-align-btn.active{background-color:#5b5b5b}body.dark-mode .text-align-left{background-position:-278px -318px}body.dark-mode .text-align-center{background-position:-198px -318px}body.dark-mode .text-align-right{background-position:-358px -318px}