:root{color-scheme:dark;--bg: #101012;--bg-elevated: #17171a;--bg-hover: #1f1f23;--border: #26262b;--border-strong: #38383f;--text: #f2f2f3;--text-dim: #9d9da4;--text-faint: #5f5f66;--accent: #f2f2f3;--accent-dim: #8a8a92;--warning-bg: #2a2416;--warning-border: #6b5520;--warning-text: #e4c67e;--error-bg: #2c1a1a;--error-border: #7a3434;--error-text: #eda7a7;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--radius-s: 4px;--radius-m: 8px;--speed: .15s;--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--fs-2xs: 10px;--fs-xs: 11px;--fs-s: 12px;--fs-m: 13px;--fs-base: 14px;--fs-l: 15px;--fs-xl: 16px;--fs-2xl: 18px;--sp-0: 2px;--sp-1: 4px;--sp-2: 6px;--sp-3: 8px;--sp-4: 12px;--sp-5: 16px;--sp-6: 20px;--sp-7: 24px;--sp-8: 32px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}button{font-family:inherit;font-size:inherit}::selection{background:var(--text);color:var(--bg)}button,input,select,textarea,.chip{transition:background var(--speed) ease,border-color var(--speed) ease,color var(--speed) ease,opacity var(--speed) ease}:focus{outline:none}:focus-visible{outline:2px solid var(--text);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-s);border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.app{display:flex;height:100%}.app__sidebar{width:240px;min-width:240px;background:var(--bg-elevated);border-right:1px solid var(--border);display:flex;flex-direction:column}.app__sidebar-scroll{flex:1;min-height:0;overflow-y:auto}.app__sidebar-footer{flex-shrink:0;border-top:1px solid var(--border);padding:var(--sp-3)}.app__sidebar-settings{width:100%;background:transparent;border:1px solid transparent;border-radius:var(--radius-s);padding:var(--sp-3);color:var(--text-dim);font-size:var(--fs-m);text-align:left;cursor:pointer}.app__sidebar-settings:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-strong)}.project-list{padding:var(--sp-5) var(--sp-4)}.project-list__title{margin:0 var(--sp-3) var(--sp-5);font-family:var(--font-mono);font-size:var(--fs-m);font-weight:400;letter-spacing:.04em;color:var(--text-dim)}.project-list__brand{font-weight:700;color:var(--text)}.project-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-0)}.project-list__empty{margin:0 var(--sp-3);color:var(--text-faint);font-size:var(--fs-m);line-height:1.5}.project-list__row{display:flex;align-items:center;gap:var(--sp-2)}.project-list__item{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1);align-items:flex-start;background:transparent;border:1px solid transparent;border-radius:var(--radius-s);padding:var(--sp-3) var(--sp-3);color:var(--text);cursor:pointer;text-align:left}.project-list__item:hover{background:var(--bg-hover)}.project-list__item--active{background:var(--bg-hover);border-color:var(--border-strong)}.project-list__item--static{cursor:default}.project-list__slug{font-size:var(--fs-m);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.project-list__meta{display:flex;align-items:center;gap:var(--sp-2)}.project-list__date{font-size:var(--fs-xs);color:var(--text-faint)}.project-list__delete{flex-shrink:0;font-size:var(--fs-s);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-s);border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer}.project-list__delete:hover:not(:disabled){color:var(--text);border-color:var(--text-faint)}.project-list__delete--armed{border-color:var(--error-border);background:var(--error-bg);color:var(--error-text)}.project-list__delete:disabled{opacity:.5;cursor:not-allowed}.project-list__action{flex-shrink:0;font-size:var(--fs-s);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-s);border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer}.project-list__action:hover:not(:disabled){color:var(--text);border-color:var(--text-faint)}.project-list__action--active{color:var(--text);border-color:var(--text)}.project-list__action:disabled{opacity:.5;cursor:not-allowed}.replace-source{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border)}.replace-source .import-wizard__header{align-items:flex-start;gap:var(--sp-3)}.replace-source .import-wizard__step{min-width:0;word-break:break-word}.replace-source .import-wizard__header .button--link{flex-shrink:0;white-space:nowrap}.replace-source__compare div{gap:var(--sp-4)}.replace-source__compare dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.replace-source__probe{color:var(--text-dim);font-size:var(--fs-s)}.app__main{flex:1;overflow-y:auto;padding:var(--sp-7);display:flex;flex-direction:column;gap:var(--sp-6)}.app__main>*{width:100%;max-width:1760px;margin-inline:auto}.app__empty{color:var(--text-dim);font-size:var(--fs-base)}.button{background:transparent;border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-s);padding:var(--sp-2) var(--sp-4);cursor:pointer}.button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-dim)}.button:active:not(:disabled){transform:translateY(1px)}.nudge-btn:active:not(:disabled),.chip--word:active,.cue-editor__tracks button.chip:active:not(:disabled),.cue-editor__resegment:active:not(:disabled),.project-list__delete:active:not(:disabled),button.project-list__item:active,.app__sidebar-settings:active,.drawer__toggle:active,.preset-pill:active,.segmented__button:active,.style-panel__toggle:active,button.stepper__step:active,.cue-insert-gap__btn:active:not(:disabled),.banner__dismiss:active{transform:translateY(1px)}.button:disabled{opacity:.4;cursor:not-allowed}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.button--primary:hover:not(:disabled){background:#fff;border-color:#fff}.button--link{background:transparent;border:none;color:var(--text-dim);padding:var(--sp-1) 0;text-decoration:underline;text-underline-offset:3px;text-align:left;font-size:var(--fs-m);word-break:break-all}.button--link:hover:not(:disabled){color:var(--text)}.drop-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-m);padding:var(--sp-8) var(--sp-7);display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);background:var(--bg-elevated);transition:border-color var(--speed) ease,background var(--speed) ease}.drop-zone--active{border-color:var(--accent);background:#f2f2f30d}.drop-zone--busy{opacity:.85}.drop-zone__hint{margin:0;color:var(--text-dim);font-size:var(--fs-m)}.drop-zone__status{display:flex;align-items:center;gap:var(--sp-3);color:var(--text-dim);font-size:var(--fs-m)}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.drop-zone__notfound{margin:0;color:var(--warning-text);font-size:var(--fs-m);text-align:center}.drop-zone__candidates{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-4) var(--sp-4)}.drop-zone__candidates-label{margin:0 0 var(--sp-3);font-size:var(--fs-m);color:var(--text-dim)}.drop-zone__candidates ul{list-style:none;margin:0 0 var(--sp-3);padding:0;display:flex;flex-direction:column;gap:var(--sp-0)}.chip{display:inline-flex;align-items:center;padding:var(--sp-0) var(--sp-3);border-radius:var(--radius-s);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;background:transparent;border:1px solid var(--border-strong);color:var(--text-dim);white-space:nowrap}.chip--small{padding:var(--sp-0) var(--sp-2);font-size:var(--fs-2xs)}.chip--16-9,.chip--9-16,.chip--other{color:var(--text-dim)}.chip--stage-pending{color:var(--text-faint);border-color:var(--border)}.chip--stage-running{color:var(--text);border-color:var(--accent-dim)}.chip--stage-running:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text);margin-right:var(--sp-2);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}.chip--stage-done{color:var(--text-dim);border-color:var(--border)}.chip--stage-error{color:var(--error-text);border-color:var(--error-border);background:transparent}.chip--active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.transcribe-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.transcribe-panel__stages{display:flex;gap:var(--sp-3);flex-wrap:wrap}.transcribe-panel__controls{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap}.transcribe-panel__field{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-m);color:var(--text-dim)}.transcribe-panel__field select{background:var(--bg-hover);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-s);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-m)}.transcribe-panel__checkbox{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-m);color:var(--text-dim);cursor:pointer}.transcribe-panel__status{display:flex;align-items:center;gap:var(--sp-3);color:var(--text-dim);font-size:var(--fs-m)}.translate-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.translate-panel__controls{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap}.translate-panel__field{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-m);color:var(--text-dim)}.translate-panel__field select{background:var(--bg-hover);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-s);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-m)}.translate-panel__status{display:flex;align-items:center;gap:var(--sp-3);color:var(--text-dim);font-size:var(--fs-m)}.transcript-view{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.transcript-view--error{color:var(--error-text)}.transcript-view__header{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.transcript-view__meta{font-size:var(--fs-s);color:var(--text-faint)}.transcript-view__words{line-height:1.9;font-size:var(--fs-base);white-space:normal}.transcript-word{display:inline;border-radius:var(--radius-s);padding:var(--sp-0) var(--sp-0)}.transcript-word--event{font-style:italic;color:var(--text-faint)}.transcript-word--low-confidence{background:#ffb4b42e;text-decoration:underline;text-decoration-color:var(--error-border);text-decoration-style:wavy}.transcript-view__truncated{margin:0;font-size:var(--fs-s);color:var(--text-faint)}.cue-list-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.cue-list-panel__header{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.cue-list-panel__title{margin:0;font-family:var(--font-mono);font-size:var(--fs-s);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);flex:1}.cue-list-panel__hint{font-size:var(--fs-s);color:var(--text-faint)}.cue-list-panel__empty{margin:0;color:var(--text-faint);font-size:var(--fs-m)}.cue-list-panel__summary{font-size:var(--fs-s);color:var(--text-dim)}.cue-list-panel__list{list-style:none;margin:0;padding:0;max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-3)}.cue-row{border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.cue-row__meta{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.cue-row__id{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint)}.cue-row__time{font-family:var(--font-mono);font-size:var(--fs-s);color:var(--text-dim)}.cue-row__duration{font-size:var(--fs-s);color:var(--text-faint)}.cue-row__lines{display:flex;flex-direction:column;gap:var(--sp-0);border-left:2px solid var(--border-strong);padding-left:var(--sp-3)}.cue-row__line{font-family:var(--font-mono);font-size:var(--fs-base);line-height:1.5}.badge{display:inline-flex;align-items:center;padding:var(--sp-0) var(--sp-2);border-radius:var(--radius-s);font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:500;letter-spacing:.03em;white-space:nowrap;cursor:default}.badge--amber{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text)}.video-player{background:#000;border:1px solid var(--border);border-radius:var(--radius-m);overflow:hidden;display:flex;flex-direction:column;align-items:center}.video-player__readout{align-self:stretch;text-align:center;padding:var(--sp-2) 0;font-family:var(--font-mono);font-size:var(--fs-m);color:var(--text-dim);background:var(--bg-elevated);border-top:1px solid var(--border)}.video-player__stage{position:relative;display:flex}.video-player__video{max-width:100%;max-height:55vh;width:auto;background:#000;display:block}.workspace[data-aspect="9:16"] .video-player__video{max-height:70vh}.video-player__subs{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.video-player__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:var(--sp-3);color:var(--text-dim);font-size:var(--fs-m);background:#000}.video-player--unsupported{background:var(--warning-bg);border-color:var(--warning-border);padding:var(--sp-5) var(--sp-6);display:block}.video-player--unsupported p{margin:0;color:var(--warning-text);font-size:var(--fs-m);line-height:1.5}.cue-editor{display:flex;flex-direction:column;gap:var(--sp-5)}.cue-editor__panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.cue-editor__header{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.cue-editor__title{margin:0;font-family:var(--font-mono);font-size:var(--fs-s);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);flex:1}.cue-editor__summary{font-family:var(--font-mono);font-size:var(--fs-s);color:var(--text-dim)}.cue-editor__empty{margin:0;color:var(--text-faint);font-size:var(--fs-m)}.cue-editor__tracks{display:flex;align-items:center;gap:var(--sp-2)}.cue-editor__tracks button.chip{cursor:pointer}.cue-editor__tracks button.chip:disabled{opacity:.4;cursor:not-allowed}.cue-editor__resegment{font-size:var(--fs-s);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-s);border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer}.cue-editor__resegment:hover:not(:disabled){color:var(--text);border-color:var(--text-faint)}.cue-editor__resegment--armed{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning-text)}.cue-editor__list{list-style:none;margin:0;padding:0;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-3)}.cue-row--active{border-color:var(--accent-dim);background:var(--bg-hover);box-shadow:inset 2px 0 0 var(--accent)}.cue-row__time{background:transparent;border:none;padding:0;font-family:var(--font-mono);font-size:var(--fs-s);color:var(--text-dim);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.cue-row__time:hover{color:var(--text)}.cue-row__merge{margin-left:auto;padding:var(--sp-0) var(--sp-3);font-size:var(--fs-xs)}.nudge-bar{display:flex;gap:var(--sp-5);flex-wrap:wrap}.nudge-group{display:flex;align-items:center;gap:var(--sp-1)}.nudge-group__label{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin-right:var(--sp-0)}.nudge-btn{background:var(--bg-hover);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:var(--radius-s);padding:var(--sp-0) var(--sp-2);font-size:var(--fs-xs);font-family:var(--font-mono);cursor:pointer}.nudge-btn:hover:not(:disabled){background:var(--border-strong);color:var(--text)}.nudge-btn:disabled{opacity:.35;cursor:not-allowed}.cue-editor .cue-row__lines{cursor:text;border-radius:0 var(--radius-s) var(--radius-s) 0}.cue-editor .cue-row__lines:hover{background:var(--bg-hover)}.cue-row__textarea{width:100%;resize:vertical;background:var(--bg);border:1px solid var(--accent);border-radius:var(--radius-s);padding:var(--sp-3) var(--sp-3);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-base);line-height:1.5}.cue-row__textarea:focus{outline:none}.cue-row__words{display:flex;align-items:center;flex-wrap:wrap;gap:0;row-gap:var(--sp-1)}.chip--word{cursor:pointer;border:1px solid transparent;background:transparent;color:var(--text-dim);padding:var(--sp-0) var(--sp-1);font-weight:400;font-family:inherit;text-transform:none;letter-spacing:normal;font-size:var(--fs-s)}.chip--word:hover{background:var(--bg-hover);border-color:var(--border-strong)}.chip--word-warning{background:#ffb4b41a;color:var(--error-text)}.cue-split{background:transparent;border:none;color:transparent;width:14px;font-size:var(--fs-2xs);cursor:pointer;padding:0}.cue-row__words:hover .cue-split{color:var(--text-faint)}.cue-split:hover{color:var(--accent)!important}.cue-insert-gap{display:flex;justify-content:center;align-items:center;min-height:4px}.cue-insert-gap__btn{width:18px;height:18px;line-height:1;border-radius:50%;border:1px solid transparent;background:transparent;color:transparent;font-size:var(--fs-s);cursor:pointer;padding:0}.cue-insert-gap:hover .cue-insert-gap__btn{color:var(--text-faint);border-color:var(--border-strong);background:var(--bg-hover)}.cue-insert-gap__btn:hover:not(:disabled){color:var(--accent)!important;border-color:var(--accent)!important}.cue-insert-gap__btn:disabled{cursor:not-allowed}.cue-row--draft{border-color:var(--accent)}.style-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.style-panel__empty{margin:0;color:var(--text-faint);font-size:var(--fs-m)}.style-panel__header{display:flex;align-items:center;gap:var(--sp-4)}.style-panel__title{margin:0;font-size:var(--fs-l);font-weight:600;flex:1}.style-panel__updating{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-s);color:var(--text-dim)}.style-panel__presets{display:flex;gap:var(--sp-3)}.preset-pill{background:transparent;border:1px solid var(--border-strong);color:var(--text-dim);border-radius:999px;padding:var(--sp-1) var(--sp-4);font-size:var(--fs-s);font-weight:600;text-transform:none;cursor:pointer}.preset-pill:hover{border-color:var(--text-faint);color:var(--text)}.preset-pill--active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.style-panel__section{display:flex;flex-direction:column;gap:var(--sp-4)}.style-panel__section+.style-panel__section{border-top:1px solid var(--border);padding-top:var(--sp-5)}.style-panel__section-title{margin:0;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.style-panel__field{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.style-panel__field-row{display:flex;align-items:flex-start;gap:var(--sp-6);flex-wrap:wrap}.style-panel__label{font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.style-panel__field select{background:var(--bg-hover);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-s);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-m);width:100%}.style-panel__field input[type=number]{background:var(--bg-hover);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-s);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-m);width:88px}.style-panel__field input[type=range]{width:160px;margin:auto 0;min-height:28px}.style-panel__row{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.style-panel__toggle{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-hover);border:1px solid var(--border-strong);border-radius:var(--radius-s);color:var(--text-dim);font-weight:700;font-size:var(--fs-m);cursor:pointer}.style-panel__toggle:hover{color:var(--text)}.style-panel__toggle--active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.style-panel__checkbox-label{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-m);color:var(--text-dim);cursor:pointer}.style-panel input[type=color]{width:32px;height:28px;padding:var(--sp-0);background:var(--bg-hover);border:1px solid var(--border-strong);border-radius:var(--radius-s);cursor:pointer}.style-panel input[type=range]{accent-color:var(--accent)}.style-panel input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.segmented{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-s);overflow:hidden}.segmented__button{background:var(--bg-hover);border:none;border-right:1px solid var(--border-strong);color:var(--text-dim);padding:var(--sp-1) var(--sp-4);font-size:var(--fs-s);text-transform:capitalize;cursor:pointer}.segmented__button:last-child{border-right:none}.segmented__button:hover{color:var(--text)}.segmented__button--active{background:var(--accent);color:var(--bg);font-weight:600}.segmented__button--active:hover{color:var(--bg)}.export-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.export-panel--disabled{opacity:.6}.export-panel__header{display:flex;align-items:center;gap:var(--sp-4)}.export-panel__title{margin:0;font-size:var(--fs-l);font-weight:600;flex:1}.export-panel__hint{margin:0;font-size:var(--fs-s);color:var(--text-faint)}.export-panel__options{display:flex;gap:var(--sp-5);flex-wrap:wrap}.export-panel__checkbox{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-m);color:var(--text-dim);cursor:pointer}.export-panel__checkbox input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.export-panel__profile{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.export-panel__radio{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-m);color:var(--text-dim);cursor:pointer}.export-panel__radio input[type=radio]{accent-color:var(--accent);cursor:pointer}.export-panel__actions{display:flex;align-items:center;gap:var(--sp-4)}.export-panel__status{display:flex;align-items:center;gap:var(--sp-3);color:var(--text-dim);font-size:var(--fs-m)}.export-panel__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3)}.export-step{border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.export-step__row{display:flex;align-items:center;gap:var(--sp-3)}.export-step__label{font-size:var(--fs-m);font-weight:500;flex:1}.export-step__error{margin:0;font-size:var(--fs-s);color:var(--error-text);opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-step__result{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.export-panel__result-group{display:flex;flex-direction:column;gap:var(--sp-2)}.export-panel__track{margin:0;font-size:var(--fs-s);font-weight:600;color:var(--text-faint)}.export-step__path{font-family:var(--font-mono);font-size:var(--fs-s);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--sp-7);z-index:100}.settings-overlay__panel{width:560px;max-width:100%;max-height:85vh;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-6)}.settings-overlay__header{display:flex;align-items:center;justify-content:space-between}.settings-overlay__title{margin:0;font-family:var(--font-mono);font-size:var(--fs-l);font-weight:600;letter-spacing:.04em;color:var(--text)}.settings-panel__section{display:flex;flex-direction:column;gap:var(--sp-4);padding-top:var(--sp-6);border-top:1px solid var(--border)}.settings-panel__section:first-child{padding-top:0;border-top:none}.settings-panel__section-title{margin:0;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.settings-panel__stats{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--fs-m);color:var(--text)}.settings-panel__hint{margin:0;font-size:var(--fs-s);color:var(--text-faint)}.settings-panel__field{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.settings-panel__label{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.settings-panel__field input[type=text],.settings-panel__field input[type=password]{background:var(--bg-hover);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-s);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-m);width:100%}.settings-panel__tabs{align-self:flex-start}.settings-panel__hint--tight{margin:0}.settings-panel__row{display:flex;align-items:center;gap:var(--sp-3)}.settings-panel__row input[type=text],.settings-panel__row input[type=password]{flex:1;min-width:0}.settings-panel__reveal{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-xs);flex-shrink:0}.settings-overlay{animation:settings-overlay-in .15s ease}.settings-overlay__panel{animation:settings-panel-in .2s var(--ease-out-quint)}@keyframes settings-overlay-in{0%{background:#0000}}@keyframes settings-panel-in{0%{opacity:0;transform:scale(.97)}}@media(prefers-reduced-motion:reduce){.settings-overlay__panel{animation:settings-panel-fade .15s ease}}@keyframes settings-panel-fade{0%{opacity:0}}.progress-bar{width:100%;height:4px;border-radius:999px;background:var(--bg);border:1px solid var(--border);overflow:hidden}.progress-bar__fill{height:100%;width:100%;background:var(--accent);border-radius:999px;transform-origin:left;transition:transform .2s ease}.banner{border-radius:var(--radius-m);padding:var(--sp-4) var(--sp-4);font-size:var(--fs-m);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.banner--warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text);font-weight:500}.banner--error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text)}.banner__dismiss{background:transparent;border:none;color:inherit;font-size:var(--fs-2xl);line-height:1;cursor:pointer;padding:0 var(--sp-0)}.banner__dismiss:hover{opacity:.7}.workspace{display:grid;grid-template-columns:minmax(0,3fr) minmax(340px,2fr);gap:var(--sp-6);align-items:start}.workspace__cues{min-width:0;display:flex;flex-direction:column;gap:var(--sp-5)}.workspace__side{position:sticky;top:0;display:flex;flex-direction:column;gap:var(--sp-4);min-width:0;max-height:calc(100vh - (var(--sp-7) * 2));overflow-y:auto;scrollbar-width:none}.workspace__side::-webkit-scrollbar{display:none}.workspace__side>*{flex-shrink:0}.workspace .cue-editor__list{max-height:none;overflow-y:visible}.cue-row--clickable{cursor:pointer}.cue-row__lines{display:flex;align-items:flex-start;gap:var(--sp-3)}.cue-row__lines-text{flex:1;min-width:0}.drawer{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-m);overflow:hidden}.drawer__toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-s);font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:var(--sp-4) var(--sp-5);cursor:pointer}.drawer--open .drawer__toggle,.drawer__toggle:hover{color:var(--text)}.drawer__toggle:hover{background:var(--bg-hover)}.drawer__clip{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .2s var(--ease-out-quint),visibility 0s .2s}.drawer--open .drawer__clip{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .2s var(--ease-out-quint)}.drawer__clip-inner{overflow:hidden;min-height:0}.drawer__chevron{color:var(--text-faint);font-size:var(--fs-s);transition:transform var(--speed) ease}.drawer--open .drawer__chevron{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.drawer__clip,.drawer--open .drawer__clip{transition:visibility 0s}.drawer__chevron{transition:none}}.drawer__body{padding:0 var(--sp-5) var(--sp-5)}.drawer__body .style-panel,.drawer__body .export-panel{background:transparent;border:none;padding:0}.drawer__body .style-panel__title,.drawer__body .export-panel__title{display:none}.stepper{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-4) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-3)}.stepper__meta{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--fs-s);color:var(--text-dim)}.stepper__filename{color:var(--text);font-size:var(--fs-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stepper__meta-item{white-space:nowrap}.stepper__steps{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.stepper__step{cursor:pointer;border:1px solid transparent}.stepper__step--expanded{border-color:var(--border-strong)}span.stepper__step{cursor:default}.stepper__body{border-top:1px solid var(--border);padding-top:var(--sp-4)}.stepper__body--segment{display:flex;align-items:center;gap:var(--sp-4)}.stepper__hint{color:var(--text-dim);font-size:var(--fs-m)}.stepper__body .transcribe-panel,.stepper__body .translate-panel{background:transparent;border:none;padding:0}.import-wizard{padding:var(--sp-5) var(--sp-4) 0}.import-wizard--active{display:flex;flex-direction:column;gap:var(--sp-3);border-bottom:1px solid var(--border);padding-bottom:var(--sp-5)}.import-wizard__open{width:100%}.import-wizard__header{display:flex;justify-content:space-between;align-items:center}.import-wizard__step{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase}.drop-zone--compact{padding:var(--sp-4) var(--sp-3)}.drop-zone--compact .drop-zone__hint{font-size:var(--fs-s);margin:0 0 var(--sp-3)}.import-wizard__confirm{display:flex;flex-direction:column;gap:var(--sp-3);font-size:var(--fs-m)}.import-wizard__filename{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.import-wizard__filename strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-wizard__path{margin:0;color:var(--text-faint);font-size:var(--fs-xs);word-break:break-all}.import-wizard__meta{margin:0;display:flex;flex-direction:column;gap:var(--sp-1)}.import-wizard__meta div{display:flex;justify-content:space-between}.import-wizard__meta dt{color:var(--text-dim)}.import-wizard__meta dd{margin:0}.import-wizard__actions{display:flex;gap:var(--sp-3)}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);color:var(--text)}.login-screen__card{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-m);padding:40px 48px;max-width:380px}.login-screen__title{font-size:20px;font-weight:600;letter-spacing:.02em}.login-screen__hint{color:var(--text-dim);font-size:13px}.login-screen__error{color:var(--error-text);background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-m);padding:8px 12px;font-size:13px}.login-screen__button{min-width:200px}.settings-panel__account{display:flex;align-items:center;gap:12px}.settings-panel__avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.settings-panel__account-id{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.settings-panel__account-name{display:flex;align-items:center;gap:8px;font-size:14px}.settings-panel__account-email{color:var(--text-dim);font-size:12px;overflow:hidden;text-overflow:ellipsis}.settings-panel__hint--error{color:var(--error-text)}