*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;-webkit-user-select:none;user-select:none;background:#121212;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}input,textarea,[contenteditable=true],[contenteditable=""]{-webkit-user-select:text;user-select:text}#root{width:100%;height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.top-bar{background:#181818;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:8px;height:48px;padding:0 12px;display:flex}.main-area{flex-direction:column;flex:1;min-height:0;display:flex}.upper-row{flex:1;min-height:0;display:flex}.library-panel{background:#161616;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;min-width:240px;display:flex;overflow:hidden}.preview-panel{background:#0d0d0d;flex-direction:column;flex:1;min-width:320px;display:flex;position:relative;overflow:hidden}.timeline-panel{background:#1a1a1a;border-top:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.v-resizer{cursor:col-resize;background:#ffffff0a;flex-shrink:0;width:6px;transition:background .15s}.v-resizer:hover,.v-resizer:active{background:#ffffff2e}.h-resizer{cursor:row-resize;background:#ffffff0a;flex-shrink:0;height:6px;transition:background .15s}.h-resizer:hover,.h-resizer:active{background:#ffffff2e}.library-list{flex-direction:column;flex:1;gap:6px;min-height:0;padding:8px;display:flex;overflow-y:auto}.library-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:max-content;align-content:start;gap:8px;min-height:0;padding:8px;display:grid;overflow-y:auto}.library-details-header{color:#888;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;background:#131313;border-bottom:1px solid #ffffff14;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.library-details-header .library-details-cell{cursor:pointer;padding:4px 6px}.library-details-header .library-details-cell:hover{color:#ddd}.library-details-header .library-details-cell.active{color:#ffeb3b}.library-details-body{flex:1;min-height:0;padding:0;overflow-y:auto}.library-details-row{color:#e0e0e0;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff0a;padding:4px 8px;font-size:12px;display:flex}.library-details-row:hover{background:#262626}.library-details-row.selected{background:#4fc3f726}.library-details-row:focus{outline-offset:-2px;background:#4fc3f71a;outline:2px solid #4fc3f7}.library-details-cell{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 6px;overflow:hidden}.library-details-name{flex:auto;min-width:0}.me-root{align-items:center;min-width:0;max-width:100%;display:flex;overflow:hidden}.me-head{text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden}.me-tail{white-space:nowrap;flex-shrink:0}.library-details-dim{text-align:right;color:#999;flex:0 0 84px}.library-details-dur{text-align:right;color:#999;flex:0 0 64px}.library-details-fps{text-align:right;color:#999;flex:0 0 52px}.library-details-type{text-align:right;color:#999;flex:0 0 48px}.library-grid-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#1f1f1f;border:2px solid #0000;border-radius:6px;transition:background .1s,border-color .1s;display:block;position:relative;overflow:hidden}.library-grid-item:hover{background:#262626}.library-grid-item.selected{border-color:#4fc3f7}.library-grid-item:focus{outline-offset:1px;outline:2px solid #4fc3f7}.library-grid-thumb{aspect-ratio:1;object-fit:contain;background:#000;width:100%;display:block}.library-grid-meta{min-width:0;padding:6px 8px;font-size:11px}.library-grid-name{color:#e0e0e0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.library-grid-sub{color:#888;margin-top:2px;font-size:10px}.library-grid-actions{opacity:0;background:#0009;border-radius:4px;gap:2px;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}.library-grid-item:hover .library-grid-actions{opacity:1}.library-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#1f1f1f;border:2px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px;transition:background .1s,border-color .1s;display:flex}.library-item:hover{background:#262626}.library-item.selected{border-color:#4fc3f7}.library-item:focus{outline-offset:1px;outline:2px solid #4fc3f7}.library-item-thumb-wrap{background:#000;border-radius:3px;flex-shrink:0;width:84px;height:48px;position:relative;overflow:hidden}.library-item-thumb{object-fit:contain;background:#000;border-radius:3px;width:100%;height:100%;display:block}.library-icon-anchor{flex-shrink:0;line-height:0;display:inline-flex;position:relative}.library-used-dot{pointer-events:none;z-index:2;background:#2e7d32;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 0 1.5px #1e1e1e,0 0 4px #2e7d3299}.library-used-dot--thumb,.library-used-dot--grid{top:4px;right:4px}.library-thumb-placeholder{justify-content:center;align-items:center;display:flex!important}.library-item-meta{flex:1;min-width:0;font-size:12px}.library-item-name{color:#e0e0e0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.library-item-sub{color:#888;font-size:11px}.timeline-toolbar{background:#161616;border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:8px;padding:4px 8px;display:flex}.timeline-scroll{flex:1;position:relative;overflow:auto hidden}.timeline-track{background:repeating-linear-gradient(90deg,#0000 0 49px,#ffffff05 49px 50px);position:relative}.segment-block{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#2196f3 0%,#1565c0 100%);border:2px solid #0000;border-radius:4px;align-items:flex-end;height:calc(100% - 16px);transition:border-color .1s,transform .1s;display:flex;position:absolute;top:8px;overflow:hidden;box-shadow:0 1px 3px #0006}.segment-block.selected{border-color:#ffeb3b}.segment-block:hover{filter:brightness(1.1)}.segment-block:focus{outline-offset:1px;outline:2px solid #4fc3f7}.segment-block.source-hover,.segment-block.source-focused{z-index:4;box-shadow:0 0 0 2px #ff9800,0 0 12px #ff980080}.segment-effects-btn{z-index:4;color:#888;cursor:pointer;background:#141414b3;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:background .1s,color .1s;display:flex;position:absolute;top:4px;left:4px}.segment-effects-btn:hover{color:#ccc;background:#282828e6}.segment-effects-btn.active{color:#ffeb3b;background:#ffeb3b2e;border-color:#ffeb3b66}.segment-effects-btn.active:hover{background:#ffeb3b4d}.segment-effects-count{color:#000;background:#ffeb3b;border-radius:6px;justify-content:center;align-items:center;min-width:12px;height:12px;padding:0 3px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.segment-thumbs{pointer-events:none;opacity:.85;position:absolute;inset:0}.trim-handle{cursor:col-resize;z-index:2;background:0 0;width:8px;position:absolute;top:0;bottom:0}.trim-handle.left{left:-4px}.trim-handle.right{right:-4px}.trim-handle:hover{background:#ffeb3b66}.playhead{pointer-events:none;z-index:10;background:#f44336;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 4px #f4433699}.playhead-handle{cursor:ew-resize;pointer-events:auto;background:#f44336;border-radius:0 0 50% 50%;width:14px;height:14px;position:absolute;top:0;left:-6px}.timeline-ruler{-webkit-user-select:none;user-select:none;cursor:pointer;background:#131313;border-bottom:1px solid #ffffff0f;height:22px;position:relative}.preview-canvas-wrap{flex:1;justify-content:center;align-items:center;min-height:0;padding:8px;display:flex;position:relative}.preview-canvas{background:#000;border:1px solid #ffffff1a;border-radius:6px;max-width:100%;max-height:100%;display:block}.preview-controls{background:#161616;border-top:1px solid #ffffff0d;flex-shrink:0;padding:6px 12px}.preview-tabs{background:#1a1a1a;border-bottom:1px solid #ffffff0f;flex-shrink:0;display:flex}.preview-tab{cursor:pointer;color:#999;-webkit-user-select:none;user-select:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:13px}.preview-tab.active{color:#fff;border-bottom-color:#4fc3f7}.context-menu{z-index:1000;background:#232323;border:1px solid #ffffff1a;border-radius:4px;min-width:180px;padding:4px 0;position:fixed;box-shadow:0 4px 12px #00000080}.context-menu-item{color:#e0e0e0;cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 14px;font-size:13px}.context-menu-item:hover{background:#2d2d2d}.context-menu-item.disabled{color:#555;cursor:default}.context-menu-item.disabled:hover{background:0 0}.context-menu-divider{background:#ffffff14;height:1px;margin:4px 0}.transition-marker{z-index:3;cursor:pointer;color:#fff;pointer-events:auto;background:linear-gradient(90deg,#9c27b099,#9c27b033);border-left:2px solid #9c27b0cc;border-right:2px solid #9c27b0cc;border-radius:2px;justify-content:center;align-items:center;width:12px;height:calc(100% - 16px);font-size:9px;font-weight:600;display:flex;position:absolute;top:8px}.transition-marker:hover{background:linear-gradient(90deg,#9c27b0cc,#9c27b066)}.drop-indicator{pointer-events:none;z-index:5;background:#ffeb3b;border-radius:2px;width:3px;position:absolute;top:16px;bottom:16px;box-shadow:0 0 6px #ffeb3b}.gap-block{pointer-events:none;background:repeating-linear-gradient(45deg,#ffffff0a 0 8px,#ffffff14 8px 16px);border:1px dashed #fff3;border-radius:4px;height:calc(100% - 16px);position:absolute;top:8px}@media (width<=800px){.library-panel{min-width:200px;width:240px!important}}.convert-toolbar{background:#181818;border-bottom:1px solid #ffffff14;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;display:flex}.convert-content{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.convert-table-wrap,.convert-table{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.convert-table-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.convert-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.convert-row-header{z-index:2;color:#888;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;background:#131313;border-bottom:1px solid #ffffff14;font-size:11px;font-weight:600;position:sticky;top:0}.convert-row-header .convert-cell.sortable:hover{color:#ddd}.convert-row-header .convert-cell.active{color:#ffeb3b}.convert-row-body{color:#e0e0e0}.convert-row-body:hover{background:#232323}.convert-row--running{background:#2196f30f}.convert-row--running:hover{background:#2196f31f}.convert-row--error{background:#f443360a}.convert-row--error:hover{background:#f443361a}.convert-cell{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 6px;overflow:hidden}.convert-col-status{flex:0 0 90px}.convert-col-name{flex:400px;min-width:0}.convert-col-size{color:#999;flex:0 0 80px}.convert-col-dur{color:#999;flex:0 0 64px}.convert-col-res{color:#999;flex:0 0 100px}.convert-col-codec{color:#999;flex:0 0 70px}.convert-col-progress{flex:0 0 160px}.convert-col-actions{flex:0 0 110px;justify-content:flex-end;align-items:center;gap:0;display:flex}.convert-sort-indicator{margin-left:2px;font-size:9px}.convert-empty{color:#888;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.convert-error-detail{background:#f4433614;border-bottom:1px solid #f4433633;padding:8px 16px}.convert-error-stderr{color:#ddd;white-space:pre-wrap;word-break:break-word;background:#0006;border-radius:3px;max-height:180px;margin:0;padding:6px 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;overflow:auto}.convert-drop-overlay{z-index:100;pointer-events:none;background:#2196f32e;border:3px dashed #4fc3f7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.convert-drop-overlay-inner{color:#4fc3f7;background:#000000a6;border-radius:12px;flex-direction:column;align-items:center;padding:28px 40px;display:flex}.convert-log-panel{background:#0e0e0e;border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.convert-log-toolbar{background:#131313;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;display:flex}.convert-log-body{flex:1;min-height:0;padding:4px 0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.5;overflow-y:auto}.convert-log-empty{text-align:center;color:#555;padding:16px;font-style:italic}.convert-log-line{white-space:pre-wrap;word-break:break-word;gap:6px;padding:0 12px;display:flex}.convert-log-line:hover{background:#ffffff08}.convert-log-ts{color:#666;flex-shrink:0}.convert-log-level{flex-shrink:0;width:56px;font-weight:700}.convert-log-level--verbose{color:#888}.convert-log-level--info{color:#4fc3f7}.convert-log-level--warn{color:#ffb74d}.convert-log-level--error{color:#ef5350}.convert-log-source{color:#b0bec5;flex-shrink:0}.convert-log-msg{color:#ddd;flex:1;min-width:0}.convert-log-line--warn .convert-log-msg{color:#ffe0b2}.convert-log-line--error .convert-log-msg{color:#ffcdd2}.convert-progress-strip{background:#131313;border-top:1px solid #ffffff14;flex-shrink:0}.convert-statusbar{color:#aaa;background:#131313;border-top:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:6px;height:28px;padding:0 12px;font-size:11px;display:flex}.convert-progress-strip+.convert-statusbar{border-top:none}.convert-statusbar .sep{opacity:.4}.convert-statusbar-dir{color:#888;text-overflow:ellipsis;white-space:nowrap;max-width:50%;overflow:hidden}@keyframes convert-chip-pulse{0%,to{box-shadow:0 0 #2196f366}50%{box-shadow:0 0 0 4px #2196f300}}.convert-chip-running{animation:1.6s ease-in-out infinite convert-chip-pulse}
