:root{--gray-10: #fbfafd;--gray-50: #ececef;--gray-100: #dcdcde;--gray-200: #bfbfc3;--gray-300: #a4a3a8;--gray-400: #89888d;--gray-500: #737278;--gray-600: #626168;--gray-700: #535158;--gray-800: #424149;--gray-900: #333238;--gray-950: #1f1e24;--blue-50: #e9f3fc;--blue-100: #cbe2f9;--blue-500: #1f75cb;--blue-600: #1068bf;--blue-700: #0b5cad;--green-50: #ecf4ee;--green-100: #c3e6cd;--green-500: #108548;--green-600: #24663b;--orange-50: #fdf1dd;--orange-100: #f5d9a8;--orange-500: #c17d10;--orange-600: #9e5400;--red-50: #fcf1ef;--red-100: #fdd4cd;--red-500: #dd2b0e;--red-600: #c91c00;--purple-100: #e1d8f9;--purple-500: #7759c2;--purple-600: #694cc0;--bg-default: #ffffff;--bg-subtle: var(--gray-10);--bg-section: var(--gray-50);--bg-overlay: #ffffff;--text-default: var(--gray-900);--text-strong: var(--gray-950);--text-subtle: var(--gray-500);--text-disabled: var(--gray-400);--text-link: var(--blue-600);--text-on-accent: #ffffff;--border-default: var(--gray-100);--border-strong: var(--gray-200);--border-focus: var(--blue-500);--font-sans: "GitLab Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Helvetica Neue", Arial, sans-serif;--font-mono: "GitLab Mono", ui-monospace, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;--fs-sm: .75rem;--fs-base: .875rem;--fs-lg: 1rem;--fs-xl: 1.25rem;--lh-base: 1.5;--sp-1: .125rem;--sp-2: .25rem;--sp-3: .5rem;--sp-4: .75rem;--sp-5: 1rem;--sp-6: 1.5rem;--sp-7: 2rem;--radius-sm: .125rem;--radius-base: .25rem;--radius-lg: .5rem;--shadow-sm: 0 1px 2px rgba(31, 30, 36, .1);--shadow-md: 0 2px 8px rgba(31, 30, 36, .16);--status-pending: var(--gray-400);--status-recorded: var(--blue-500);--status-over: var(--red-500);--status-approved: var(--green-500)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--text-default);background:var(--bg-section);-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px;border-radius:var(--radius-sm)}kbd{font-family:var(--font-mono);font-size:.6875rem;background:var(--bg-section);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--radius-base);padding:0 var(--sp-2);color:var(--text-subtle)}.app{height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;background:var(--bg-section)}.workspace{display:grid;grid-template-columns:auto var(--split-left, 40%) 6px minmax(0,1fr);overflow:hidden;min-height:0}.rail{display:flex;flex-direction:column;width:200px;background:var(--bg-default);border-right:1px solid var(--border-default);min-height:0}.rail--closed{width:34px;align-items:center;padding-top:var(--sp-2)}.rail__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-default);background:var(--bg-subtle)}.rail__title{font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle)}.rail__toggle{border:none;background:transparent;color:var(--text-subtle);cursor:pointer;font-size:var(--fs-base);padding:2px 6px;border-radius:var(--radius-sm)}.rail__toggle:hover{background:var(--bg-section);color:var(--text-strong)}.rail__list{flex:1;overflow-y:auto;min-height:0;padding:var(--sp-2);display:flex;flex-direction:column;gap:2px}.rail__item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-base);cursor:pointer;-webkit-user-select:none;user-select:none}.rail__item:hover{background:var(--bg-subtle)}.rail__item[aria-current=true]{background:var(--blue-50);color:var(--blue-700, var(--blue-600));font-weight:600}.rail__name{flex:1;font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail__edit{border:none;background:transparent;color:var(--text-subtle);cursor:pointer;font-size:var(--fs-sm);padding:2px 4px;border-radius:var(--radius-sm);opacity:0}.rail__item:hover .rail__edit,.rail__edit:focus-visible{opacity:1}.rail__edit:hover{background:var(--bg-section);color:var(--text-strong)}.rail__add{margin:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);border:1px dashed var(--border-strong);border-radius:var(--radius-base);background:transparent;color:var(--text-subtle);cursor:pointer}.rail__add:hover{border-color:var(--blue-500);color:var(--blue-600)}.pane{background:var(--bg-default);min-height:0;display:flex;flex-direction:column;overflow:hidden}.pane__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-default);background:var(--bg-subtle);flex-shrink:0}.pane__title{font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle);margin:0}.pane__body{overflow-y:auto;min-height:0;flex:1}.right-column{display:grid;grid-template-rows:var(--split-video, 48%) 6px minmax(0,1fr);min-height:0}.split{position:relative;z-index:1;touch-action:none}.split--v{cursor:col-resize}.split--h{cursor:row-resize}.split:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:var(--border-default);transition:background .1s ease}.split--v:after{width:1px}.split--h:after{height:1px}.split:hover:after,.split:active:after,.split:focus-visible:after{background:var(--blue-500)}.split--v:hover:after,.split--v:active:after{width:3px}.split--h:hover:after,.split--h:active:after{height:3px}.topbar{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-3) var(--sp-5);background:var(--bg-default);border-bottom:1px solid var(--border-default)}.topbar__brand{display:flex;align-items:baseline;gap:var(--sp-3);flex-shrink:0}.topbar__logo{font-weight:700;font-size:var(--fs-lg);color:var(--text-strong);letter-spacing:-.01em}.topbar__tag{font-size:var(--fs-sm);color:var(--text-subtle)}.topbar__progress{flex:1;display:flex;align-items:center;gap:var(--sp-4);min-width:0}.topbar__stats{display:flex;gap:var(--sp-5);flex-shrink:0}.stat{display:flex;flex-direction:column;line-height:1.2}.stat__value{font-size:var(--fs-lg);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-strong)}.stat__value--danger{color:var(--red-500)}.stat__label{font-size:var(--fs-sm);color:var(--text-subtle)}.topbar__actions{display:flex;gap:var(--sp-3);flex-shrink:0}.progress{flex:1;height:8px;background:var(--gray-100);border-radius:var(--radius-lg);overflow:hidden;display:flex;min-width:120px}.progress__seg{height:100%}.progress__seg--approved{background:var(--green-500)}.progress__seg--recorded{background:var(--blue-500)}.progress__seg--over{background:var(--red-500)}.segmented{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-base);overflow:hidden}.segmented__btn{border:0;background:var(--bg-default);color:var(--text-default);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);cursor:pointer;border-right:1px solid var(--border-default);display:inline-flex;align-items:center;gap:var(--sp-2)}.segmented__btn:last-child{border-right:0}.segmented__btn:hover{background:var(--bg-subtle)}.segmented__btn[aria-pressed=true]{background:var(--blue-500);color:var(--text-on-accent)}.segmented__count{font-size:.6875rem;font-variant-numeric:tabular-nums;background:#1f1e2414;border-radius:var(--radius-lg);padding:0 var(--sp-2);min-width:16px;text-align:center}.segmented__btn[aria-pressed=true] .segmented__count{background:#ffffff3d}.cue-row{display:grid;grid-template-columns:4px 40px 1fr auto;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-default);cursor:pointer;background:var(--bg-default)}.cue-row:hover{background:var(--bg-subtle)}.cue-row[aria-selected=true]{background:var(--blue-50);box-shadow:inset 2px 0 0 var(--blue-500)}.cue-row__rail{width:4px;height:100%;border-radius:var(--radius-sm)}.cue-row__rail--pending{background:var(--status-pending)}.cue-row__rail--recorded{background:var(--status-recorded)}.cue-row__rail--over{background:var(--status-over)}.cue-row__rail--approved{background:var(--status-approved)}.cue-row__index{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-subtle);font-variant-numeric:tabular-nums}.cue-row__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cue-row__tc{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-subtle)}.cue-row__meta{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:500;padding:1px var(--sp-3);border-radius:var(--radius-lg);border:1px solid transparent;white-space:nowrap;font-variant-numeric:tabular-nums}.badge--neutral{background:var(--gray-50);color:var(--gray-700);border-color:var(--gray-100)}.badge--info{background:var(--blue-50);color:var(--blue-700);border-color:var(--blue-100)}.badge--success{background:var(--green-50);color:var(--green-600);border-color:var(--green-100)}.badge--warning{background:var(--orange-50);color:var(--orange-600);border-color:var(--orange-100)}.badge--danger{background:var(--red-50);color:var(--red-600);border-color:var(--red-100)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:32px;padding:0 var(--sp-4);font-size:var(--fs-base);font-weight:500;border-radius:var(--radius-base);border:1px solid var(--border-strong);background:var(--bg-default);color:var(--text-default);cursor:pointer;white-space:nowrap;transition:background .08s ease,border-color .08s ease}.btn:hover{background:var(--bg-subtle);border-color:var(--gray-300)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn--disabled,.btn.btn--disabled:hover{opacity:.5;cursor:not-allowed}.btn.btn--disabled:hover{background:var(--bg-default);border-color:var(--border-strong)}.btn--confirm.btn--disabled:hover{background:var(--blue-500);border-color:var(--blue-500)}.btn--danger.btn--disabled:hover{background:var(--red-500);border-color:var(--red-500)}.btn--sm{height:24px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.btn--confirm{background:var(--blue-500);border-color:var(--blue-500);color:var(--text-on-accent)}.btn--confirm:hover{background:var(--blue-600);border-color:var(--blue-600)}.btn--danger{background:var(--red-500);border-color:var(--red-500);color:var(--text-on-accent)}.btn--danger:hover{background:var(--red-600);border-color:var(--red-600)}.btn--record{background:var(--red-500);border-color:var(--red-500);color:#fff}.btn--record.is-armed,.btn--record.is-recording{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #dd2b0e66}50%{box-shadow:0 0 0 5px #dd2b0e00}}.qc__row{display:flex;align-items:center;gap:var(--sp-3)}.qc__verdict{font-size:var(--fs-sm);font-weight:600}.qc__diff{margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-base);font-size:var(--fs-base);line-height:1.8}.qc__ch--missing{background:var(--orange-100, #fdf1dd);color:var(--orange-600);border-radius:2px}.qc__ch--extra{background:var(--red-100, #fdd4cd);color:var(--red-600);border-radius:2px;text-decoration:line-through}.qc__legend{margin-top:var(--sp-1);font-size:var(--fs-sm)}.tts{position:relative;display:flex;gap:var(--sp-2);flex-shrink:0}.tts__popover{position:absolute;top:calc(100% + 4px);right:0;z-index:20;width:240px;padding:var(--sp-3) var(--sp-4);background:var(--bg-default);border:1px solid var(--border-strong);border-radius:var(--radius-base);box-shadow:0 4px 12px #0000001f;display:flex;flex-direction:column;gap:var(--sp-3)}.tts__field{display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--fs-sm);color:var(--text-subtle)}.tts__field select{font:inherit;padding:2px var(--sp-2)}.tts__note{font-size:.6875rem;color:var(--text-subtle)}.tts__error{align-self:center;font-size:var(--fs-sm);color:var(--red-600);white-space:nowrap}.detail{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4);overflow-y:auto}.detail__script{font-size:var(--fs-lg);color:var(--text-strong);padding:var(--sp-3) var(--sp-4);background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-base)}div.detail__script:hover{border-color:var(--gray-300)}.detail__script--edit{display:block;width:100%;font-family:inherit;line-height:inherit;resize:vertical;border-color:var(--blue-500);outline:none}.detail__source{font-size:var(--fs-sm);color:var(--text-subtle);margin-top:var(--sp-2)}.detail__row{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field__label{font-size:var(--fs-sm);color:var(--text-subtle)}.field__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-strong)}.slider{width:180px;accent-color:var(--blue-500)}.waveform{width:100%;height:88px;background:var(--gray-10);border:1px solid var(--border-default);border-radius:var(--radius-base);display:block}.takes{display:flex;gap:var(--sp-2);flex-wrap:wrap}.take{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--radius-base);background:var(--bg-default);cursor:pointer;min-width:92px}.take:hover{background:var(--bg-subtle)}.take[aria-pressed=true]{border-color:var(--blue-500);background:var(--blue-50)}.take__label{font-size:var(--fs-sm);font-weight:600;color:var(--text-strong)}.take__meta{font-size:var(--fs-sm);font-family:var(--font-mono);color:var(--text-subtle)}.take{position:relative;-webkit-user-select:none;user-select:none}.take__time{font-size:.6875rem;color:var(--text-subtle)}.take__del{position:absolute;top:2px;right:2px;width:16px;height:16px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-subtle);font-size:.6875rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .08s ease}.take:hover .take__del,.take__del:focus-visible{opacity:1}.take__del:hover{background:var(--red-500);color:#fff}.video{position:relative;background:#000;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.video__placeholder{color:var(--gray-400);font-size:var(--fs-sm);text-align:center;padding:var(--sp-5)}.video__ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:6px solid transparent;transition:border-color .15s linear}.rythmo{position:absolute;left:0;right:0;bottom:0;height:46px;background:#1f1e24b8;overflow:hidden;display:flex;align-items:center}.rythmo__track{position:absolute;left:50%;top:50%;transform:translateY(-50%);white-space:nowrap}.rythmo__text{display:inline-block;color:#fff;font-size:1.05rem;will-change:transform}.rythmo--idle .rythmo__text{opacity:.55;animation:rythmo-ready .4s ease .25s backwards}@keyframes rythmo-ready{0%{opacity:0}}.rythmo--idle .rythmo__cursor{opacity:.5}.rythmo__hint{position:absolute;right:calc(50% + 10px);top:50%;transform:translateY(-50%);font-size:.6875rem;color:#ffffff8c;white-space:nowrap}.rythmo__cursor{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--orange-500)}.pace{display:flex;flex-direction:column;gap:var(--sp-2)}.pace__track{position:relative;height:14px;border-radius:var(--radius-lg);overflow:hidden;background:var(--gray-100)}.pace__fill{height:100%;transition:width .06s linear,background .2s linear}.pace__car{position:absolute;top:-3px;width:3px;height:20px;background:var(--gray-950);border-radius:2px}.pace__over{height:100%;background:var(--red-500)}.timeline{height:var(--tl-h, 84px);overflow-y:hidden;background:var(--bg-default);border-top:1px solid var(--border-default);padding:var(--sp-3) var(--sp-4);overflow-x:auto}.timeline__track{position:relative;height:44px;min-width:100%}.timeline__cue{position:absolute;top:8px;height:28px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.1);cursor:pointer;font-size:.6875rem;color:#fff;display:flex;align-items:center;padding:0 4px;overflow:hidden}.timeline__cue-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline__cue-text b{font-weight:700;opacity:.75;margin-right:2px}.timeline__gap{position:absolute;top:20px;height:4px;background:repeating-linear-gradient(90deg,var(--gray-200),var(--gray-200) 3px,transparent 3px,transparent 6px)}.timeline__label{font-size:var(--fs-sm);color:var(--text-subtle);margin-bottom:var(--sp-2)}.btn svg,.rail button svg,.tts button svg{flex-shrink:0}.take__meta svg{vertical-align:-2px}.take__time{display:inline-flex;align-items:center;gap:3px}.take__del{display:flex;align-items:center;justify-content:center}.rail__icon{flex-shrink:0;color:var(--text-subtle)}.rail__item[aria-current=true] .rail__icon{color:inherit}.rail__toggle,.rail__add{display:flex;align-items:center;justify-content:center;gap:4px}.tts__error{display:inline-flex;align-items:center;gap:4px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--text-subtle)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.row{display:flex;align-items:center;gap:var(--sp-3)}.spacer{flex:1}.empty{padding:var(--sp-7);text-align:center;color:var(--text-subtle)}