:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#000;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app{width:100%;height:100%;display:flex;overflow:hidden}.workspace{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.stage{background:#f5f5f5;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;width:300px;display:flex;overflow:hidden}.sidebar-head{border-bottom:1px solid #e0e0e0;align-items:center;gap:8px;padding:12px 16px;display:flex}.app-name{letter-spacing:.2px;font-size:14px;font-weight:600}.lang-switch{border:1px solid #ddd;border-radius:4px;margin-left:auto;display:flex;overflow:hidden}.lang-btn{letter-spacing:.3px;color:#888;cursor:pointer;background:#fff;border:none;padding:3px 7px;font-size:10px;font-weight:600;transition:all .15s}.lang-btn:hover:not(.active){color:#000;background:#f5f5f5}.lang-btn.active{color:#fff;background:#000}.logo{flex-shrink:0;align-items:center;width:28px;height:28px;display:flex}.logo svg{width:100%;height:100%}.sidebar-scroll{flex:1;padding:4px 0 16px;overflow-y:auto}.step{border-bottom:1px solid #f0f0f0;padding:14px 16px}.step-title{text-transform:uppercase;letter-spacing:.4px;color:#666;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.step-index{color:#fff;background:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex}.step-body{flex-direction:column;gap:10px;display:flex}.step-hint{color:#888;font-size:11px;line-height:1.5}.step-empty{color:#888;font-size:12px;line-height:1.6}.step-actions{gap:6px;display:flex}.source{flex-direction:column;gap:8px;display:flex}.source-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.source-facts{flex-direction:column;gap:4px;font-size:12px;display:flex}.source-facts>div{justify-content:space-between;gap:12px;display:flex}.source-facts dt{color:#888}.source-facts dd{color:#000;text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-facts-detail{border-top:1px solid #f0f0f0;padding-top:8px;font-size:11px}.disclosure{color:#666;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:11px}.disclosure:hover{color:#000}.segmented{border:1px solid #ccc;border-radius:6px;display:flex;overflow:hidden}.segment{cursor:pointer;background:#fff;border:none;border-right:1px solid #e0e0e0;flex:1;padding:7px 0;font-size:12px;font-weight:500;transition:background .15s,color .15s}.segment:last-child{border-right:none}.segment:hover:not(.active){background:#f5f5f5}.segment.active{color:#fff;background:#000}.field{flex-direction:column;gap:6px;display:flex}.field-head{color:#666;justify-content:space-between;font-size:12px;display:flex}.field-value{color:#000;font-weight:600}input[type=range]{appearance:none;background:#e0e0e0;border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#000;border-radius:50%;width:14px;height:14px}input[type=range]::-moz-range-thumb{cursor:pointer;background:#000;border:none;border-radius:50%;width:14px;height:14px}.preset-row{flex-wrap:wrap;gap:6px;display:flex}.chip{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:999px;padding:4px 10px;font-size:11px;transition:all .15s}.chip:hover{border-color:#000}.chip.active{color:#fff;background:#000;border-color:#000}.dimension-row{align-items:flex-end;gap:6px;display:flex}.dimension-field{color:#888;flex-direction:column;flex:1;gap:4px;font-size:11px;display:flex}.dimension-times{color:#ccc;padding-bottom:7px}input[type=number],input[type=text]{color:#000;background:#fff;border:1px solid #ccc;border-radius:4px;width:100%;padding:6px 8px;font-size:13px}input[type=number]:focus,input[type=text]:focus{border-color:#000;outline:none}.estimate{background:#f5f5f5;border-radius:6px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.estimate-row{color:#666;justify-content:space-between;font-size:12px;display:flex}.estimate-row strong{color:#000;font-size:13px}.compat{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.compat-summary{cursor:pointer;text-align:left;background:#f7f7f7;border:none;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:12px;display:flex}.compat-summary:hover{background:#f0f0f0}.compat-summary-label{font-weight:600}.compat-count{color:#666;font-variant-numeric:tabular-nums}.compat-dots{gap:3px;margin-left:auto;display:flex}.compat-caret{color:#999;font-size:9px}.compat-list{border-top:1px solid #eee;flex-direction:column;display:flex}.compat-service{border-bottom:1px solid #f2f2f2}.compat-service:last-child{border-bottom:none}.compat-service-row{cursor:pointer;text-align:left;background:#fff;border:none;align-items:center;gap:6px;width:100%;padding:6px 10px;font-size:12px;display:flex}.compat-service-row:hover{background:#fafafa}.compat-service-name{font-weight:500}.compat-service-note{color:#888;margin-left:auto;font-size:11px}.compat-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.compat-dot.ok{background:#2e7d32}.compat-dot.ng{background:#d32f2f}.compat-tiers{border-top:1px solid #f2f2f2}.compat-tier{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;gap:8px;padding:5px 10px 5px 22px;font-size:11px;display:flex}.compat-tier:last-child{border-bottom:none}.compat-tier.compatible{background:#e8f5e9}.compat-tier.incompatible{background:#ffebee}.compat-tier-label{font-weight:500}.compat-tier-limits{color:#666;white-space:nowrap;align-items:center;gap:5px;display:flex}.compat-tier-limits .separator{color:#bbb}.compat-tier-limits .exceeded{color:#d32f2f;font-weight:600;text-decoration:line-through}.link-btn{color:#888;cursor:pointer;background:0 0;border:none;margin:14px 16px 0;padding:0;font-size:11px;text-decoration:underline;display:block}.link-btn:hover{color:#000}.sidebar-footer{background:#fff;border-top:1px solid #e0e0e0;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.footer-progress{background:#e0e0e0;border-radius:2px;height:4px;overflow:hidden}.footer-progress-bar{background:#000;height:100%;transition:width .3s}.convert-btn,.download-btn,.cancel-btn,.reconvert-btn,.ghost-btn{cursor:pointer;border:1px solid #000;border-radius:4px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s}.block{width:100%}.convert-btn{color:#fff;background:#000}.convert-btn:hover:not(:disabled){background:#333}.convert-btn:disabled{color:#999;cursor:not-allowed;background:#ddd;border-color:#ddd}.download-btn{color:#000;background:#fff}.download-btn:hover{background:#f5f5f5}.cancel-btn{color:#fff;background:#d32f2f;border-color:#d32f2f}.cancel-btn:hover{background:#b71c1c;border-color:#b71c1c}.ghost-btn{color:#444;background:#fff;border-color:#ccc;padding:5px 10px;font-size:12px}.ghost-btn:hover:not(:disabled){color:#000;border-color:#000}.ghost-btn:disabled{color:#bbb;cursor:not-allowed;border-color:#eee}.reconvert-btn{color:#000;background:#fff}.reconvert-btn:hover{background:#f5f5f5}.reconvert-btn.stale{color:#fff;background:#000}.reconvert-btn.stale:hover{background:#333}.preview-area{background:#f5f5f5;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview-area.dragging{outline-offset:-8px;background:#e8e8e8;outline:2px dashed #999}.drop-content{flex-direction:column;align-items:center;gap:16px;display:flex}.drop-message{color:#999;font-size:16px}.drop-actions{gap:8px;display:flex}.preview-video{object-fit:contain;background:#000;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.preview-video-after{position:absolute;top:0;left:0}.conversion-overlay{color:#fff;z-index:10;background:#000c;border-radius:12px;min-width:200px;padding:24px 40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.conversion-progress{background:#fff3;border-radius:3px;width:100%;height:6px;margin-bottom:12px;overflow:hidden}.conversion-progress-bar{background:#fff;height:100%;transition:width .3s}.conversion-text{text-align:center;font-size:18px;font-weight:600}.error-message{color:#d32f2f;z-index:20;background:#fff;border:1px solid #d32f2f;border-radius:6px;padding:12px 20px;font-size:13px;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001a}.batch-area{background:#fff;flex:1;padding:16px 20px;overflow-y:auto}.batch-error{color:#d32f2f;border:1px solid #d32f2f;border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:13px}.bottom-bar{background:#fff;border-top:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;gap:10px;padding:10px 16px 12px;display:flex}.trim-row{align-items:center;gap:12px;display:flex}.transport-btn{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:50%;flex-shrink:0;width:32px;height:32px;font-size:11px;transition:all .15s}.transport-btn:hover{background:#f5f5f5;border-color:#000}.transport-time{font-variant-numeric:tabular-nums;min-width:108px;font-size:12px}.transport-time-total{color:#999}.trim-length{font-variant-numeric:tabular-nums;color:#666;text-align:right;min-width:56px;font-size:12px}.timeline{cursor:pointer;touch-action:none;flex:1;min-width:0;padding:12px 0}.timeline-track{background:#ececec;border-radius:3px;height:12px;position:relative}.timeline-range{background:#d7e3f5;border-top:1px solid #4a7fd0;border-bottom:1px solid #4a7fd0;height:100%;position:absolute;top:0}.timeline-handle{cursor:ew-resize;background:#fff;border:1px solid #4a7fd0;border-radius:3px;width:10px;height:20px;margin-left:-5px;position:absolute;top:-4px;box-shadow:0 1px 2px #00000026}.timeline-handle:after{content:"";background:#4a7fd0;width:1px;height:8px;position:absolute;top:5px;left:4px}.timeline-handle:hover,.timeline.dragging .timeline-handle{border-color:#1b4f9c}.timeline-playhead{pointer-events:none;background:#000;width:2px;height:24px;margin-left:-1px;position:absolute;top:-6px}.timeline-playhead:before{content:"";background:#000;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:-3px}.adjust-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.trim-fields{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.time-field{color:#888;align-items:center;gap:6px;font-size:11px;display:flex}.time-field input{font-variant-numeric:tabular-nums;width:84px;padding:5px 8px;font-size:12px}.time-field-label{text-transform:uppercase;letter-spacing:.3px}.result-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.inline-progress{background:#e0e0e0;border-radius:2px;width:120px;height:4px;overflow:hidden}.inline-progress-bar{background:#000;height:100%;transition:width .3s}.inline-progress-text{font-variant-numeric:tabular-nums;color:#666;min-width:36px;font-size:12px}.compare-toggle{background:#f0f0f0;border-radius:6px;gap:4px;padding:3px;display:flex}.toggle-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.toggle-btn:hover{color:#000}.toggle-btn.active{color:#000;background:#fff;box-shadow:0 1px 2px #0000001f}.size-badge{opacity:.7;font-size:10px}.compression-badge{background:#4caf5040;border-radius:3px;padding:2px 6px;font-size:10px}.compression-badge.negative{background:#f4433640}@media (max-width:860px){.app{flex-direction:column-reverse}.sidebar{border-top:1px solid #e0e0e0;border-right:none;width:100%;max-height:45vh}.adjust-row{align-items:stretch}.result-actions{flex-wrap:wrap;margin-left:0}}