:root{--space-xs: 2px;--space-sm: 4px;--space-md: 8px;--space-lg: 12px;--space-xl: 16px;--space-2xl: 24px;--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--font-xs: 11px;--font-sm: 12px;--font-md: 13px;--font-lg: 14px;--line-height-tight: 1.2;--line-height-normal: 1.4;--row-height: 32px;--header-height: 36px;--toolbar-height: 36px;--statusbar-height: 24px;--input-height: 28px;--transition-fast: .1s ease;--transition-normal: .15s ease;--z-dropdown: 100;--z-modal-backdrop: 200;--z-modal: 300;--z-tooltip: 400;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .15)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f4;--bg-hover: #e8eaed;--bg-active: #dadce0;--bg-selected: #e8f0fe;--bg-selected-hover: #d2e3fc;--text-primary: #202124;--text-secondary: #5f6368;--text-tertiary: #80868b;--text-disabled: #bdc1c6;--text-inverse: #ffffff;--border-light: #e8eaed;--border-default: #dadce0;--border-strong: #bdc1c6;--border-focus: #1a73e8;--accent-primary: #1a73e8;--accent-primary-hover: #1557b0;--accent-primary-light: #e8f0fe;--accent-secondary: #34a853;--accent-warning: #f9ab00;--accent-error: #ea4335;--video-bg: #000000;--overlay-bg: rgba(0, 0, 0, .5);--scrollbar-track: #f1f3f4;--scrollbar-thumb: #bdc1c6;--scrollbar-thumb-hover: #9aa0a6}[data-theme=dark]{--bg-primary: #1e1e1e;--bg-secondary: #252526;--bg-tertiary: #2d2d30;--bg-hover: #3c3c3c;--bg-active: #4a4a4a;--bg-selected: #264f78;--bg-selected-hover: #2d5a8a;--text-primary: #e4e4e4;--text-secondary: #a0a0a0;--text-tertiary: #707070;--text-disabled: #505050;--text-inverse: #1e1e1e;--border-light: #3c3c3c;--border-default: #4a4a4a;--border-strong: #5a5a5a;--border-focus: #569cd6;--accent-primary: #569cd6;--accent-primary-hover: #6eb3eb;--accent-primary-light: #264f78;--accent-secondary: #4ec9b0;--accent-warning: #dcdcaa;--accent-error: #f14c4c;--video-bg: #000000;--overlay-bg: rgba(0, 0, 0, .6);--scrollbar-track: #2d2d30;--scrollbar-thumb: #5a5a5a;--scrollbar-thumb-hover: #6a6a6a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:var(--font-md);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);overflow:hidden}#root{height:100vh;width:100vw;display:flex;flex-direction:column}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}button{cursor:pointer;border:none;background:none}input,textarea{border:none;background:none;outline:none}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}img,video{display:block;max-width:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-lg);border:2px solid var(--scrollbar-track)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--accent-primary-light);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border-radius:var(--radius-md);font-weight:500;white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:24px;padding:0 var(--space-md);font-size:var(--font-xs)}.btn-md{height:var(--input-height);padding:0 var(--space-lg);font-size:var(--font-sm)}.btn-icon-only.btn-sm{width:24px;padding:0}.btn-icon-only.btn-md{width:var(--input-height);padding:0}.btn-default{background-color:transparent;border:1px solid var(--border-default);color:var(--text-primary)}.btn-default:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--border-strong)}.btn-default:active:not(:disabled){background-color:var(--bg-active)}.btn-primary{background-color:var(--accent-primary);border:1px solid var(--accent-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.btn-ghost{background-color:transparent;border:1px solid transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.btn-ghost:active:not(:disabled){background-color:var(--bg-active)}.btn-danger{background-color:transparent;border:1px solid var(--accent-error);color:var(--accent-error)}.btn-danger:hover:not(:disabled){background-color:var(--accent-error);color:var(--text-inverse)}.btn-icon{display:flex;align-items:center;justify-content:center;font-size:1em}.btn-icon svg{width:1em;height:1em}.btn-label{display:flex;align-items:center}.input{height:var(--input-height);padding:0 var(--space-md);background-color:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-primary);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.input:hover:not(:disabled){border-color:var(--border-strong)}.input:focus{border-color:var(--border-focus);background-color:var(--bg-primary)}.input:disabled{background-color:var(--bg-tertiary);color:var(--text-disabled);cursor:not-allowed}.input::placeholder{color:var(--text-tertiary)}.input-error{border-color:var(--accent-error)}.input-error:focus{border-color:var(--accent-error)}.modal{padding:0;border:none;border-radius:var(--radius-lg);background-color:var(--bg-primary);box-shadow:var(--shadow-lg);max-height:85vh;overflow:visible}.modal::backdrop{background-color:var(--overlay-bg)}.modal-sm{width:320px}.modal-md{width:480px}.modal-lg{width:640px}.modal-content{display:flex;flex-direction:column;max-height:85vh}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-light)}.modal-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;line-height:1;color:var(--text-secondary);border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast)}.modal-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:var(--space-xl);overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-light)}.shift-dialog{display:flex;flex-direction:column;gap:var(--space-lg)}.shift-dialog-info{color:var(--text-secondary);font-size:var(--font-sm)}.shift-dialog-input-row{display:flex;gap:var(--space-md);align-items:center}.shift-dialog-select{height:var(--input-height);padding:0 var(--space-md);background-color:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-primary);cursor:pointer}.shift-dialog-select:focus{border-color:var(--border-focus);outline:none}.shift-dialog-presets{display:flex;flex-direction:column;gap:var(--space-sm)}.shift-dialog-presets-label{color:var(--text-secondary);font-size:var(--font-xs)}.shift-dialog-preset-buttons{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.export-dialog{display:flex;flex-direction:column;gap:var(--space-lg)}.export-dialog-warning{display:flex;gap:var(--space-md);padding:var(--space-md);background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-danger, #ef4444)}.export-dialog-warning-icon{font-size:var(--font-lg);line-height:1}.export-dialog-warning-content{display:flex;flex-direction:column;gap:var(--space-xs)}.export-dialog-warning-content strong{font-size:var(--font-sm)}.export-dialog-warning-content p{font-size:var(--font-xs);margin:0;opacity:.9}.export-dialog-section{display:flex;flex-direction:column;gap:var(--space-md)}.export-dialog-filename{display:flex;align-items:center;gap:var(--space-sm)}.export-dialog-filename .input{flex:1}.export-dialog-extension{font-size:var(--font-sm);font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap}.export-dialog-label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.export-dialog-options{display:flex;flex-direction:column;gap:var(--space-sm)}.export-dialog-option{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.export-dialog-option:hover{background-color:var(--bg-hover)}.export-dialog-option:has(input:checked){border-color:var(--accent-primary);background-color:var(--accent-primary-light)}.export-dialog-option input{margin-top:2px;accent-color:var(--accent-primary)}.export-dialog-option-content{display:flex;flex-direction:column;gap:var(--space-xs)}.export-dialog-option-title{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.export-dialog-option-desc{font-size:var(--font-xs);color:var(--text-secondary)}.export-dialog-suboptions{display:flex;flex-direction:column;gap:var(--space-xs);margin-left:calc(var(--space-lg) + var(--space-md));padding-left:var(--space-md);border-left:2px solid var(--border-light)}.export-dialog-suboption{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.export-dialog-suboption:hover{background-color:var(--bg-hover)}.export-dialog-suboption:has(input:checked){background-color:var(--accent-primary-light)}.export-dialog-suboption input{margin-top:2px;accent-color:var(--accent-primary)}.export-dialog-suboption-content{display:flex;flex-direction:column;gap:2px}.export-dialog-suboption-title{font-size:var(--font-xs);font-weight:500;color:var(--text-primary)}.export-dialog-suboption-desc{font-size:var(--font-xs);color:var(--text-secondary);opacity:.8}.shortcuts-dialog{display:flex;flex-direction:column;gap:var(--space-lg);max-height:400px;overflow-y:auto}.shortcuts-group{display:flex;flex-direction:column;gap:var(--space-sm)}.shortcuts-group-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:0;padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-default)}.shortcuts-list{display:flex;flex-direction:column;gap:var(--space-xs)}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0}.shortcut-keys{font-family:var(--font-mono);font-size:var(--font-xs);background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);color:var(--text-primary)}.shortcut-description{font-size:var(--font-sm);color:var(--text-secondary)}.about-dialog{display:flex;flex-direction:column;gap:var(--space-md);text-align:center}.about-title{font-size:var(--font-xl);font-weight:600;color:var(--text-primary);margin:0}.about-version{font-size:var(--font-sm);color:var(--text-secondary);margin:0}.about-description{font-size:var(--font-sm);color:var(--text-primary);margin:0}.about-features{text-align:left;margin-top:var(--space-md)}.about-features-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.about-features-list{font-size:var(--font-sm);color:var(--text-secondary);margin:0;padding-left:var(--space-lg)}.about-features-list li{margin-bottom:var(--space-xs)}.find-dialog{display:flex;flex-direction:column;gap:var(--space-md)}.find-dialog-search-row{display:flex;gap:var(--space-sm);align-items:center}.find-dialog-input{flex:1}.find-dialog-nav-buttons{display:flex;gap:var(--space-xs)}.find-dialog-option{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer}.find-dialog-option input{accent-color:var(--accent-primary)}.find-dialog-match-info{flex:1;font-size:var(--font-sm);color:var(--text-secondary)}.find-dialog-no-results{color:var(--color-danger)}.goto-dialog{display:flex;flex-direction:column;gap:var(--space-lg)}.goto-dialog-section{display:flex;flex-direction:column;gap:var(--space-sm)}.goto-dialog-label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.goto-dialog-error{font-size:var(--font-xs);color:var(--color-danger)}.goto-dialog-hint{font-size:var(--font-xs);color:var(--text-tertiary)}.goto-dialog-quick-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.goto-dialog-quick-buttons .btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);min-width:60px}.goto-dialog-quick-time{font-size:var(--font-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.header-nav{display:flex;align-items:center;gap:var(--space-xs)}.header-menu{position:relative}.header-menu-item{padding:var(--space-sm) var(--space-md);font-size:var(--font-sm);color:var(--text-primary);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.header-menu-item:hover,.header-menu-item.active{background-color:var(--bg-hover)}.header-dropdown{position:absolute;top:100%;left:0;min-width:200px;padding:var(--space-xs) 0;background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.header-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm) var(--space-lg);font-size:var(--font-sm);color:var(--text-primary);text-align:left;transition:background-color var(--transition-fast)}.header-dropdown-item:hover:not(:disabled){background-color:var(--bg-hover)}.header-dropdown-item:disabled{color:var(--text-disabled);cursor:not-allowed}.header-shortcut{font-size:var(--font-xs);color:var(--text-tertiary);margin-left:var(--space-lg)}.header-dropdown-separator{height:1px;margin:var(--space-xs) 0;background-color:var(--border-light)}.header-actions{display:flex;align-items:center;gap:var(--space-sm)}.header-dropdown-submenu-container{position:relative}.header-dropdown-submenu-trigger{cursor:default}.header-submenu-arrow{font-size:10px;color:var(--text-tertiary)}.header-submenu{position:absolute;top:0;left:100%;margin-left:-1px;display:none;min-width:250px}.header-dropdown-submenu-container:hover .header-submenu{display:block}.header-dropdown-submenu-container:hover>.header-dropdown-submenu-trigger:not(:disabled){background-color:var(--bg-hover)}.header-recent-item{position:relative;padding-right:var(--space-xl)!important}.header-recent-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;overflow:hidden}.header-recent-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.header-recent-meta{font-size:var(--font-xs);color:var(--text-tertiary)}.header-recent-delete{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-tertiary);border-radius:var(--radius-sm);opacity:0;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.header-recent-item:hover .header-recent-delete{opacity:1}.header-recent-delete:hover{background-color:var(--bg-hover);color:var(--color-danger)}.statusbar{height:var(--statusbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);background-color:var(--bg-tertiary);border-top:1px solid var(--border-light);font-size:var(--font-xs);color:var(--text-secondary)}.statusbar-left,.statusbar-right{display:flex;align-items:center;gap:var(--space-md)}.statusbar-item{white-space:nowrap}.statusbar-separator{color:var(--border-default)}.statusbar-unsaved{color:var(--accent-warning)}.statusbar-conflict{color:var(--color-danger, #ef4444);font-weight:500}.toolbar{display:flex;align-items:center;gap:var(--space-md);height:var(--toolbar-height);padding:0 var(--space-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.toolbar-group{display:flex;align-items:center;gap:var(--space-xs)}.toolbar-separator{width:1px;height:20px;background-color:var(--border-light)}.toolbar-selection-info{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-xs);color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-sm)}.toolbar-clear-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;color:var(--text-tertiary);border-radius:50%;transition:background-color var(--transition-fast),color var(--transition-fast)}.toolbar-clear-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.toolbar-btn-warning{background-color:var(--accent-warning, #f59e0b)!important;color:#fff!important;border-color:var(--accent-warning, #f59e0b)!important}.toolbar-btn-warning:hover:not(:disabled){background-color:var(--accent-warning-hover, #d97706)!important;border-color:var(--accent-warning-hover, #d97706)!important}.timestamp-input{width:100%;height:calc(var(--row-height) - 8px);padding:0 var(--space-sm);background-color:var(--bg-primary);border:1px solid var(--border-focus);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-sm);font-variant-numeric:tabular-nums;color:var(--text-primary)}.timestamp-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-primary-light)}.timestamp-input-error{border-color:var(--accent-error)}.timestamp-input-error:focus{border-color:var(--accent-error);box-shadow:0 0 0 2px #ea433533}.text-editor{width:100%;min-height:calc(var(--row-height) - 8px);padding:var(--space-xs) var(--space-sm);background-color:var(--bg-primary);border:1px solid var(--border-focus);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-sm);line-height:var(--line-height-normal);color:var(--text-primary);resize:none;overflow:hidden}.text-editor:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-primary-light)}.cue-row{display:flex;align-items:center;height:var(--row-height);padding:0 var(--space-md);border-bottom:1px solid var(--border-light);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.cue-row:hover{background-color:var(--bg-hover)}.cue-row-selected{background-color:var(--bg-selected)}.cue-row-selected:hover{background-color:var(--bg-selected-hover)}.cue-row-current{border-left:3px solid var(--accent-primary);padding-left:calc(var(--space-md) - 3px)}.cue-row-conflict{background-color:var(--bg-conflict, rgba(239, 68, 68, .1));border-left:3px solid var(--color-danger, #ef4444);padding-left:calc(var(--space-md) - 3px)}.cue-row-conflict:hover{background-color:var(--bg-conflict-hover, rgba(239, 68, 68, .15))}.cue-row-conflict.cue-row-selected{background-color:var(--bg-conflict-selected, rgba(239, 68, 68, .2))}.cue-row-conflict .cue-col-start,.cue-row-conflict .cue-col-end{color:var(--color-danger, #ef4444);font-weight:500}.cue-col{flex-shrink:0;padding:0 var(--space-sm);font-size:var(--font-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cue-col-num{width:40px;text-align:center;color:var(--text-tertiary);font-size:var(--font-xs)}.cue-col-start,.cue-col-end{width:100px;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.cue-col-text{flex:1;min-width:0;color:var(--text-primary)}.cue-text-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cue-row-editing{height:auto;min-height:var(--row-height)}.cue-row-editing .cue-col{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.cue-col-chars{width:50px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-tertiary);font-size:var(--font-xs)}.cue-col-chars-over{color:var(--accent-error)}.subtitle-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.subtitle-list-header{display:flex;align-items:center;height:var(--row-height);padding:0 var(--space-md);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light);font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.subtitle-list-col{flex-shrink:0;padding:0 var(--space-sm)}.subtitle-list-col-num{width:40px;text-align:center}.subtitle-list-col-start,.subtitle-list-col-end{width:100px}.subtitle-list-col-text{flex:1;min-width:0}.subtitle-list-col-chars{width:50px;text-align:right}.subtitle-list-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.subtitle-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center;padding:var(--space-2xl)}.subtitle-list-hint{font-size:var(--font-sm);color:var(--text-tertiary);margin-top:var(--space-sm)}.subtitle-list-empty-body{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-secondary);text-align:center}.subtitle-list-row-wrapper{position:relative}.subtitle-list-add-pill{position:absolute;bottom:-10px;right:20px;z-index:10;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:10px;background-color:var(--accent-primary);color:#fff;font-size:14px;font-weight:600;line-height:1;cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform var(--transition-fast),background-color var(--transition-fast)}.subtitle-list-add-pill:hover{background-color:var(--accent-primary-hover);transform:scale(1.1)}.subtitle-list-add-pill:active{transform:scale(.95)}.subtitle-overlay{position:absolute;bottom:10%;left:50%;transform:translate(-50%);max-width:80%;text-align:center;pointer-events:none}.subtitle-text{display:inline-block;padding:var(--space-sm) var(--space-md);background-color:#000000bf;border-radius:var(--radius-sm);color:#fff;font-size:16px;line-height:1.4;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.subtitle-text b{font-weight:700}.subtitle-text i{font-style:italic}.subtitle-text u{text-decoration:underline}.video-player{display:flex;flex-direction:column;height:100%}.video-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--video-bg);min-height:0;overflow:hidden}.video-container video{max-width:100%;max-height:100%;cursor:pointer}.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);text-align:center;padding:var(--space-2xl)}.video-hint{font-size:var(--font-sm);margin-top:var(--space-sm)}.video-placeholder-warning{background-color:#f59e0b1a}.video-warning-icon{font-size:32px;margin-bottom:var(--space-md)}.video-warning-title{font-weight:500;color:var(--accent-warning, #f59e0b);margin:0}.video-warning-filename{font-size:var(--font-sm);font-family:var(--font-mono);color:var(--text-secondary);margin:var(--space-xs) 0;padding:var(--space-xs) var(--space-sm);background-color:var(--bg-secondary);border-radius:var(--radius-sm);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-open-btn{margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;transition:background-color var(--transition-fast)}.video-open-btn:hover{background-color:var(--accent-primary-hover)}.video-controls{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background-color:var(--bg-tertiary);border-top:1px solid var(--border-light)}.video-play-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-hover);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--text-primary);transition:background-color var(--transition-fast);flex-shrink:0}.video-play-btn:hover:not(:disabled){background-color:var(--bg-active)}.video-play-btn:disabled{opacity:.5;cursor:not-allowed}.video-timeline{flex:1;min-width:0}.video-progress-bar{position:relative;height:4px;background:var(--border-default);border-radius:2px}.video-progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--accent-primary);border-radius:2px;pointer-events:none}.video-progress-bar input[type=range]{position:absolute;top:50%;left:0;width:100%;height:16px;transform:translateY(-50%);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.video-progress-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--accent-primary);border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000004d}.video-progress-bar input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--accent-primary);border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 3px #0000004d}.video-progress-bar input[type=range]:disabled{opacity:.5;cursor:not-allowed}.video-time{font-size:var(--font-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:90px;text-align:right;flex-shrink:0}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-main{flex:1;display:flex;min-height:0;overflow:hidden}.app-editor{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--border-light);overflow:hidden}.app-preview{width:45%;min-width:320px;max-width:640px;display:flex;flex-direction:column;background-color:var(--bg-secondary)}.app-dragging{position:relative}.app-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.app-drop-message{padding:var(--space-2xl) var(--space-xl);background-color:var(--bg-primary);border:2px dashed var(--accent-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-lg);font-weight:500}