.more-drawer-overlay{display:none}.more-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background:#fff;z-index:110;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:20px;border-right:1px solid #F3F3F3;box-shadow:none;gap:18px}.more-drawer.visible{transform:translate(0)}body.dark-mode .more-drawer{background:#1a1a1a;box-shadow:none;border-right:1px solid #333333}.drawer-header{margin-bottom:8px;display:flex;justify-content:space-between;align-items:flex-start}.drawer-header-left{display:flex;flex-direction:column;justify-content:center}.drawer-slogan{font-size:12px;color:#989898;margin-top:4px;font-weight:400;line-height:1.2}body.dark-mode .drawer-slogan{color:#666}.drawer-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;color:#666;font-size:24px;transition:background-color .2s;user-select:none}.drawer-close-btn:hover{background-color:#0000000d;color:#333}body.dark-mode .drawer-close-btn{color:#aaa}body.dark-mode .drawer-close-btn:hover{background-color:#ffffff1a;color:#fff}.drawer-logo{width:120px;height:auto;object-fit:contain}.drawer-content{flex:1;display:flex;flex-direction:column;gap:16px;justify-content:center}.drawer-btn{width:100%;height:56px;padding:0 16px 0 24px;background:#fff;border:1px solid #e3e3e3;border-radius:12px;color:#333;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s;text-decoration:none}.drawer-btn:hover{background:#f5f5f5;border-color:#d0d0d0;text-decoration:none}.drawer-btn:active{background:#eee}.drawer-btn.disabled{opacity:.4;cursor:not-allowed;background:#f9f9f9}.drawer-btn.disabled .drawer-btn-icon{opacity:.4}.drawer-btn-icon{width:20px;height:20px;object-fit:contain}body.dark-mode .drawer-btn{background:#2a2a2a;border-color:#404040;color:#e0e0e0}body.dark-mode .drawer-btn:hover{background:#333;border-color:#505050}body.dark-mode .drawer-btn.disabled{background:#252525}.drawer-footer{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.drawer-links{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.drawer-link-item{font-size:13px;color:#818181;text-decoration:none;transition:color .2s;position:relative}.drawer-link-item:hover{color:#333;text-decoration:underline}body.dark-mode .drawer-link-item{color:#999}body.dark-mode .drawer-link-item:hover{color:#e0e0e0;text-decoration:underline}.drawer-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;cursor:pointer;transition:opacity .2s}.drawer-avatar img{width:100%;height:100%;object-fit:cover}.drawer-avatar:hover{opacity:.8}.side-panel{position:fixed;top:0;height:80%;display:flex;flex-direction:row;align-items:stretch;padding:10px;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.side-panel--left{left:-400px;transition:left .3s cubic-bezier(.4,0,.2,1)}.side-panel--left.show{left:100px}.side-panel--right{right:-400px;transition:right .3s cubic-bezier(.4,0,.2,1)}.side-panel--right.show{right:100px}.side-panel{cursor:default;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed!important;z-index:1000!important}.side-panel.dragging{transition:none!important;cursor:move!important}.side-panel:not(.show){transition:opacity .3s ease,transform .3s ease,left .1s ease .3s,right .1s ease .3s!important;opacity:0;transform:scale(.95)}.side-panel.dragging:not(.show){transition:left .1s ease,right .1s ease!important;opacity:0;transform:scale(1)}.side-panel-container{display:flex;flex-direction:column;align-self:stretch;padding:20px;gap:24px;width:380px;background:#fff;border:1px solid #e6e6e6;box-shadow:none;border-radius:16px;overflow-y:auto;transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.side-panel.show .side-panel-container{box-shadow:0 10px 32px #3333}body.dark-mode .side-panel-container{background:#1a1a1a;border-color:#404040}body.dark-mode .side-panel.show .side-panel-container{box-shadow:0 10px 32px #00000080}.side-panel-header{display:flex;flex-direction:column;align-self:stretch;gap:12px;cursor:move;user-select:none}.side-panel-title{font-family:Segoe UI,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:#818181;margin:0}body.dark-mode .side-panel-title{color:#999}.side-panel-divider{width:100%;height:1px;background:#f3f3f3}body.dark-mode .side-panel-divider{background:#404040}.side-panel-footer{margin-top:auto;display:flex;flex-direction:row;justify-content:flex-end;gap:12px}.side-panel-footer .btn-large-secondary{min-width:120px}.chromakey-panel,.svga-panel,.material-panel,.svga-panel.gif-panel,.svga-panel.frames-panel,.webp-panel,.dual-channel-panel,.standard-mp4-panel,.to-svga-panel{width:400px}.svga-size-input-wrapper,.svga-value-input-wrapper,.mp4-size-input-wrapper,.mp4-value-input-wrapper{width:73px}.yyeva-key-panel{width:400px}.yyeva-key-info-section{display:flex;flex-direction:column;align-self:stretch;gap:4px}.yyeva-key-info-row{font-family:Segoe UI,sans-serif;font-weight:400;font-size:14px;line-height:19px;color:#333;margin:0}body.dark-mode .yyeva-key-info-row{color:#ccc}.yyeva-key-hint{font-family:Segoe UI,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:#aaa;margin:0}body.dark-mode .yyeva-key-hint{color:#666}.yyeva-key-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}.yyeva-key-search:hover{background:#fcfcfc;border:2px solid #333333}.yyeva-key-search:focus-within{background:#fff;border:2px solid #333333}body.dark-mode .yyeva-key-search{background:#3a3a3a;border:2px solid #3a3a3a}body.dark-mode .yyeva-key-search:hover{background:#454545;border:2px solid #999999}body.dark-mode .yyeva-key-search:focus-within{background:#3a3a3a;border:2px solid #999999}.yyeva-key-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}.yyeva-key-search-input::placeholder{color:#d3d3d3}.yyeva-key-search-input:focus{color:#333}body.dark-mode .yyeva-key-search-input{color:#e0e0e0}body.dark-mode .yyeva-key-search-input::placeholder{color:#666}body.dark-mode .yyeva-key-search-input:focus{color:#e0e0e0}.yyeva-key-section{display:flex;flex-direction:column;align-self:stretch;gap:12px}.yyeva-key-section-title{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 .yyeva-key-section-title{color:#999}.yyeva-key-list{display:flex;flex-direction:column;align-self:stretch;gap:12px;flex:1;overflow-y:auto}.yyeva-key-item{display:flex;flex-direction:row;align-items:flex-start;gap:12px;align-self:stretch;padding:12px;background:#f8f8f8;border-radius:8px;transition:background .3s}body.dark-mode .yyeva-key-item{background:#2a2a2a}.yyeva-key-thumb{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.yyeva-key-thumb-img,.yyeva-key-thumb-video{width:100%;height:100%;object-fit:cover}.yyeva-key-thumb-badge{position:absolute;bottom:4px;right:4px;background:#000000b3;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;pointer-events:none}.yyeva-key-thumb{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.yyeva-key-thumb-placeholder{font-family:Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#aaa}body.dark-mode .yyeva-key-thumb-placeholder{color:#666}body.dark-mode .yyeva-key-thumb-badge{background:#fff3}.yyeva-key-meta-video{color:#4a90d9}body.dark-mode .yyeva-key-meta-video{color:#6ab0f3}.yyeva-key-info{flex:1;display:flex;flex-direction:column;gap:4px}.yyeva-key-info-full{flex:1;display:flex;flex-direction:column;gap:8px}.yyeva-key-name{font-family:Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:19px;color:#333;transition:color .3s}body.dark-mode .yyeva-key-name{color:#e0e0e0}.yyeva-key-meta{font-family:Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#818181;transition:color .3s}body.dark-mode .yyeva-key-meta{color:#999}.yyeva-key-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.yyeva-key-btn-replace{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:6px 12px;gap:4px;width:80px;height:32px;background:#fff;border:1px solid #E6E6E6;border-radius:6px;flex:none;order:0;flex-grow:0;font-family:Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#333;cursor:pointer;transition:all .2s ease}.yyeva-key-btn-replace:hover{background:#fcfcfc;border:1px solid #333333}.yyeva-key-btn-replace:active{background:#f3f3f3;border:2px solid #333333;padding:5px 11px}.yyeva-key-btn-mute{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:28px;height:24px;background:#fff;border:1px solid #E6E6E6;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#666}.yyeva-key-btn-mute:hover{background:#fcfcfc;border:1px solid #333333}.yyeva-key-btn-mute.muted{color:#ff4d4f}body.dark-mode .yyeva-key-btn-replace{background:#2c2c2c;border:1px solid #404040;color:#e0e0e0}body.dark-mode .yyeva-key-btn-replace:hover{background:#3a3a3a;border:1px solid #666666}body.dark-mode .yyeva-key-btn-mute{background:#2c2c2c;border:1px solid #404040;color:#e0e0e0}body.dark-mode .yyeva-key-btn-mute:hover{background:#3a3a3a;border:1px solid #666666}body.dark-mode .yyeva-key-btn-mute.muted{color:#ff6b6b}.yyeva-key-btn-restore{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 8px;gap:4px;width:80px;height:24px;background:#fff;border:1px solid #E6E6E6;border-radius:4px;flex:none;order:1;flex-grow:0;font-family:Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:10px;line-height:14px;color:#818181;cursor:pointer;transition:all .2s ease}.yyeva-key-btn-restore:hover{background:#fcfcfc;border:1px solid #333333;color:#333}body.dark-mode .yyeva-key-btn-restore{background:#2c2c2c;border:1px solid #404040;color:#999}body.dark-mode .yyeva-key-btn-restore:hover{background:#3a3a3a;border:1px solid #666666;color:#e0e0e0}.yyeva-key-text-input{display:flex;flex-direction:row;align-items:center;gap:8px}.yyeva-key-text-field,.base-input.yyeva-key-text-field{flex:1;box-sizing:border-box;padding:8px 12px;gap:4px;height:32px;background:#fff;border:1px solid #E6E6E6;border-radius:6px;font-family:Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:19px;color:#333;transition:all .3s}.yyeva-key-text-field:focus,.base-input.yyeva-key-text-field:focus{outline:none;border:1px solid #333333;background:#fff}body.dark-mode .yyeva-key-text-field,body.dark-mode .base-input.yyeva-key-text-field{background:#2c2c2c;border:1px solid #404040;color:#e0e0e0}body.dark-mode .yyeva-key-text-field:focus,body.dark-mode .base-input.yyeva-key-text-field:focus{border:1px solid #666666;background:#1a1a1a}.yyeva-key-btn-restore-text{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 8px;gap:4px;width:60px;height:24px;background:#fff;border:1px solid #E6E6E6;border-radius:4px;flex:none;order:1;flex-grow:0;font-family:Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:10px;line-height:14px;color:#818181;cursor:pointer;transition:all .2s ease}.yyeva-key-btn-restore-text:hover{background:#fcfcfc;border:1px solid #333333;color:#333}body.dark-mode .yyeva-key-btn-restore-text{background:#2c2c2c;border:1px solid #404040;color:#999}body.dark-mode .yyeva-key-btn-restore-text:hover{background:#3a3a3a;border:1px solid #666666;color:#e0e0e0}.yyeva-key-empty{font-family:Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:19px;color:#aaa;text-align:center;padding:24px 0}body.dark-mode .yyeva-key-empty{color:#666}.mp4-config-section,.svga-config-section{display:flex;flex-direction:column;align-self:stretch;gap:24px;flex:1}.mp4-config-section.disabled,.svga-config-section.disabled{opacity:.6;pointer-events:none}.mp4-config-item,.svga-config-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;gap:8px;height:44px}.mp4-config-item--mt,.svga-config-item--mt{margin-top:16px}.mp4-config-label,.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 .mp4-config-label,body.dark-mode .svga-config-label{color:#ccc}.mp4-size-container,.svga-size-container{display:flex;flex-direction:row;align-items:center;gap:8px;flex:none}.mp4-value-container,.svga-value-container{display:flex;flex-direction:row;align-items:center;gap:4px;flex:none}.input-unit{font-family:Segoe UI,sans-serif;font-weight:600;font-size:16px;line-height:24px;color:#333;margin:0;flex-shrink:0}.input-unit--hint{font-weight:400;color:#818181;font-size:14px}body.dark-mode .input-unit{color:#ccc}body.dark-mode .input-unit--hint{color:#999}.mp4-size-lock,.svga-size-lock{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#d3d3d3}body.dark-mode .mp4-size-lock,body.dark-mode .svga-size-lock{color:#666}.mp4-mute-toggle,.svga-mute-toggle{width:46px;height:26px;background:#5b5b5b;border-radius:100px;cursor:pointer;flex-shrink:0;position:relative;transition:background .3s}.mp4-mute-toggle.active,.svga-mute-toggle.active{background:#409eff}.mp4-mute-toggle.disabled,.svga-mute-toggle.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}body.dark-mode .mp4-mute-toggle,body.dark-mode .svga-mute-toggle{background:#5b5b5b}body.dark-mode .mp4-mute-toggle.active,body.dark-mode .svga-mute-toggle.active{background:#409eff}.mp4-mute-toggle-handle,.svga-mute-toggle-handle{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:1px;left:1px;transition:left .3s}.mp4-mute-toggle.active .mp4-mute-toggle-handle,.svga-mute-toggle.active .svga-mute-toggle-handle{left:21px}.mp4-info-section,.svga-info-section{display:flex;flex-direction:column;align-self:stretch;gap:4px}.mp4-info-row,.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 .mp4-info-row,body.dark-mode .svga-info-row{color:#ccc}.mp4-compress-hint,.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 .mp4-compress-hint,body.dark-mode .svga-compress-hint{color:#666}.mp4-panel-title,.svga-panel-title{font-family:Segoe UI,sans-serif;font-weight:400;font-size:12px;line-height:16px;color:#818181;margin:0}body.dark-mode .mp4-panel-title,body.dark-mode .svga-panel-title{color:#999}.mp4-panel-divider,.svga-panel-divider{width:100%;height:1px;background:#f3f3f3}body.dark-mode .mp4-panel-divider,body.dark-mode .svga-panel-divider{background:#404040}.mp4-select-wrapper,.svga-select-wrapper{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 16px;gap:4px;width:218px;min-width:200px;height:44px;background:#f3f3f3;border:none;border-radius:12px;cursor:pointer;position:relative;transition:all .2s ease;flex:none;flex-grow:0}.mp4-select-wrapper:hover,.svga-select-wrapper:hover{background:#fcfcfc;border:1px solid #333333}.mp4-select-wrapper:active,.svga-select-wrapper:active{background:#fff;border:2px solid #333333;padding:0 14px}.mp4-select-wrapper.disabled,.svga-select-wrapper.disabled{background:#f3f3f3;border:1px solid #E6E6E6;cursor:not-allowed;pointer-events:none}.mp4-select-wrapper.disabled:hover,.svga-select-wrapper.disabled:hover{background:#f3f3f3;border:1px solid #E6E6E6}body.dark-mode .mp4-select-wrapper,body.dark-mode .svga-select-wrapper{background:#3a3a3a;border:none}body.dark-mode .mp4-select-wrapper:hover,body.dark-mode .svga-select-wrapper:hover{background:#454545;border:none}body.dark-mode .mp4-select-wrapper:active,body.dark-mode .svga-select-wrapper:active{background:#3a3a3a;border:2px solid #666666;padding:0 14px}body.dark-mode .mp4-select-wrapper.disabled,body.dark-mode .svga-select-wrapper.disabled,body.dark-mode .mp4-select-wrapper.disabled:hover,body.dark-mode .svga-select-wrapper.disabled:hover{background:#2a2a2a;border:1px solid #404040}.mp4-select-text,.svga-select-text{font-family:Segoe UI,sans-serif;font-weight:600;font-size:16px;line-height:24px;color:#333;margin:0}body.dark-mode .mp4-select-text,body.dark-mode .svga-select-text{color:#ccc}.mp4-select-wrapper.disabled .mp4-select-text,.svga-select-wrapper.disabled .svga-select-text{color:#d3d3d3}body.dark-mode .mp4-select-wrapper.disabled .mp4-select-text,body.dark-mode .svga-select-wrapper.disabled .svga-select-text{color:#666}.mp4-select-icon,.svga-select-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mp4-select-icon svg,.svga-select-icon svg{width:100%;height:100%;stroke:#333}body.dark-mode .mp4-select-icon svg,body.dark-mode .svga-select-icon svg{stroke:#ccc}.mp4-select-wrapper.disabled .mp4-select-icon svg,.svga-select-wrapper.disabled .svga-select-icon svg{stroke:#d3d3d3}body.dark-mode .mp4-select-wrapper.disabled .mp4-select-icon svg,body.dark-mode .svga-select-wrapper.disabled .svga-select-icon svg{stroke:#666}.mp4-select-dropdown,.svga-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #E6E6E6;border-radius:12px;box-shadow:0 2px 8px #00000026;z-index:1000;overflow:hidden;display:none}.mp4-select-wrapper.open .mp4-select-dropdown,.svga-select-wrapper.open .svga-select-dropdown{display:block}body.dark-mode .mp4-select-dropdown,body.dark-mode .svga-select-dropdown{background:#2c2c2c;border-color:#666;box-shadow:0 4px 12px #00000080}.mp4-select-option,.svga-select-option{padding:12px 16px;font-family:Segoe UI,sans-serif;font-weight:400;font-size:16px;line-height:21px;color:#333;cursor:pointer;transition:background .15s}.mp4-select-option:hover,.svga-select-option:hover{background:#fcfcfc}.mp4-select-option.selected,.svga-select-option.selected{font-weight:600}body.dark-mode .mp4-select-option,body.dark-mode .svga-select-option{color:#ccc}body.dark-mode .mp4-select-option:hover,body.dark-mode .svga-select-option:hover{background:#3a3a3a}body.dark-mode .mp4-select-option.selected,body.dark-mode .svga-select-option.selected{background:#404040}.chromakey-switch-wrapper{cursor:pointer}.chromakey-switch{width:46px;height:26px;background:#5b5b5b;border-radius:100px;cursor:pointer;flex-shrink:0;position:relative;transition:background .3s}.chromakey-switch.active{background:#409eff}body.dark-mode .chromakey-switch{background:#5b5b5b}body.dark-mode .chromakey-switch.active{background:#409eff}.chromakey-switch-handle{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:1px;left:1px;transition:left .3s}.chromakey-switch.active .chromakey-switch-handle{left:21px}.material-panel-footer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:12px;width:100%;margin-top:auto}.material-panel-footer .material-btn-back{min-width:120px}.material-panel-footer .btn-large-secondary{flex:1;min-width:120px}