*{margin:0;-webkit-tap-highlight-color:transparent}html,body{-webkit-user-select:none;user-select:none;width:100%;height:100%}body{overflow-x:hidden;font-size:16px}uni-app,uni-page,uni-page-wrapper,uni-page-body{display:block;box-sizing:border-box;width:100%}uni-page-wrapper{position:relative}#app,uni-app,uni-page,uni-page-wrapper{height:100%}.uni-mask{position:fixed;z-index:999;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.5)}.uni-fade-enter-active,.uni-fade-leave-active{transition-duration:.25s;transition-property:opacity;transition-timing-function:ease}.uni-fade-enter-from,.uni-fade-leave-active{opacity:0}.uni-loading,uni-button[loading]:before{background-color:transparent;background-image:url(data:image/svg+xml;base64,\ PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=);background-repeat:no-repeat}.uni-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;animation:uni-loading 1s steps(12,end) infinite;background-size:100%}@keyframes uni-loading{0%{transform:rotate3d(0,0,1,0)}to{transform:rotate3d(0,0,1,360deg)}}html{--primary-color: #007aff;--UI-BG: #fff;--UI-BG-1: #f7f7f7;--UI-BG-2: #fff;--UI-BG-3: #f7f7f7;--UI-BG-4: #4c4c4c;--UI-BG-5: #fff;--UI-FG: #000;--UI-FG-0: rgba(0, 0, 0, .9);--UI-FG-HALF: rgba(0, 0, 0, .9);--UI-FG-1: rgba(0, 0, 0, .5);--UI-FG-2: rgba(0, 0, 0, .3);--UI-FG-3: rgba(0, 0, 0, .1)}uni-page[data-type] uni-page-body{background-color:transparent}body:after{position:fixed;content:"";left:-1000px;top:-1000px;animation:shadow-preload .1s;animation-delay:3s}@keyframes shadow-preload{0%{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}to{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}}.uni-async-error{position:absolute;left:0;right:0;top:0;bottom:0;color:#999;padding:100px 10px;text-align:center}.uni-async-loading{box-sizing:border-box;width:100%;padding:50px;text-align:center}.uni-async-loading .uni-loading{width:30px;height:30px}:root{--fp-brand: #007AFF;--fp-brand-hover: #0066DD;--fp-brand-focus-ring: rgba(0, 122, 255, .25);--fp-success: #09BB07;--fp-check: #34C759;--fp-check-hover: #30B350;--fp-danger: #F76260;--fp-warn-icon: #FF9500;--fp-warn-bg: #FFFBEB;--fp-warn-border: #FDE68A;--fp-warn-text: #92400E;--fp-warn-bg-soft: #FFF8E1;--fp-warn-text-soft: #795548;--fp-pro-gradient: linear-gradient(135deg, #F59E0B, #D97706);--fp-pro-text: #D97706;--fp-pro-border: #E0C97A;--fp-text-primary: #333;--fp-text-secondary: #666;--fp-text-muted: #999;--fp-text-disabled: #CCC;--fp-text-dark: #4B5563;--fp-border: #E0E0E0;--fp-border-light: #E5E7EB;--fp-surface: #FFFFFF;--fp-bg: #F8F8F8;--fp-bg-muted: #F5F5F5;--fp-bg-subtle: #F0F0F0;--fp-bg-info: #E3F2FD;--fp-text-info: #1565C0;--fp-brand-bg-soft: #F0F5FF;--fp-checker-image: linear-gradient(45deg, #CCCCCC 25%, transparent 25%), linear-gradient(-45deg, #CCCCCC 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #CCCCCC 75%), linear-gradient(-45deg, transparent 75%, #CCCCCC 75%);--fp-radius-sm: 4px;--fp-radius-md: 5px;--fp-radius-lg: 8px;--fp-radius-pill: 15px;--fp-drag-indicator: #3b82f6}.page{background-color:var(--fp-bg);min-height:100vh}.page-body{padding:15px}.env-banner{display:flex;flex-direction:row;align-items:center;padding:10px 15px;font-size:13px;line-height:20px}.env-banner-info{background-color:var(--fp-bg-info);color:var(--fp-text-info)}.env-banner-warning{background-color:var(--fp-warn-bg-soft);color:var(--fp-warn-text-soft)}.env-banner-text{flex:1;font-size:13px}.env-banner-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;margin-left:8px}.env-banner-close-text{font-size:14px;color:var(--fp-warn-text-soft);opacity:.6}.env-banner-close:hover .env-banner-close-text{opacity:1}.format-warning-card{background-color:var(--fp-bg-muted);border-radius:var(--fp-radius-sm);padding:10px 12px;margin-top:12px}.format-warning-text{font-size:13px;color:var(--fp-text-secondary);line-height:20px}.decode-warning-card{background-color:var(--fp-warn-bg-soft);border-radius:var(--fp-radius-sm);padding:10px 12px;margin-top:8px}.decode-warning-text{font-size:13px;color:var(--fp-warn-text-soft);line-height:20px}.error-card{padding:24px 20px;display:flex;flex-direction:column;align-items:center}.error-card-title{font-size:16px;font-weight:700;color:var(--fp-danger);margin-bottom:10px}.error-card-diagnosis{font-size:14px;color:var(--fp-text-secondary);line-height:22px;margin-bottom:8px;text-align:center}.error-card-suggestion{font-size:13px;color:var(--fp-text-primary);line-height:20px;margin-bottom:16px;text-align:center}.error-card-btn{margin-top:4px}.step-card{background-color:var(--fp-surface);border-radius:var(--fp-radius-md);margin-bottom:15px}.step-card>.step-header:first-child{border-radius:var(--fp-radius-md) var(--fp-radius-md) 0 0}.step-inactive{opacity:.6}.step-header{display:flex;flex-direction:row;align-items:center;padding:15px;cursor:pointer;-webkit-user-select:none;user-select:none}.step-circle{width:28px;height:28px;border-radius:14px;background-color:var(--fp-border);display:flex;align-items:center;justify-content:center;margin-right:10px}.circle-active{background-color:var(--fp-brand)}.circle-completed{background-color:var(--fp-success)}.circle-inactive{background-color:var(--fp-border)}.step-circle-text{color:var(--fp-surface);font-size:14px;font-weight:700}.step-title{font-size:14px;font-weight:700;color:var(--fp-text-primary);flex:1}.step-title-has-suffix{flex:0 0 auto}.title-inactive{color:var(--fp-text-muted)}.step-title-suffix{margin-left:10px;margin-right:auto;font-size:12px;color:var(--fp-success);white-space:nowrap}.step-toggle{font-size:16px;color:var(--fp-text-secondary);line-height:1;margin-right:4px}.step-content{padding:0 15px 15px}.step-actions{margin-top:15px;display:flex;flex-direction:row;justify-content:flex-end}.step-actions-row{margin-top:15px;display:flex;flex-direction:row;justify-content:space-between;gap:10px}.btn-primary{background-color:var(--fp-brand);border-radius:var(--fp-radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-standard{height:44px;padding:0 20px}.btn-mini{height:36px;padding:0 15px}.btn-secondary{background-color:var(--fp-surface);border:1px solid var(--fp-brand);border-radius:var(--fp-radius-md);display:flex;align-items:center;justify-content:center;height:36px;padding:0 15px;cursor:pointer;transition:background-color .15s}.btn-secondary:hover{background-color:var(--fp-brand-bg-soft)}.btn-text{display:flex;align-items:center;cursor:pointer;padding:5px 0}.btn-text-white{color:var(--fp-surface);font-size:14px}.btn-text-primary{color:var(--fp-brand);font-size:14px}.btn-text-danger{color:var(--fp-danger);font-size:14px}.btn-disabled{background-color:var(--fp-border)}.progress-label{font-size:14px;color:var(--fp-text-primary);margin-bottom:8px}.progress-bar-bg{height:6px;background-color:var(--fp-border);border-radius:3px;overflow:hidden}.progress-bar-fill{height:6px;background-color:var(--fp-brand);border-radius:3px;transition:width .5s ease-out}.progress-percent{font-size:12px;color:var(--fp-text-muted);margin-top:5px;text-align:right}.success-text{font-size:14px;color:var(--fp-success);margin-bottom:10px}.pro-badge{display:inline-block;font-size:9px;font-weight:700;color:var(--fp-surface);background:var(--fp-pro-gradient);padding:1px 5px;border-radius:var(--fp-radius-sm);line-height:14px;letter-spacing:.5px;vertical-align:middle;margin-left:4px}.tool-btn-pro-wrap{position:relative}.tool-btn-pro-badge{position:absolute;top:-6px;right:-6px;font-size:8px;font-weight:700;color:var(--fp-surface);background:var(--fp-pro-gradient);padding:0 4px;border-radius:3px;line-height:13px;letter-spacing:.3px;z-index:1}.pro-chips-badge{position:absolute;top:-8px;left:-6px;font-size:9px;font-weight:700;color:var(--fp-surface);background:var(--fp-pro-gradient);padding:1px 6px;border-radius:var(--fp-radius-sm);line-height:14px;letter-spacing:.5px;z-index:1}.resolution-chip{height:30px;padding:0 12px;border-radius:var(--fp-radius-pill);border:1px solid var(--fp-border);background-color:#fafafa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.resolution-chip:hover{border-color:silver;background-color:var(--fp-bg-subtle)}.resolution-chip-active{background-color:var(--fp-brand);border-color:var(--fp-brand);box-shadow:0 1px 4px var(--fp-brand-focus-ring)}.resolution-chip-active:hover{background-color:var(--fp-brand-hover);border-color:var(--fp-brand-hover)}.resolution-chip-text{font-size:12px;color:var(--fp-text-secondary)}.resolution-chip-text-active{color:var(--fp-surface)}.color-preview-box{width:28px;height:28px;border-radius:var(--fp-radius-sm);border:1px solid var(--fp-border)}.color-preview-clickable{cursor:pointer}.color-preview-clickable:hover{border-color:var(--fp-brand);box-shadow:0 0 0 1px var(--fp-brand)}.color-hex-text{font-size:12px;color:var(--fp-text-secondary)}.checkbox-checked{background-color:var(--fp-brand);border-color:var(--fp-brand)}.checkbox-icon{color:var(--fp-surface);font-size:12px}.seg-control{display:inline-flex;flex-direction:row;border:1px solid #D1D5DB;border-radius:6px;overflow:hidden;background-color:#f9fafb}.seg-item{padding:5px 14px;cursor:pointer;border-right:1px solid #D1D5DB;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.seg-item:last-child{border-right:none}.seg-item:hover{background-color:var(--fp-bg-subtle)}.seg-item-active{background-color:var(--fp-brand);border-color:var(--fp-brand)}.seg-item-active:hover{background-color:var(--fp-brand-hover)}.seg-item-active+.seg-item{border-left-color:var(--fp-brand)}.seg-item-text{font-size:12px;color:var(--fp-text-dark);white-space:nowrap}.seg-item-text-active{color:var(--fp-surface)}.seg-control-equal .seg-item{flex:1;min-width:0}.info-tip{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;font-size:9px;font-weight:700;font-style:normal;color:#b0b7c3;background-color:#f3f4f6;border:1px solid var(--fp-border-light);border-radius:50%;cursor:help;vertical-align:super;margin-left:2px;line-height:1;transition:color .15s,border-color .15s,background-color .15s}.info-tip:hover{color:#6b7280;border-color:#d1d5db;background-color:var(--fp-border-light)}.export-section{padding-top:5px}.export-settings uni-input:focus{border-color:var(--fp-brand);box-shadow:0 0 0 2px var(--fp-brand-focus-ring);outline:none}.fp-slider-row uni-slider{margin:5px 14px!important}.fp-slider-row .uni-slider-wrapper,.fp-slider-row .uni-slider-tap-area{padding:0!important}.app-footer{padding:32px 20px 24px;display:flex;flex-direction:column;align-items:center;gap:8px}.footer-main-row{display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.footer-brand{display:flex;flex-direction:row;align-items:baseline}.footer-brand-frame{font-size:12px;font-weight:600;color:#9ca3af;letter-spacing:-.2px}.footer-brand-pack{font-size:12px;font-weight:600;color:#a5b4fc;letter-spacing:-.2px}.footer-dot{width:3px;height:3px;border-radius:50%;background-color:#d1d5db;flex-shrink:0}.footer-studio,.footer-email{font-size:12px;color:#b0b0b0;letter-spacing:.3px}.footer-meta-row{display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.footer-copyright{font-size:11px;color:silver}.footer-icp-link{font-size:11px;color:silver;text-decoration:none;transition:color .2s}.footer-icp-link:hover{color:#6366f1}.frame-warn-tips{display:flex;align-items:center;gap:6px;padding:6px 10px;margin:4px 0;background-color:var(--fp-warn-bg);border-left:3px solid var(--fp-warn-icon);border-radius:var(--fp-radius-sm);font-size:12px;color:var(--fp-warn-text)}.frame-warn-tips-icon{font-size:14px;line-height:1}.frame-warn-tips-text{flex:1;line-height:1.4;font-size:12px;color:var(--fp-warn-text)}.frame-warn-tips-all{background-color:#fee2e2;border-left-color:var(--fp-danger)}.frame-warn-tips-all .frame-warn-tips-text{color:var(--fp-danger)}.frame-warn-tips-step2{padding:4px 8px;margin:0 0 8px}.frame-warn-tips-step2 .frame-warn-tips-text{font-size:11px}.fp-canvas-frame{position:relative;transition:border-color .2s ease}.fp-canvas-frame-inner{position:absolute;pointer-events:none;box-sizing:border-box}.fp-canvas-frame-corner{position:absolute;width:14px;height:14px;pointer-events:none;z-index:5}.fp-canvas-frame-corner-tl{top:-2px;left:-2px;border-top:2px solid rgba(0,0,0,.7);border-left:2px solid rgba(0,0,0,.7);box-shadow:-1px -1px rgba(255,255,255,.85)}.fp-canvas-frame-corner-tr{top:-2px;right:-2px;border-top:2px solid rgba(0,0,0,.7);border-right:2px solid rgba(0,0,0,.7);box-shadow:1px -1px rgba(255,255,255,.85)}.fp-canvas-frame-corner-bl{bottom:-2px;left:-2px;border-bottom:2px solid rgba(0,0,0,.7);border-left:2px solid rgba(0,0,0,.7);box-shadow:-1px 1px rgba(255,255,255,.85)}.fp-canvas-frame-corner-br{bottom:-2px;right:-2px;border-bottom:2px solid rgba(0,0,0,.7);border-right:2px solid rgba(0,0,0,.7);box-shadow:1px 1px rgba(255,255,255,.85)}.fp-canvas-frame-corner-editor{width:var(--fp-editor-corner-size, 14px);height:var(--fp-editor-corner-size, 14px)}.fp-canvas-frame-corner-editor.fp-canvas-frame-corner-tl{top:30px;left:30px}.fp-canvas-frame-corner-editor.fp-canvas-frame-corner-tr{top:30px;right:var(--fp-editor-corner-rb, 30px)}.fp-canvas-frame-corner-editor.fp-canvas-frame-corner-bl{bottom:var(--fp-editor-corner-rb, 30px);left:30px}.fp-canvas-frame-corner-editor.fp-canvas-frame-corner-br{bottom:var(--fp-editor-corner-rb, 30px);right:var(--fp-editor-corner-rb, 30px)}.fp-canvas-frame-preview .fp-canvas-frame-corner-tl{border-top-color:var(--fp-brand);border-left-color:var(--fp-brand)}.fp-canvas-frame-preview .fp-canvas-frame-corner-tr{border-top-color:var(--fp-brand);border-right-color:var(--fp-brand)}.fp-canvas-frame-preview .fp-canvas-frame-corner-bl{border-bottom-color:var(--fp-brand);border-left-color:var(--fp-brand)}.fp-canvas-frame-preview .fp-canvas-frame-corner-br{border-bottom-color:var(--fp-brand);border-right-color:var(--fp-brand)}.upload-area{border:2px dashed var(--fp-border);border-radius:var(--fp-radius-md);padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.upload-area-drag-over{border-style:solid;border-color:var(--fp-brand);background-color:rgba(0,122,255,.08);transform:scale(1.01)}@media (prefers-reduced-motion: reduce){.upload-area,.upload-area-drag-over{transition:none;transform:none}}.upload-icon{font-size:40px;margin-bottom:10px}.upload-text{font-size:14px;color:var(--fp-text-primary);margin-bottom:5px}.upload-hint{font-size:12px;color:var(--fp-text-muted);margin-bottom:15px}.upload-drop-hint{font-size:11px;color:var(--fp-text-muted);margin-bottom:15px}.loading-area{padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-text{font-size:14px;color:var(--fp-text-muted)}.error-area{padding:20px;display:flex;flex-direction:column;align-items:center}.error-text{font-size:14px;color:var(--fp-danger);margin-bottom:10px}.video-loaded{padding-top:5px}.video-info-bar{background-color:var(--fp-bg);border-radius:3px;padding:8px 10px;margin-bottom:8px}.info-text{font-size:12px;color:var(--fp-text-muted)}.timeline-section{margin-top:15px}.section-label{font-size:14px;font-weight:700;color:var(--fp-text-primary);margin-bottom:10px}.slider-track-container{position:relative;height:48px;margin:10px 0;padding:0 14px}.slider-track{position:absolute;left:14px;right:14px;top:22px;height:4px;background-color:var(--fp-border);border-radius:2px;overflow:visible}.slider-range{position:absolute;top:0;height:4px;background-color:var(--fp-brand);border-radius:2px}.slider-thumb{position:absolute;top:-12px;width:28px;height:28px;border-radius:14px;background-color:var(--fp-brand);border:3px solid var(--fp-surface);margin-left:-14px;box-shadow:0 2px 6px rgba(0,0,0,.35);cursor:pointer;z-index:2}.slider-thumb:hover{background-color:var(--fp-brand-hover);box-shadow:0 2px 8px rgba(0,122,255,.5)}.time-inputs{display:flex;flex-direction:row;gap:15px;margin-top:10px}.time-input-group{display:flex;flex-direction:row;align-items:center}.time-label{font-size:12px;color:var(--fp-text-secondary);margin-right:5px}.time-input{width:90px;height:30px;border:1px solid var(--fp-border);border-radius:3px;padding:0 8px;font-size:12px;text-align:center}.duration-text{font-size:12px;color:var(--fp-text-muted);margin-top:8px}.extract-config-section{margin-top:20px;padding-top:15px;border-top:1px solid rgba(0,0,0,.06)}.fps-label-text{display:block;font-size:14px;color:var(--fp-text-secondary);margin-top:10px}.fps-desc-text{display:block;font-size:12px;color:var(--fp-text-muted);margin-top:6px;line-height:1.4}.fps-config{padding-top:5px}.fps-slider-row{display:flex;flex-direction:row;align-items:center;margin-top:10px}.fps-min,.fps-max{font-size:12px;color:var(--fp-text-muted);width:20px;text-align:center}.fps-slider{flex:1;margin:0 14px}.fps-input-row{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:10px}.fps-current{font-size:14px;color:var(--fp-text-secondary);margin-right:5px}.fps-input{width:60px;height:30px;border:1px solid var(--fp-border);border-radius:3px;padding:0 8px;font-size:14px;text-align:center}.fps-unit{font-size:14px;color:var(--fp-text-secondary);margin-left:5px}.estimate-text{font-size:14px;color:var(--fp-text-primary);margin-top:10px}.estimate-hint{font-size:12px;color:var(--fp-text-muted)}.warning-text{display:block;margin-top:8px;font-size:12px;color:var(--fp-danger, #e74c3c);line-height:1.5}.extension-hint{display:block;margin-top:8px}.extension-hint-text{font-size:12px;color:var(--fp-text-muted);line-height:1.5}.dedup-section{padding-top:5px}.step2-toolbar{display:flex;flex-direction:column;gap:10px;margin-top:10px}.toolbar-row{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.toolbar-group{display:flex;flex-direction:row;gap:8px}.toolbar-divider{width:1px;height:18px;background:var(--fp-border);flex-shrink:0;opacity:.6}.toolbar-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:var(--fp-radius-md);border:1px solid var(--fp-border);background-color:#fafafa;cursor:pointer;transition:all .15s ease;flex-shrink:0;white-space:nowrap}.toolbar-btn:hover{border-color:silver;background-color:var(--fp-bg-subtle)}.toolbar-btn-text{color:var(--fp-brand);font-size:14px;line-height:1}.toolbar-btn-disabled{opacity:.4;cursor:not-allowed}.toolbar-btn-disabled:hover{border-color:var(--fp-border);background-color:#fafafa}.toolbar-link{display:flex;flex-direction:row;align-items:center;gap:4px;height:32px;padding:0 6px;cursor:help;transition:color .15s;flex-shrink:0}.toolbar-link-icon{font-size:13px;color:var(--fp-text-muted);line-height:1;transition:color .15s}.toolbar-link-text{font-size:12px;color:var(--fp-text-muted);line-height:1;transition:color .15s}.toolbar-link:hover .toolbar-link-icon,.toolbar-link:hover .toolbar-link-text{color:var(--fp-brand)}.threshold-slider-wrap{display:flex;flex-direction:row;align-items:center;gap:10px;flex:1;min-width:280px;max-width:520px}.threshold-inline-label{font-size:13px;font-weight:700;color:var(--fp-text-primary);flex-shrink:0}.threshold-slider{flex:1;min-width:200px;margin:0 4px}.threshold-input{width:48px;height:28px;border:1px solid var(--fp-border);border-radius:3px;padding:0 4px;font-size:13px;color:var(--fp-text-primary);text-align:center;flex-shrink:0}.dedup-progress-section{margin-top:10px;padding:10px 12px;background-color:#f5f7fa;border-radius:6px}.selected-count-inline{font-size:13px;color:var(--fp-text-secondary);margin-left:12px;flex:1}.thumbnail-section{margin-top:15px}.step3-grid-scroll{max-height:420px;overflow-y:auto;overflow-x:hidden;border-radius:var(--fp-radius-sm);overflow-anchor:none}.thumbnail-header{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;margin-bottom:10px}.thumbnail-header .section-label{margin-bottom:0}.pagination{display:flex;flex-direction:row;align-items:center;gap:8px}.page-info{font-size:12px;color:var(--fp-text-muted)}.page-btn{width:28px;height:28px;border:1px solid var(--fp-border);border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer}.page-btn-text{font-size:12px;color:var(--fp-text-secondary)}.thumbnail-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.thumbnail-grid--with-import{position:relative}.import-drop-indicator{position:absolute;width:3px;background-color:var(--fp-drag-indicator);border-radius:2px;pointer-events:none;z-index:5;box-shadow:0 0 4px rgba(59,130,246,.5)}.thumbnail-cell{width:120px;height:116px;box-sizing:border-box;border-radius:3px;overflow:hidden;position:relative;background-color:var(--fp-surface);border:1px solid var(--fp-border);cursor:pointer;contain:layout}.edit-grid-scroll .thumbnail-cell{height:116px}.cell-dimmed{opacity:.4}.cell-highlighted{border:3px solid var(--fp-brand);background:rgba(0,122,255,.08)}.cell-dimmed.cell-highlighted{opacity:.6}.frame-delete-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:10px;background-color:var(--fp-danger);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease-out,transform .12s ease-out;cursor:pointer;z-index:2}.thumbnail-cell:hover .frame-delete-btn{opacity:1}.frame-delete-btn:hover{transform:scale(1.1)}.frame-delete-btn-text{color:#fff;font-size:16px;line-height:1;font-weight:700}.frame-edit-btn{position:absolute;bottom:4px;left:4px;width:20px;height:20px;border-radius:10px;background-color:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease-out,transform .12s ease-out;cursor:pointer;z-index:2}.thumbnail-cell:hover .frame-edit-btn{opacity:1}.frame-edit-btn:hover{transform:scale(1.1)}.frame-edit-btn-text{font-size:11px;line-height:1}.thumbnail-cell.sortable-ghost{opacity:.55;background-color:var(--fp-drag-indicator)}.thumbnail-cell.sortable-chosen{opacity:.8}.thumbnail-cell.sortable-drag{box-shadow:0 4px 12px rgba(0,0,0,.2)}.sortable-ghost[data-multi-drag-size]:after{content:attr(data-multi-drag-size);position:absolute;right:4px;bottom:4px;min-width:26px;height:26px;padding:0 8px;border-radius:13px;background-color:var(--fp-danger);color:#fff;font-size:15px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:2px solid #FFFFFF;box-shadow:0 2px 8px rgba(0,0,0,.4);pointer-events:none;z-index:3}.cell-multi-drag-moving{opacity:.4;border:2px dashed var(--fp-brand)}.cell-highlighted.cell-multi-drag-moving{border:2px dashed var(--fp-brand);background:rgba(0,122,255,.04)}.drag-cancel-zone{position:fixed;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:12px;min-width:320px;height:48px;padding:0 24px;border-radius:24px;background:rgba(255,59,48,.1);border:1.5px dashed var(--fp-danger);color:var(--fp-danger);font-size:14px;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.12);z-index:1000;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease}.drag-cancel-zone-hover{background:var(--fp-danger);border-color:var(--fp-danger);color:#fff;transform:translate(-50%) scale(1.04);box-shadow:0 6px 16px rgba(255,59,48,.35)}.drag-cancel-zone-icon{font-size:18px;font-weight:800;line-height:1}.drag-cancel-zone-text{line-height:1}.thumbnail-img{width:120px;height:90px;background-color:var(--fp-surface);background-image:var(--fp-checker-image);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.check-icon{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:10px;background-color:rgba(0,0,0,.55);border:none;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7);box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease-out,box-shadow .15s ease-out,transform .2s ease-out}.check-icon:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px}.thumbnail-cell:hover .check-icon{box-shadow:inset 0 0 0 2px rgba(255,255,255,.9);background-color:rgba(0,0,0,.5)}.check-icon:hover{box-shadow:inset 0 0 0 2px #fff,0 0 6px rgba(255,255,255,.6);background-color:rgba(0,0,0,.45);transform:scale(1.2)}.check-icon-checked,.thumbnail-cell:hover .check-icon-checked{background-color:var(--fp-check);box-shadow:0 0 0 2px rgba(255,255,255,.9),0 1px 3px rgba(0,0,0,.2)}.check-icon-checked:hover{background-color:var(--fp-check-hover);box-shadow:0 0 0 3px rgba(255,255,255,.95),0 2px 5px rgba(0,0,0,.25);transform:scale(1.15)}.check-text{color:var(--fp-surface);font-size:10px}.frame-imported-marker{position:absolute;top:0;left:22px;width:20px;height:20px;padding:6px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;z-index:2}.frame-imported-marker-text{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:10px;background-color:var(--fp-drag-indicator);color:var(--fp-surface);font-size:12px;line-height:1;transition:filter .12s ease,transform .12s ease}.frame-imported-marker:hover .frame-imported-marker-text{filter:brightness(.88);transform:scale(1.05)}.frame-imported-marker:focus-visible{outline:2px solid var(--fp-brand);outline-offset:2px;border-radius:14px}.frame-number{font-size:10px;color:var(--fp-text-muted);text-align:center;padding:3px 0;display:block}.animation-preview-section{margin-top:15px}.animation-preview-section>.section-label-row{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.animation-preview-section>.section-label-row>.section-label{margin-bottom:0}.animation-preview-section>.section-label-row>.section-label-subtitle{font-size:12px;color:var(--fp-text-muted);font-weight:400;-webkit-user-select:none;user-select:none}.animation-preview-container{margin-top:10px;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center;background-color:#000}.animation-preview-img{max-width:100%;max-height:300px;background-color:var(--fp-surface);background-image:var(--fp-checker-image);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.no-preview-text{color:var(--fp-text-muted);font-size:14px}.speed-control{display:flex;flex-direction:row;align-items:center;margin-top:10px;gap:5px}.speed-label{font-size:12px;color:var(--fp-text-secondary)}.speed-text{font-size:12px;color:var(--fp-text-muted)}.speed-slider{flex:1;margin:0 14px}.export-info{font-size:14px;color:var(--fp-text-primary);margin-bottom:5px}.export-filename-row{display:flex;flex-direction:row;align-items:center;gap:8px;margin:8px 0}.export-filename-label{font-size:13px;color:var(--fp-text-secondary);flex-shrink:0}.export-filename-input{flex:1;max-width:320px;height:30px;border:1px solid var(--fp-border);border-radius:3px;padding:0 8px;font-size:13px;color:var(--fp-text-primary)}.export-use-video-name{display:flex;flex-direction:row;align-items:center;gap:4px;cursor:pointer;flex-shrink:0}.export-checkbox{width:18px;height:18px;border:2px solid var(--fp-text-disabled);border-radius:3px;display:flex;align-items:center;justify-content:center}.export-checkbox-label{font-size:12px;color:var(--fp-text-secondary)}.export-done{padding-top:10px;display:flex;flex-direction:column;gap:10px}.export-done-info{flex:1;min-width:0}.export-done-text{font-size:13px;color:#4caf50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.downgrade-done-hint{background-color:var(--fp-warn-bg);border:1px solid var(--fp-warn-border);border-radius:var(--fp-radius-lg);padding:10px 14px}.downgrade-done-text{font-size:13px;color:var(--fp-warn-text);line-height:1.5}.export-done-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}.btn-pro-upgrade{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:var(--fp-radius-md);display:flex;align-items:center;justify-content:center;height:36px;padding:0 16px;cursor:pointer;transition:opacity .15s}.btn-pro-upgrade:hover{opacity:.9}.btn-text-white-pro{color:var(--fp-surface);font-size:13px;font-weight:500}.extracting{padding-top:5px}.progress-bar-fill.progress-bar-fill-lerp{transition:none}.export-actions-divider{margin-top:20px;padding-top:16px;border-top:1px solid rgba(0,0,0,.06)}.exporting{margin-top:15px}.export-format-section{margin:12px 0 4px}.export-format-section .section-label{display:block;margin-bottom:10px}.export-format-chips{display:flex;flex-direction:row;gap:8px;padding-left:13px}.gif-settings-panel{margin:20px 0 8px;padding:10px 13px;background-color:#f9fafb;border-radius:var(--fp-radius-lg);border:1px solid var(--fp-bg-subtle)}.gif-settings-title{display:block;font-size:14px;font-weight:600;color:var(--fp-text-primary);margin-bottom:10px}.gif-fps-row{display:flex;flex-direction:row;align-items:center;gap:6px;margin-top:10px}.gif-setting-label{font-size:13px;font-weight:600;color:var(--fp-text-dark);flex-shrink:0;min-width:80px}.gif-fps-min,.gif-fps-max{font-size:12px;color:var(--fp-text-muted);flex-shrink:0}.gif-fps-slider{flex:1;max-width:250px;margin:0 14px}.gif-fps-input{width:48px;height:28px;border:1px solid var(--fp-border);border-radius:3px;padding:0 4px;font-size:13px;color:var(--fp-text-primary);text-align:center;flex-shrink:0}.gif-fps-unit{font-size:13px;color:var(--fp-text-secondary);flex-shrink:0}.gif-preview-btn{flex-shrink:0;margin-left:4px}.gif-loop-row{display:flex;flex-direction:row;align-items:center;gap:6px;margin-top:10px}.gif-loop-row .gif-setting-label{min-width:72px}.gif-color-mode-row{display:flex;flex-direction:row;align-items:center;gap:6px;margin-top:10px}.gif-color-mode-row .gif-setting-label{min-width:72px}.fp-denoise-row{display:flex;flex-direction:row;align-items:center;gap:6px;margin-top:10px}.fp-denoise-label{font-size:13px;font-weight:600;color:var(--fp-text-dark);flex-shrink:0;min-width:72px}.gif-alpha-threshold-row{display:flex;flex-direction:row;align-items:center;gap:6px;margin-top:10px}.gif-hint-text{display:block;font-size:12px;color:#9ca3af;line-height:18px;margin-top:10px}.gif-warning-card{margin-top:8px;padding:8px 12px;background-color:var(--fp-warn-bg);border:1px solid var(--fp-warn-border);border-radius:6px}.gif-warning-text{font-size:12px;color:var(--fp-warn-text);line-height:18px}.gif-quality-section{margin-top:12px;background-color:var(--fp-surface);border:1px solid var(--fp-border-light);border-radius:var(--fp-radius-md)}.gif-quality-toggle{display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;padding:9px 12px;border-radius:var(--fp-radius-md);transition:background-color .15s ease}.gif-quality-toggle:hover{background-color:var(--fp-brand-bg-soft)}.gif-quality-toggle:focus{outline:none}.gif-quality-toggle:focus-visible{outline:none;box-shadow:none}.gif-quality-section.gif-quality-expanded .gif-quality-toggle{border-radius:var(--fp-radius-md) var(--fp-radius-md) 0 0;border-bottom:1px solid var(--fp-border-light)}.gif-quality-title-wrap{display:flex;flex-direction:row;align-items:center;gap:6px}.gif-quality-icon{font-size:13px;line-height:1}.gif-quality-title{font-size:13px;font-weight:600;color:var(--fp-text-primary);letter-spacing:.3px}.gif-quality-chevron{font-size:11px;line-height:1;color:var(--fp-text-dark);transition:transform .2s ease}.gif-quality-section.gif-quality-expanded .gif-quality-chevron{transform:rotate(180deg)}.gif-quality-content{max-height:0;padding:0 12px;overflow:hidden;opacity:0;transition:max-height .25s ease,padding .25s ease,opacity .2s ease}.gif-quality-section.gif-quality-expanded .gif-quality-content{max-height:600px;padding:4px 12px 10px;opacity:1}.gif-quality-content>uni-view:first-child{margin-top:0}.sheet-settings-panel{margin:20px 0 8px;padding:10px 13px;background-color:#f9fafb;border-radius:var(--fp-radius-lg);border:1px solid var(--fp-bg-subtle)}.sheet-settings-title{display:block;font-size:14px;font-weight:600;color:var(--fp-text-primary);margin-bottom:10px}.sheet-row{display:flex;flex-direction:row;align-items:center;gap:6px;margin-top:10px}.sheet-row:first-of-type{margin-top:0}.sheet-divider{height:1px;background-color:var(--fp-border);margin:14px 0 4px;opacity:.5}.sheet-range-hint{font-size:12px;color:var(--fp-text-muted);flex-shrink:0}.sheet-setting-label{font-size:13px;font-weight:600;color:var(--fp-text-dark);flex-shrink:0;width:120px}.sheet-auto-toggle{display:flex;flex-direction:row;align-items:center;gap:4px;flex-shrink:0}.sheet-auto-label{font-size:13px;color:var(--fp-text-secondary);cursor:pointer}.sheet-range-min,.sheet-range-max{font-size:12px;color:var(--fp-text-muted);flex-shrink:0}.sheet-slider{flex:1;max-width:250px;margin:0 14px}.sheet-number-input{width:48px;height:28px;border:1px solid var(--fp-border);border-radius:3px;padding:0 4px;font-size:13px;color:var(--fp-text-primary);text-align:center;flex-shrink:0}.sheet-number-input-disabled{background-color:var(--fp-bg-subtle);color:var(--fp-text-muted);cursor:not-allowed}.sheet-unit{font-size:13px;color:var(--fp-text-secondary);flex-shrink:0}.sheet-maxsize-row{flex-wrap:wrap;row-gap:6px}.sheet-chip-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.sheet-estimate-row{margin-top:10px;padding:8px 12px;background-color:#f0fdf4;border:1px solid #BBF7D0;border-radius:6px}.sheet-estimate-text{font-size:12px;color:#166534;line-height:18px}.sheet-compat-hint{display:block;font-size:12px;color:#9ca3af;line-height:18px;margin-top:8px}.export-progress-row{display:flex;flex-direction:row;align-items:center;gap:12px}.export-progress-bar-wrap{flex:1;min-width:0}.export-done-title{display:block;font-size:14px;color:#4caf50;font-weight:600;margin-bottom:4px}.export-done-detail{display:block;font-size:13px;color:var(--fp-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-grid-scroll{--fp-organize-toolbar-height: 94px;--fp-organize-warn-height: 0px;max-height:calc(420px + var(--fp-organize-toolbar-height) + var(--fp-organize-warn-height));overflow-y:auto;overflow-x:hidden;overflow-anchor:none;margin-bottom:8px;border-radius:var(--fp-radius-sm);contain:layout paint}.edit-tab--warn .edit-grid-scroll{--fp-organize-warn-height: 40px}.edit-section-divider{margin-top:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px}.edit-section-actions{display:flex;flex-direction:row;align-items:center;gap:12px}.edit-cell{cursor:pointer}.edit-cell:hover{border-color:var(--fp-brand);border-style:dashed}.edit-frame-bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:3px 5px}.frame-number-inline{font-size:10px;line-height:1;color:var(--fp-text-muted)}.edit-icon{font-size:12px;line-height:1;color:var(--fp-text-disabled)}.edit-icon-done{color:var(--fp-success);font-size:13px;line-height:1;font-weight:700}.step2-bottom-actions{padding-top:15px;border-top:1px solid rgba(0,0,0,.06)}.sheet-exact-scan-slot{margin-left:auto;margin-right:80px;display:flex;flex-direction:row;align-items:center;flex-shrink:0}.sheet-exact-btn{padding:0 12px;height:30px}.sheet-exact-btn-text{font-size:12px;white-space:nowrap}.sheet-exact-progress{display:flex;flex-direction:row;align-items:center;gap:10px}.sheet-exact-progress-text{font-size:12px;color:var(--fp-text-muted);white-space:nowrap}.sheet-exact-cancel{padding:4px 0}.fp-dither-row{display:flex;flex-direction:row;align-items:center;gap:6px;margin-top:10px}.fp-dither-label{font-size:13px;font-weight:600;color:var(--fp-text-dark);flex-shrink:0;min-width:72px}.step2-tabbar{display:flex;flex-direction:row;border-bottom:1px solid var(--fp-border);margin-top:6px;margin-bottom:16px}.step2-tabbar-item{display:flex;flex-direction:row;align-items:center;gap:6px;padding:14px 40px;margin-bottom:-1px;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s ease,border-color .15s ease}.step2-tabbar-item:hover .step2-tabbar-text{color:var(--fp-text-primary)}.step2-tabbar-item-active{border-bottom-color:var(--fp-brand)}.step2-tabbar-icon{font-size:14px;line-height:1}.step2-tabbar-text{font-size:15px;color:var(--fp-text-secondary);transition:color .15s ease,font-weight .15s ease}.step2-tabbar-item-active .step2-tabbar-text{color:var(--fp-brand);font-weight:600}.edit-empty-state{padding:32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.edit-empty-title{font-size:14px;color:var(--fp-text-secondary);font-weight:600}.edit-empty-hint{font-size:12px;color:var(--fp-text-muted)}.edit-empty-hint-link{color:var(--fp-brand);text-decoration:underline;cursor:pointer;margin:0 2px}.organize-split{--organize-split-height: 460px;display:flex;flex-direction:row;margin-top:15px;height:var(--organize-split-height)}.organize-split>.thumbnail-section{flex:1 1 0;min-width:0;margin-top:0;display:flex;flex-direction:column;min-height:0}.organize-split>.thumbnail-section>.step3-grid-scroll{flex:1 1 auto;max-height:none;min-height:0}.thumbnail-header-left{display:flex;align-items:baseline;gap:12px}.thumbnail-display-switch{display:inline-flex;align-items:baseline;cursor:pointer;-webkit-user-select:none;user-select:none;margin-right:60px}.thumbnail-display-label{padding:2px 6px 2px 0;font-size:11px;color:var(--fp-text-secondary, #888);white-space:nowrap;line-height:1.4}.thumbnail-display-options{display:inline-flex;border:1px solid var(--fp-border, #ddd);border-radius:var(--fp-radius-sm, 6px);overflow:hidden;background:var(--fp-bg-secondary, #f5f5f5)}.thumbnail-display-option{padding:2px 8px;font-size:11px;color:var(--fp-text-secondary, #888);transition:background .15s,color .15s;white-space:nowrap;line-height:1.4;border:none;border-right:1px solid var(--fp-border, #ddd);background:transparent}.thumbnail-display-option:last-child{border-right:none}.thumbnail-display-option-active{background:var(--fp-primary, #007AFF);color:#fff}.organize-split>.animation-preview-section{flex:0 0 clamp(400px,42vw,640px);margin-top:0;margin-left:16px;display:flex;flex-direction:column;min-height:0}.organize-split>.animation-preview-section>.animation-preview-container{flex:1 1 auto;margin-top:10px;min-height:0}.organize-split>.animation-preview-section>.animation-preview-container>.animation-preview-img{width:100%;height:100%;max-width:100%;max-height:100%}.organize-split>.animation-preview-section>.speed-control{flex:0 0 auto}@media (max-width: 1100px){.organize-split{flex-direction:column;height:auto}.organize-split>.thumbnail-section{flex:0 0 auto;min-height:auto}.organize-split>.thumbnail-section>.step3-grid-scroll{max-height:420px}.organize-split>.animation-preview-section{flex-basis:auto;margin-left:0;margin-top:15px;min-height:auto}.organize-split>.animation-preview-section>.animation-preview-container{flex:0 0 auto;height:300px}.organize-split>.animation-preview-section>.animation-preview-container>.animation-preview-img{width:100%;height:100%;max-width:100%;max-height:100%}}.preview-nav{display:flex;flex-direction:row;align-items:center;gap:6px;margin-top:8px}.preview-nav-btn{width:28px;height:28px;border:1px solid var(--fp-border);border-radius:var(--fp-radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#fafafa;flex-shrink:0}.preview-nav-btn:hover{border-color:var(--fp-brand);background-color:var(--fp-brand-bg-soft)}.preview-nav-btn-disabled{opacity:.4;cursor:default;pointer-events:none}.preview-nav-icon{font-size:11px;color:var(--fp-text-secondary)}.preview-frame-info{font-size:12px;color:var(--fp-text-secondary)}.preview-frame-input{width:44px;height:26px;border:1px solid var(--fp-border);border-radius:3px;padding:0 4px;font-size:12px;color:var(--fp-text-primary);text-align:center}.preview-frame-slider{flex:1;min-width:80px;margin:0 14px}.preview-play-btn{width:32px;height:32px;border-radius:50%;background-color:var(--fp-brand);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;margin-right:8px;color:var(--fp-surface)}.preview-play-btn:hover{background-color:var(--fp-brand-hover)}.preview-play-btn-disabled{opacity:.4;cursor:default;pointer-events:none}.step1-grid{display:flex;flex-direction:row;align-items:stretch;justify-content:center;margin-top:15px;max-width:min(96vw,2200px);margin-left:auto;margin-right:auto}.step1-grid-preview{flex:1 1 1440px;max-width:1440px;min-width:0;margin-top:0;display:flex;flex-direction:column;height:52vh;min-height:480px}.step1-grid-preview .preview-section{flex:1 1 auto;min-height:0;margin-top:0;display:flex;flex-direction:column}.step1-grid-preview .video-preview-wrapper{margin-top:0}.step1-config-header{flex:0 0 auto;display:flex;flex-direction:column;gap:4px;background-color:var(--fp-bg);border-radius:3px;padding:8px 10px;margin-bottom:8px}.step1-config-header .info-filename{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step1-config-header .info-meta-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.step1-config-header .info-meta-text{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--fp-text-secondary, #8a8a8a)}.step1-grid-reselect{flex:0 0 auto;margin-top:0;padding:0}.step1-grid-config{flex:0 0 clamp(460px,34vw,680px);margin-top:0;margin-left:clamp(32px,3vw,64px);display:flex;flex-direction:column;min-height:0}.step1-grid-config .timeline-section{margin-top:4px}.step1-grid-config .extract-config-section{margin-top:28px;padding-top:20px}.step1-grid-config .section-label{margin-bottom:12px}.step1-grid-config .time-inputs{margin-top:14px;justify-content:space-between;gap:0}.step1-grid-config .time-input-group:last-child{flex-direction:row-reverse}.step1-grid-config .time-input-group:last-child .time-label{margin-right:0;margin-left:5px}.step1-grid-config .duration-text{margin-top:12px}.step1-grid-config .fps-label-text{margin-top:14px}.step1-grid-config .fps-desc-text{margin-top:8px;line-height:1.5}.step1-grid-config .time-inputs{justify-content:space-between;gap:0;margin-top:14px}.step1-grid-config .time-input-group{flex-direction:column;align-items:center;gap:4px}.step1-grid-config .time-input-group:last-child{flex-direction:column}.step1-grid-config .time-input-group:last-child .time-label{margin-left:0;margin-right:0}.step1-grid-config .time-input-group .time-label{font-size:11px;color:var(--fp-text-muted);margin:0}.step1-grid-config .time-input-group-start{align-items:flex-start}.step1-grid-config .time-input-group-end{align-items:flex-end}.step1-grid-config .duration-text{margin-top:14px;font-size:12px;color:var(--fp-text-muted)}.step1-grid-config .section-label-row{display:flex;flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}.step1-grid-config .section-label-row .section-label{margin-bottom:0}.step1-grid-config .section-label-desc{font-size:12px;color:var(--fp-text-muted);line-height:1.4}.step1-grid-config .estimate-card{margin-top:16px;padding:12px 14px;background-color:var(--fp-bg, rgba(0, 0, 0, .03));border-radius:var(--fp-radius-md, 6px);border:1px solid transparent;display:flex;flex-direction:column;gap:6px}.step1-grid-config .estimate-card-main{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:8px}.step1-grid-config .estimate-card-label{font-size:12px;color:var(--fp-text-muted);letter-spacing:.3px}.step1-grid-config .estimate-card-value{font-size:20px;font-weight:600;color:var(--fp-text-primary);line-height:1.2}.step1-grid-config .estimate-card-unit{font-size:13px;font-weight:400;color:var(--fp-text-secondary);margin-left:2px}.step1-grid-config .estimate-card-tip{font-size:12px;line-height:1.5;color:var(--fp-text-muted)}.step1-grid-config .estimate-card-tip.is-duration-some,.step1-grid-config .estimate-card-tip.is-duration-more{font-size:11px;color:var(--fp-text-muted);line-height:1.4}.step1-grid-config .estimate-card-tip.is-warn-gif{color:var(--fp-warn-text, #8a6d1d)}.step1-grid-config .estimate-card-tip.is-error,.step1-grid-config .estimate-card-tip.is-warn-all{color:var(--fp-danger, #e74c3c);font-weight:600;padding-left:8px;border-left:3px solid var(--fp-danger, #e74c3c);line-height:1.4}.step1-grid-config .extension-hint{margin-top:10px}.step1-grid-config .extension-hint-text{font-size:11px;color:var(--fp-text-muted);line-height:1.5}.step1-grid-config .slider-track-container{display:flex;flex-direction:row;align-items:center;gap:10px;padding:0;height:48px}.step1-grid-config .slider-track-container .slider-track{position:relative;left:auto;right:auto;top:auto;flex:1 1 0;min-width:0;height:4px}.step1-grid-config .time-input-inline{width:80px;height:30px;border:1px solid var(--fp-border);border-radius:var(--fp-radius-sm, 4px);padding:0 6px;font-size:12px;text-align:center;flex-shrink:0;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.step1-grid-config .time-input-inline:focus{border-color:var(--fp-brand);outline:none}.step1-grid-config .time-inputs{display:none}.step1-grid-config .timeline-meta-row{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;margin-top:8px;gap:8px}.step1-grid-config .timeline-endpoint-hint{font-size:11px;color:var(--fp-text-muted);flex-shrink:0;width:80px;text-align:center}.step1-grid-config .timeline-endpoint-hint-start,.step1-grid-config .timeline-endpoint-hint-end{text-align:center}.step1-grid-config .timeline-meta-row .duration-text{margin-top:0;flex:1 1 auto;text-align:center;font-size:12px;color:var(--fp-text-muted)}.step1-grid-config .fps-slider-row{display:flex;flex-direction:row;align-items:center;gap:8px;margin-top:10px}.step1-grid-config .fps-slider-row .fps-slider{flex:1 1 0;min-width:0}.step1-grid-config .fps-slider-row .fps-min,.step1-grid-config .fps-slider-row .fps-max{font-size:12px;color:var(--fp-text-muted);width:auto;flex-shrink:0}.step1-grid-config .fps-input-inline{width:52px;height:30px;border:1px solid var(--fp-border);border-radius:var(--fp-radius-sm, 4px);padding:0 6px;font-size:13px;color:var(--fp-text-primary);text-align:center;flex-shrink:0;margin-left:6px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.step1-grid-config .fps-input-inline:focus{border-color:var(--fp-brand);outline:none}.step1-grid-config .fps-unit-inline{font-size:12px;color:var(--fp-text-muted);margin-left:0;flex-shrink:0}.step1-grid-config .fps-input-row{display:none}@media (max-width: 1280px){.step1-grid-config .time-input-inline,.step1-grid-config .timeline-endpoint-hint{width:72px}.step1-grid-config .fps-input-inline{width:48px}}.step1-grid-config .timeline-ears-row{position:relative;height:30px;margin-top:14px}.step1-grid-config .time-input-ear{position:absolute;top:0;width:80px;height:30px;border:1px solid var(--fp-border);border-radius:var(--fp-radius-sm, 4px);padding:0 8px;font-size:12px;text-align:center;background-color:var(--fp-surface, #fff);flex-shrink:0;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;cursor:ew-resize;user-select:none;-webkit-user-select:none}.step1-grid-config .time-input-ear:focus,.step1-grid-config .time-input-ear:focus-within{border-color:var(--fp-brand);outline:none;cursor:text;user-select:text;-webkit-user-select:text}.step1-grid-config .slider-track-container{display:block;position:relative;padding:0 40px;height:48px;margin-top:4px}.step1-grid-config .slider-track-container .slider-track{position:absolute;left:40px;right:40px;top:22px;flex:none;height:4px}@media (max-width: 1280px){.step1-grid-config .time-input-ear,.step1-grid-config .timeline-endpoint-hint{width:84px}.step1-grid-config .slider-track-container{padding:0 42px}.step1-grid-config .slider-track-container .slider-track{left:42px;right:42px}}.step1-grid-config .time-input-ear{width:80px}.step1-grid-config .time-input-ear-start{left:0}.step1-grid-config .time-input-ear-end{right:0}.step1-grid-config .timeline-ears-row{margin-top:16px}.step1-grid-config .slider-track-container{padding:0 40px;margin-top:0}.step1-grid-config .slider-track-container .slider-track{left:40px;right:40px}.step1-grid-config .timeline-meta-row{margin-top:12px}.step1-grid-config .timeline-endpoint-hint{width:80px}@media (max-width: 1280px){.step1-grid-config .time-input-ear,.step1-grid-config .timeline-endpoint-hint{width:72px}.step1-grid-config .slider-track-container{padding:0 36px}.step1-grid-config .slider-track-container .slider-track{left:36px;right:36px}}.step1-bottom-actions{padding-top:10px}@media (max-width: 1100px){.step1-grid{flex-direction:column}.step1-grid-preview,.step1-grid-config{flex:0 0 auto;min-height:auto}.step1-grid-config{margin-left:0;margin-top:15px}.step1-bottom-actions{justify-content:center}}.step1-grid-preview.step1-grid-preview-confirm{flex:1 1 820px;max-width:820px;height:36vh;min-height:320px}.step1-grid-confirm>.step1-grid-config{flex:0 0 clamp(240px,18vw,360px)}.step1-confirm-preview-box{position:relative;width:100%;height:100%;background-color:#000;border-radius:var(--fp-radius-md);display:flex;align-items:center;justify-content:center}.step1-confirm-preview-img{width:100%;height:100%;background-color:var(--fp-surface);background-image:var(--fp-checker-image);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.step1-confirm-preview-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:rgba(0,0,0,.45);border-radius:var(--fp-radius-md)}.step1-confirm-preview-loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:step1-confirm-preview-loading-spin .8s linear infinite}.step1-confirm-preview-loading-text{color:#fff;font-size:13px;letter-spacing:.5px}@keyframes step1-confirm-preview-loading-spin{to{transform:rotate(360deg)}}