:root{--bg-primary: #0d0d12;--bg-secondary: #14141c;--bg-tertiary: #1a1a26;--bg-elevated: #1f1f2e;--bg-hover: #262638;--bg-active: #2d2d44;--glass-bg: rgba(25, 25, 42, .65);--glass-border: rgba(255, 255, 255, .06);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--text-primary: #e8e8f0;--text-secondary: #9898b0;--text-dim: #5e5e78;--text-accent: #a78bfa;--accent-primary: #8b5cf6;--accent-light: #a78bfa;--accent-glow: rgba(139, 92, 246, .25);--accent-gradient: linear-gradient(135deg, #8b5cf6, #6d28d9);--cyan-accent: #22d3ee;--cyan-glow: rgba(34, 211, 238, .2);--green: #34d399;--green-dim: rgba(52, 211, 153, .15);--amber: #fbbf24;--amber-dim: rgba(251, 191, 36, .15);--red: #f87171;--red-dim: rgba(248, 113, 113, .15);--border-color: rgba(255, 255, 255, .06);--border-focus: rgba(139, 92, 246, .5);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs: .7rem;--text-sm: .8rem;--text-base: .875rem;--text-md: .95rem;--text-lg: 1.1rem;--text-xl: 1.3rem;--text-2xl: 1.6rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--transition-fast: .12s var(--ease-out);--transition-normal: .2s var(--ease-out);--transition-slow: .35s var(--ease-out);--tl-block-bg: rgba(167, 139, 250, .2);--tl-block-border: #7c3aed;--tl-block-text: #ffffff;--tl-word-bg: rgba(96, 165, 250, .3);--tl-word-border: #2563eb;--tl-word-text: #ffffff;--tl-word-hover-shadow: 0 0 12px rgba(96, 165, 250, .4);--tl-label-bg: rgba(23, 23, 23, .85);--tl-label-text: var(--text-dim)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--bg-elevated: #ffffff;--bg-hover: #cbd5e1;--bg-active: #94a3b8;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .1);--glass-shadow: 0 4px 12px rgba(0, 0, 0, .1);--text-primary: #0f172a;--text-secondary: #334155;--text-dim: #475569;--text-accent: #7c3aed;--accent-glow: rgba(139, 92, 246, .15);--border-color: #cbd5e1;--border-focus: rgba(139, 92, 246, .4);--cyan-accent: #0891b2;--cyan-glow: rgba(8, 145, 178, .15);--tl-block-bg: #e9d5ff;--tl-block-border: #c084fc;--tl-block-text: #581c87;--tl-word-bg: #bae6fd;--tl-word-border: #38bdf8;--tl-word-text: #0c4a6e;--tl-word-hover-shadow: 0 0 12px rgba(14, 165, 233, .4);--tl-label-bg: rgba(255, 255, 255, .85);--tl-label-text: var(--text-secondary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:var(--font-sans);font-size:15px;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent-primary);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-active);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}#app{display:grid;grid-template-rows:auto 1fr auto auto;height:100vh;overflow:hidden}#toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:100;gap:var(--sp-3)}.toolbar-left,.toolbar-center,.toolbar-right,.logo{display:flex;align-items:center;gap:var(--sp-2)}.logo-icon{font-size:var(--text-xl);filter:drop-shadow(0 0 6px var(--accent-glow))}.logo h1{font-size:var(--text-md);font-weight:600;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.toolbar-divider{width:1px;height:20px;background:var(--border-color);margin:0 var(--sp-1)}.tool-btn{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tool-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.tool-btn:active:not(:disabled){transform:scale(.95)}.tool-btn.active{background:var(--accent-glow);color:var(--accent-light);border-color:var(--accent-primary)}.tool-btn:disabled{opacity:.35;cursor:default}.tool-btn.accent{background:var(--accent-gradient);color:#fff;border-color:transparent;font-weight:500}.tool-btn.accent:hover{box-shadow:0 0 16px var(--accent-glow);border-color:transparent;color:#fff}.validation-badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);background:var(--amber-dim);border:1px solid var(--amber);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--amber);cursor:pointer;transition:all var(--transition-fast)}.validation-badge:hover{background:#fbbf2440}#main-content{display:flex;overflow:hidden}#left-panel{flex:1;min-width:360px;display:flex;flex-direction:column;overflow:hidden}#right-panel{width:380px;min-width:280px;display:flex;flex-direction:column;border-left:1px solid var(--border-color);background:var(--bg-secondary)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-color)}.panel-header h2{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.preview-controls{display:flex;gap:var(--sp-1)}.toggle-btn{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-dim);font-family:var(--font-sans);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.toggle-btn:hover{color:var(--text-secondary)}.toggle-btn.active{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-light)}.resize-handle{width:6px;cursor:col-resize;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);transition:background var(--transition-fast)}.resize-handle:hover,.resize-handle.active{background:var(--accent-glow)}.resize-dots{display:flex;flex-direction:column;gap:3px}.resize-dots span{width:3px;height:3px;border-radius:50%;background:var(--text-dim)}#file-panel{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.file-drop-zone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);padding:var(--sp-3) var(--sp-2);min-height:72px;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}.file-drop-zone:hover,.file-drop-zone.dragover{border-color:var(--accent-primary);background:var(--accent-glow)}.file-drop-zone.loaded{border-style:solid;border-color:var(--green);background:var(--green-dim)}.drop-icon{color:var(--text-dim);transition:color var(--transition-fast)}.file-drop-zone:hover .drop-icon{color:var(--accent-light)}.file-drop-zone.loaded .drop-icon{color:var(--green)}.drop-label{font-size:var(--text-xs);color:var(--text-dim);text-align:center}.drop-filename{font-size:var(--text-xs);font-weight:600;color:var(--text-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-btn{background:none;border:none;color:var(--accent-light);cursor:pointer;text-decoration:underline;font-family:inherit;font-size:inherit;padding:0}#editor-container{flex:1;overflow:auto;position:relative}#editor-empty-state,#preview-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--sp-2);color:var(--text-dim)}.empty-icon{font-size:2.5rem;opacity:.5}.empty-hint{font-size:var(--text-xs)}#editor-table-wrapper{padding:0}#editor-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}#editor-table thead{position:sticky;top:0;z-index:10;background:var(--bg-tertiary)}#editor-table th{padding:var(--sp-2) var(--sp-3);text-align:left;font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);border-bottom:1px solid var(--border-color);white-space:nowrap}.col-num{width:36px;text-align:center}.col-start,.col-end{width:100px}.col-actions{width:80px;text-align:center}#editor-table td{padding:var(--sp-1) var(--sp-3);border-bottom:1px solid var(--border-color);vertical-align:middle}#editor-table tr{transition:background var(--transition-fast)}#editor-table tbody tr:hover{background:var(--bg-hover)}#editor-table tbody tr.active-row{background:var(--accent-glow)}#editor-table tbody tr.has-error{background:var(--red-dim)}#editor-table tbody tr.has-warning{background:var(--amber-dim)}.cell-time{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--cyan-accent);cursor:text;padding:2px var(--sp-1);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.cell-time:hover{background:var(--bg-hover)}.cell-time:focus{outline:none;background:var(--bg-active);box-shadow:0 0 0 2px var(--border-focus)}.cell-text{min-width:120px;color:var(--text-primary);cursor:text;padding:2px var(--sp-1);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.cell-text:hover{background:var(--bg-hover)}.cell-text:focus{outline:none;background:var(--bg-active);box-shadow:0 0 0 2px var(--border-focus)}.row-num{text-align:center;font-size:var(--text-xs);color:var(--text-dim);font-family:var(--font-mono)}.row-actions{display:flex;gap:2px;justify-content:center}.row-action-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);cursor:pointer;font-size:var(--text-xs);transition:all var(--transition-fast)}.row-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.row-action-btn.delete:hover{background:var(--red-dim);color:var(--red)}.time-nudge{display:inline-flex;gap:1px;margin-left:var(--sp-1)}.nudge-btn{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:3px;background:var(--bg-tertiary);color:var(--text-dim);cursor:pointer;font-size:9px;font-family:var(--font-mono);transition:all var(--transition-fast)}.nudge-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-primary)}.word-row td{padding-left:var(--sp-8)!important;font-size:var(--text-xs)}.word-row .cell-time{font-size:var(--text-xs);color:var(--accent-light)}.expand-btn{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);cursor:pointer;font-size:10px;transition:transform var(--transition-fast);margin-right:var(--sp-1)}.expand-btn.expanded{transform:rotate(90deg)}#preview-pane{flex:1;overflow-y:auto;padding:var(--sp-4);scroll-behavior:smooth}#preview-lyrics{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-8) 0}.preview-line{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);font-size:var(--text-md);line-height:1.6;color:var(--text-dim);cursor:pointer;transition:all var(--transition-normal);position:relative}.preview-line:hover{color:var(--text-secondary);background:var(--bg-hover)}.preview-line.active{color:var(--text-primary);background:var(--accent-glow);box-shadow:0 0 20px var(--accent-glow),inset 0 0 20px #8b5cf60d;font-weight:500}.preview-line.past{color:var(--text-secondary);opacity:.6}.preview-word{display:inline;position:relative;transition:color var(--transition-fast);padding:1px 0;border-radius:2px}.preview-word.active{color:var(--cyan-accent);text-shadow:0 0 12px var(--cyan-glow)}.preview-word.past{color:var(--accent-light)}.preview-word .word-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--cyan-accent),var(--accent-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;overflow:hidden;white-space:nowrap;width:0%;transition:width 50ms linear;pointer-events:none}#audio-bar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:100}.audio-controls-left,.audio-controls-right{display:flex;align-items:center;gap:var(--sp-1)}.audio-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.audio-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.audio-btn.active{color:var(--accent-light);background:var(--accent-glow)}.play-btn{width:40px;height:40px;background:var(--accent-gradient);color:#fff;border-radius:var(--radius-full);box-shadow:0 0 16px var(--accent-glow)}.play-btn:hover{box-shadow:0 0 24px var(--accent-glow);transform:scale(1.05)}.play-btn:active{transform:scale(.95)}.ab-label{font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono)}.audio-seek-container{flex:1;display:flex;align-items:center;gap:var(--sp-2)}.time-display{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim);min-width:60px;text-align:center;-webkit-user-select:none;user-select:none}#seek-bar-container{flex:1;position:relative;height:20px;display:flex;align-items:center;cursor:pointer}#seek-bar-bg{position:absolute;width:100%;height:4px;background:var(--bg-active);border-radius:var(--radius-full)}#seek-bar-progress{position:absolute;height:4px;background:var(--accent-gradient);border-radius:var(--radius-full);width:0%;pointer-events:none}#seek-bar-hover{position:absolute;height:4px;background:#ffffff1a;border-radius:var(--radius-full);width:0%;pointer-events:none}#seek-bar{position:absolute;width:100%;height:20px;opacity:0;cursor:pointer;-webkit-appearance:none;margin:0}.volume-slider{width:70px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-active);border-radius:var(--radius-full);outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text-primary);cursor:pointer;transition:transform var(--transition-fast)}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.speed-select{padding:2px var(--sp-2);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;outline:none}.speed-select:focus{border-color:var(--accent-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-normal) forwards}.modal-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:420px;max-width:90vw;box-shadow:var(--glass-shadow);animation:slideUp var(--transition-slow) forwards}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:var(--text-base)}.modal-close{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-dim);cursor:pointer;font-size:var(--text-lg);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:var(--sp-4) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}.modal-body label{display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--text-sm);color:var(--text-secondary)}.modal-body input{padding:var(--sp-2) var(--sp-3);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);outline:none;transition:border-color var(--transition-fast)}.modal-body input:focus{border-color:var(--accent-primary)}.modal-footer{padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.btn-primary{padding:var(--sp-2) var(--sp-5);background:var(--accent-gradient);border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover{box-shadow:0 0 16px var(--accent-glow)}.validation-panel{position:fixed;top:50px;right:var(--sp-4);width:320px;max-height:400px;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);z-index:500;animation:slideDown var(--transition-slow) forwards}.validation-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-color)}.validation-header h3{font-size:var(--text-sm);color:var(--amber)}#validation-list{list-style:none;padding:var(--sp-2)}#validation-list li{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);display:flex;align-items:flex-start;gap:var(--sp-2)}#validation-list li:hover{background:var(--bg-hover)}.validation-icon{flex-shrink:0;margin-top:1px}#toast-container{position:fixed;bottom:70px;right:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);z-index:2000}.toast{padding:var(--sp-3) var(--sp-4);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);box-shadow:var(--glass-shadow);animation:toastIn var(--transition-slow) forwards;display:flex;align-items:center;gap:var(--sp-2)}.toast.success{border-color:var(--green)}.toast.error{border-color:var(--red)}.toast.warning{border-color:var(--amber)}.toast.exit{animation:toastOut var(--transition-normal) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}#timeline-section{border-top:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden;transition:height var(--transition-normal)}#timeline-section.hidden{display:none!important}.tl-toolbar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);flex-shrink:0}.tl-toolbar-title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-right:auto}.tl-zoom-hint{font-size:10px;color:var(--text-dim);margin-left:var(--sp-1);margin-right:var(--sp-2)}.tl-btn{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-dim);cursor:pointer;font-size:13px;transition:all var(--transition-fast)}.tl-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-primary)}#timeline-container{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}#timeline-scroll-area{flex:1;overflow-x:auto;overflow-y:hidden;position:relative}#tl-ruler{height:24px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:20;min-width:100%}#tl-playhead{position:absolute;top:0;height:100%;width:2px;background:var(--red);z-index:30;pointer-events:none;transition:left 60ms linear}#tl-playhead:before{content:"";position:absolute;top:-2px;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--red)}#tl-tracks-container{position:relative;min-width:100%;flex:1}.tl-track-row{height:40px;border-bottom:1px solid var(--border-color);position:relative;background:var(--bg-secondary)}.tl-track-row.tl-word-row{background:#0000001a;height:40px}.tl-track-label{position:sticky;left:0;top:0;z-index:15;background:#171717d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-dim);font-size:9px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-bottom-right-radius:4px;pointer-events:none;border-bottom:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05);background:var(--tl-label-bg);color:var(--tl-label-text);border-color:var(--border-color);display:inline-block}.tl-track{position:absolute;top:0;left:0;height:100%;width:100%}.tl-status-bar{height:24px;background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;align-items:center;padding:0 var(--sp-3);font-size:11px;color:var(--text-dim)}.tl-block{position:absolute;top:6px;height:28px;background:var(--tl-block-bg);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;transition:box-shadow .1s;z-index:2;border:1px solid var(--tl-block-border);color:var(--tl-block-text)}.tl-block:hover{box-shadow:0 0 12px var(--accent-glow);z-index:3}.tl-block.tl-block-word{top:10px}.tl-block-selected{border-color:var(--cyan-accent)!important;box-shadow:0 0 8px var(--cyan-glow)}.tl-block-active{border-color:var(--green)!important;box-shadow:0 0 10px var(--green-dim)}.tl-block-word:hover{box-shadow:0 0 12px #06b6d466}.tl-block-text{font-size:10px;color:inherit;font-weight:500;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.4)}.tl-block-time{display:none;position:absolute;bottom:-14px;left:0;font-size:8px;font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;pointer-events:none}.tl-block-word:hover .tl-block-time{display:block}.tl-handle{position:absolute;top:0;width:6px;height:100%;cursor:col-resize;z-index:10;transition:background .1s}.tl-handle:after{content:"";position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;z-index:11}.tl-handle-left{left:0;border-left:2px solid transparent;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.tl-handle-right{right:0;border-right:2px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.tl-handle:hover{background:#fff6}.tl-handle:active{background:var(--accent-light)}.tl-block-tiny .tl-handle{width:4px}.tl-block-tiny .tl-handle-left:after{right:-6px}.tl-block-tiny .tl-handle-right:after{left:-6px}.tl-block-tiny .tl-block-text{display:none}.tl-dragging{cursor:col-resize!important}.tl-dragging *{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.tl-dragging-move{cursor:grabbing!important}.tl-dragging-move *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.tl-gap{position:absolute;top:14px;height:20px;background:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(255,255,255,.06) 3px,rgba(255,255,255,.06) 6px);border-radius:2px;cursor:pointer;z-index:1;transition:background .15s;border:1px dashed rgba(255,255,255,.1)}.tl-word-label{font-size:10px;color:var(--text-dim);padding:2px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.tl-empty-msg{display:flex;align-items:center;justify-content:center;height:100%;min-height:36px;color:var(--text-dim);font-size:var(--text-xs)}#timeline-resize-handle{height:5px;cursor:ns-resize;background:var(--border-color);transition:background .15s;flex-shrink:0}.tl-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-sans);font-size:14px;cursor:pointer;transition:all var(--transition-fast)}.tl-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.tl-btn.active{background:var(--accent-glow);color:var(--accent-light);border-color:var(--accent-primary)}#timeline-container{flex:1;overflow:auto;position:relative;min-height:80px}#timeline-content{position:relative;min-height:100%;padding-left:0}.tl-ruler{position:sticky;top:0;height:24px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);z-index:10;margin-left:36px}.tl-tick{position:absolute;top:0;height:100%;display:flex;flex-direction:column;align-items:flex-start}.tl-tick-label{font-size:9px;font-family:var(--font-mono);color:var(--text-dim);padding-left:3px;white-space:nowrap}.tl-tick-line{width:1px;flex:1;background:var(--border-color)}.tl-ruler-tooltip{position:fixed;padding:4px 8px;background:var(--bg-active);color:var(--text-primary);font-family:var(--font-mono);font-size:10px;border-radius:var(--radius-sm);border:1px solid var(--accent-primary);pointer-events:none;z-index:1000;transform:translate(-50%,-100%);margin-top:-8px;box-shadow:var(--glass-shadow);display:none}.tl-playhead{position:absolute;top:0;width:2px;background:var(--red);z-index:15;pointer-events:none;margin-left:36px;transition:left 60ms linear}.tl-playhead:before{content:"";position:absolute;top:0;left:-4px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--red)}.tl-row{position:relative;height:40px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.04);transition:background var(--transition-fast)}.tl-row:hover{background:var(--bg-hover)}.tl-row-active{background:var(--accent-glow)!important}.tl-row-label{width:36px;min-width:36px;text-align:center;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-dim);-webkit-user-select:none;user-select:none;position:sticky;left:0;z-index:5;background:inherit}.tl-track{position:relative;height:32px;flex:1}.tl-block{position:absolute;top:2px;height:28px;background:var(--tl-block-bg);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;transition:box-shadow var(--transition-fast);z-index:2;border:1px solid var(--tl-block-border);color:var(--tl-block-text)}.tl-block:hover{box-shadow:0 0 10px var(--accent-glow);z-index:3}.tl-block-word{background:var(--tl-word-bg);border-color:var(--tl-word-border);color:var(--tl-word-text)}.tl-block-word:hover{box-shadow:var(--tl-word-hover-shadow)}.tl-block-line{background:linear-gradient(135deg,var(--bg-active),var(--bg-hover));border-color:var(--border-color)}.tl-block-text{font-size:10px;color:inherit;font-weight:500;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.4)}.tl-handle{position:absolute;top:0;width:6px;height:100%;cursor:col-resize;z-index:4;transition:background var(--transition-fast)}.tl-handle-left{left:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.tl-handle-right{right:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.tl-handle:hover{background:#ffffff4d}.tl-dragging,.tl-dragging *{cursor:col-resize!important}.tl-gap{position:absolute;top:6px;height:20px;background:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(255,255,255,.06) 3px,rgba(255,255,255,.06) 6px);border-radius:2px;cursor:pointer;z-index:1;transition:background var(--transition-fast);border:1px dashed rgba(255,255,255,.1)}.tl-gap:hover{background:var(--red-dim);border-color:var(--red)}.tl-empty{display:flex;align-items:center;justify-content:center;height:80px;color:var(--text-dim);font-size:var(--text-sm)}#timeline-resize-handle{height:5px;cursor:ns-resize;background:var(--border-color);transition:background var(--transition-fast);flex-shrink:0}#timeline-resize-handle:hover{background:var(--accent-primary)}.hidden{display:none!important}.driver-popover.driverjs-theme{background-color:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow),0 0 0 1px var(--glass-border);border:none;font-family:var(--font-sans);padding:var(--sp-6);max-width:360px;box-sizing:border-box}.driver-popover.driverjs-theme .driver-popover-title{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--sp-3) 0;color:var(--text-primary);line-height:1.3}.driver-popover.driverjs-theme .driver-popover-description{font-size:var(--text-base);line-height:1.6;color:var(--text-secondary);margin:0 0 var(--sp-6) 0}.driver-popover.driverjs-theme .driver-popover-footer{display:flex;align-items:center;justify-content:space-between;margin-top:0;gap:var(--sp-3)}.driver-popover.driverjs-theme .driver-popover-progress-text{color:var(--text-dim);font-size:var(--text-xs);font-weight:500}.driver-popover.driverjs-theme .driver-popover-navigation-btns{display:flex;gap:var(--sp-2)}.driver-popover.driverjs-theme button{border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-4);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;text-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:80px;outline:none;font-family:var(--font-sans)}.driver-popover.driverjs-theme button.driver-popover-next-btn,.driver-popover.driverjs-theme button.driver-popover-done-btn{background-color:var(--accent-primary);color:#fff;border:1px solid transparent}.driver-popover.driverjs-theme button.driver-popover-next-btn:hover,.driver-popover.driverjs-theme button.driver-popover-done-btn:hover{background-color:var(--accent-light);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-glow)}.driver-popover.driverjs-theme button.driver-popover-next-btn:active,.driver-popover.driverjs-theme button.driver-popover-done-btn:active{transform:translateY(0)}.driver-popover.driverjs-theme button.driver-popover-prev-btn{background-color:transparent;color:var(--text-dim);border:1px solid var(--border-color)}.driver-popover.driverjs-theme button.driver-popover-prev-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--text-dim)}.driver-popover.driverjs-theme .driver-popover-close-btn{position:absolute!important;top:20px!important;right:20px!important;width:32px!important;height:32px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--text-secondary)!important;background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;font-size:18px!important;line-height:1!important;cursor:pointer!important;transition:all var(--transition-fast)!important;z-index:10!important;box-sizing:border-box!important}.driver-popover.driverjs-theme .driver-popover-close-btn:hover{color:var(--text-primary)!important;background:var(--bg-hover)!important;border-color:var(--text-dim)!important}.driver-popover.driverjs-theme .driver-popover-arrow-side-left.driver-popover-arrow{border-left-color:var(--bg-elevated)}.driver-popover.driverjs-theme .driver-popover-arrow-side-right.driver-popover-arrow{border-right-color:var(--bg-elevated)}.driver-popover.driverjs-theme .driver-popover-arrow-side-top.driver-popover-arrow{border-top-color:var(--bg-elevated)}.driver-popover.driverjs-theme .driver-popover-arrow-side-bottom.driver-popover-arrow{border-bottom-color:var(--bg-elevated)}.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}