@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-base:#1e1e1e;--bg-surface:#252525;--bg-elevated:#2d2d2d;--bg-hover:#363636;--bg-active:#404040;--bg-input:#191919;--border:#efefef26;--border-soft:#efefef1a;--border-focus:#707070;--accent:#efefef;--accent-dim:silver;--accent-glow:#efefef26;--accent-subtle:#efefef14;--text:#efefef;--text-muted:#909090;--text-dim:#606060;--text-on-accent:#1e1e1e;--success:#d0d0d0;--success-bg:#efefef0f;--danger:#a0a0a0;--danger-bg:#efefef0f;--warning:gray;--warning-bg:#efefef0f;--tabbar-h:44px;--t-fast:.12s;--t-base:.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{color:var(--text);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,sans-serif;font-size:13px;line-height:1.5}#root{width:100%;display:flex}h1,h2,h3,h4{color:var(--text);font-weight:600;line-height:1.2}h1{font-size:20px}h2{font-size:16px}h3{font-size:13px}p{color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}input,select,textarea{color:var(--text);background:var(--bg-input);border:1px solid var(--border-soft);transition:border-color var(--t-fast);border-radius:6px;outline:none;font-family:inherit;font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}input[type=text],input[type=password],input[type=number],textarea{width:100%;padding:6px 10px}input[disabled],select[disabled],textarea[disabled]{opacity:.4;cursor:not-allowed}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b6b82'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;width:100%;padding:6px 28px 6px 10px}.btn{cursor:pointer;transition:all var(--t-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.btn-ghost{border-color:var(--border-soft);color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-focus);color:var(--text)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.btn-primary:hover{background:var(--accent-dim);border-color:var(--accent-dim)}.btn-primary:active{transform:translateY(1px)}.btn-danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn-danger:hover{background:var(--danger-bg)}.btn-icon{color:var(--text-muted);background:0 0;border-color:#0000;border-radius:4px;padding:6px}.btn-icon:hover{background:var(--bg-hover);color:var(--text)}.panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:16px}.panel-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:11px;font-weight:600}.progress-track{background:var(--border-soft);border-radius:2px;width:100%;height:3px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.progress-fill.indeterminate{animation:1.4s ease-in-out infinite progress-slide;width:40%!important}@keyframes progress-slide{0%{transform:translate(-150%)}to{transform:translate(350%)}}.badge{letter-spacing:.04em;border-radius:3px;align-items:center;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-glow)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.separator{background:var(--border);height:1px;margin:12px 0}.statusbar{background:var(--bg-surface);border-top:1px solid var(--border);height:26px;color:var(--text-muted);flex-shrink:0;align-items:center;gap:16px;padding:0 16px;font-size:11px;display:flex}.statusbar-dot{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:6px;height:6px}.statusbar-dot.active{background:var(--accent);animation:1.5s infinite pulse-dot}.statusbar-dot.success{background:var(--success)}.statusbar-dot.danger{background:var(--danger)}.statusbar-dot.warning{background:var(--warning)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.tab-sidebar{width:100%;height:var(--tabbar-h);background:var(--bg-surface);border-bottom:1px solid var(--border);flex-direction:row;flex-shrink:0;align-items:stretch;gap:2px;padding:0 12px;display:flex;overflow:hidden}.tab-item{cursor:pointer;height:100%;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;transition:all var(--t-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex-direction:row;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:500;display:flex;position:relative}.tab-item:hover{background:var(--bg-hover);color:var(--text);border-bottom-color:var(--border-soft)}.tab-item.active{color:var(--accent);border-bottom-color:var(--accent);background:0 0}.tab-item.active:before{display:none}.tab-item svg{opacity:.7;flex-shrink:0;width:14px;height:14px}.tab-item.active svg{opacity:1}.tab-divider{display:none}.content-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.section-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.section-title{color:var(--text);font-size:15px;font-weight:600}.section-subtitle{color:var(--text-muted);margin-top:2px;font-size:11px}.form-row{align-items:center;gap:10px;display:flex}.form-label{color:var(--text-muted);flex-shrink:0;font-size:12px;font-weight:500}.form-hint{color:var(--text-dim);margin-top:4px;font-size:11px}.inline-edit{color:var(--text);font-family:inherit;font-size:inherit;width:100%;transition:all var(--t-fast);background:0 0;border:1px solid #0000;border-radius:4px;padding:2px 6px}.inline-edit:hover{border-color:var(--border-soft);background:var(--bg-input)}.inline-edit:focus{border-color:var(--accent);background:var(--bg-input);box-shadow:0 0 0 2px var(--accent-glow);outline:none}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);background:var(--bg-elevated);border:1px solid var(--border-soft);color:var(--text);white-space:nowrap;pointer-events:none;z-index:1000;border-radius:4px;padding:4px 8px;font-size:11px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0009}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fadein{animation:.15s fadein}.drop-zone{border:2px dashed var(--border-soft);cursor:pointer;transition:all var(--t-base);text-align:center;color:var(--text-muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 24px;display:flex}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent);background:var(--accent-subtle);color:var(--text)}.drop-zone svg{opacity:.5;width:40px;height:40px}.video-player-wrap{aspect-ratio:16/9;background:#000;border-radius:8px;position:relative;overflow:hidden}.video-player-wrap video{width:100%;height:100%;display:block}.timeline-track{background:var(--bg-elevated);border:1px solid var(--border);cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:6px;height:32px;position:relative;overflow:hidden}.timeline-segment{background:var(--accent);opacity:.7;cursor:grab;transition:opacity var(--t-fast);border-radius:3px;position:absolute;top:4px;bottom:4px}.timeline-segment:hover{opacity:1}.timeline-segment.active{opacity:1;outline:2px solid var(--accent)}.timeline-playhead{background:var(--danger);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.timeline-playhead:before{content:"";border:5px solid #0000;border-top-color:var(--danger);position:absolute;top:0;left:-4px}.caption-row{border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--t-fast);grid-template-columns:32px 76px 76px 1fr 28px;align-items:start;gap:6px;padding:6px 10px;display:grid}.caption-gap{transition:height .15s;position:relative}.caption-gap-btn{opacity:0;pointer-events:none;background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-soft);cursor:pointer;white-space:nowrap;z-index:2;border-radius:10px;padding:2px 10px;font-family:inherit;font-size:10px;transition:opacity .15s,background .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.caption-gap:hover{height:24px!important}.caption-gap:hover .caption-gap-btn{opacity:1;pointer-events:auto;animation:.15s .6s both caption-gap-fadein}.caption-gap-btn:hover{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}@keyframes caption-gap-fadein{0%{opacity:0}to{opacity:1}}.caption-row:hover{background:var(--bg-hover)}.caption-row.playing{background:var(--accent-subtle);border-left:2px solid var(--accent)}.caption-index{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:10px}.time-input{background:var(--bg-input);border:1px solid var(--border-soft);color:var(--text);text-align:center;border-radius:4px;width:80px;padding:2px 6px;font-family:Roboto Mono,ui-monospace,monospace;font-size:11px}.time-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.engine-card{border:1px solid var(--border);cursor:pointer;transition:all var(--t-fast);background:var(--bg-elevated);border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.engine-card:hover{border-color:var(--border-focus);background:var(--bg-hover)}.engine-card.selected{border-color:var(--accent);background:var(--accent-subtle)}.engine-card input[type=radio]{width:14px;height:14px;accent-color:var(--accent);flex-shrink:0;margin-top:1px}.split-pane{flex:1;gap:0;min-height:0;display:flex;overflow:hidden}.split-left{border-right:1px solid var(--border);flex:none;overflow-y:auto}.split-right{flex:1;min-width:0;overflow-y:auto}@media (width<=900px){:root{--tabbar-h:38px}.tab-item{gap:4px;padding:0 10px;font-size:10px}.tab-item span{display:none}.tab-item svg{opacity:1;width:16px;height:16px}.btn{padding:4px 10px;font-size:11px}.form-label{font-size:10px}.form-hint{font-size:9px}}@media (width<=650px){:root{--tabbar-h:34px}.tab-sidebar{gap:0;padding:0 6px}.tab-item{padding:0 8px}.btn{border-radius:4px;padding:3px 8px;font-size:10px}select,input,textarea{font-size:11px!important}}