/* Editing workbench. Media pixels deliberately keep their own colours. */
.tr-subtitle-lab .workflow,.tr-subtitle-lab .settings,.tr-subtitle-lab .tr-quick-start,.tr-subtitle-lab .tr-advanced-recognition{display:none!important}
.tr-subtitle-lab [hidden]{display:none!important}
.tr-subtitle-lab .shell{max-width:1680px!important;padding:0 24px!important}
.tr-subtitle-lab .hero.tr-creator-hero{display:flex!important;align-items:center!important;justify-content:space-between;flex-wrap:wrap;gap:8px!important;padding:20px 0 16px!important;margin:0!important}
.tr-subtitle-lab .hero .eyebrow,.tr-subtitle-lab .hero .lead{display:none!important}
.tr-subtitle-lab .hero h1{font-size:22px!important;line-height:1.3!important;letter-spacing:-.4px!important}
.tr-subtitle-lab .hero .trust-notice{margin:0!important;padding:0!important;font-size:12px!important;color:var(--tr-muted);display:block!important}
.tr-project-bar{position:relative;margin:0;scroll-margin-top:80px}
.tr-studio-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--tr-surface);border:1px solid var(--tr-line);border-radius:12px 12px 0 0}
.tr-toolbar-group{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.tr-subtitle-lab .tr-studio-toolbar button{min-height:40px;font-size:13px!important;padding:8px 12px!important;white-space:normal}
.tr-subtitle-lab .tr-history{background:transparent!important;color:var(--tr-ink)!important;font-size:22px!important;width:40px}
.tr-subtitle-lab .primary,.tr-subtitle-lab .tr-local-recognize{background:var(--tr-accent)!important;color:#14200a!important;border:1px solid var(--tr-accent)!important}
.tr-subtitle-lab .secondary,.tr-subtitle-lab .tr-local-cancel{background:var(--tr-soft)!important;color:var(--tr-ink)!important;border:1px solid var(--tr-control)!important}
.tr-subtitle-lab .tr-studio-toolbar [aria-expanded=true]{box-shadow:inset 0 -3px var(--tr-success)}
.tr-tool-panel{position:absolute;inset-inline-end:0;top:100%;width:min(600px,100%);max-height:65vh;overflow:auto;z-index:35;padding:20px;border:1px solid var(--tr-control);border-radius:0 0 12px 12px;background:var(--tr-surface);box-shadow:0 16px 40px #0005}
.tr-project-copy{font-size:13px;color:var(--tr-muted);margin:0 0 12px;line-height:1.6}
.tr-subtitle-lab .workspace.tr-studio-workspace{display:block!important;margin:0!important;border:1px solid var(--tr-line);border-top:0;border-radius:0 0 12px 12px;overflow:hidden;background:var(--tr-surface)}
.tr-subtitle-lab .editing.tr-editor-primary{display:grid!important;grid-template-columns:minmax(300px,340px) minmax(0,1fr) 220px!important;gap:0!important;align-items:stretch!important;height:clamp(400px,53vh,650px)}
.tr-subtitle-lab .tr-editor-pane,.tr-subtitle-lab .tr-preview-pane{margin:0!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;min-width:0;background:var(--tr-surface)!important}
.tr-subtitle-lab .tr-editor-pane{grid-column:1;grid-row:1;display:flex;flex-direction:column;overflow:hidden!important;border-inline-end:1px solid var(--tr-line)!important}
.tr-subtitle-lab .editor-heading{padding:14px 14px 8px!important;gap:4px;flex:none}
.tr-subtitle-lab .editor-heading h2,.tr-subtitle-lab .tr-preview-pane h2,.tr-inspector h2{font-size:13px!important;font-weight:650;line-height:1.5}
.tr-subtitle-lab #cue-count{font-size:11px!important;line-height:1.4;margin:4px 0}
.tr-subtitle-lab .editor-tabs{padding:0 12px;gap:10px;flex:none;background:var(--tr-surface)!important}
.tr-subtitle-lab .editor-tabs button{font-size:11px!important;padding:10px 0;min-height:40px;white-space:normal;line-height:1.35}
.tr-subtitle-lab #view-cues,.tr-subtitle-lab #view-raw,.tr-subtitle-lab #view-issues{min-height:0;overflow:auto;flex:1;scrollbar-width:thin}
.tr-subtitle-lab .cue-row{padding:9px 12px!important;grid-template-columns:23px minmax(0,1fr);gap:5px;border-color:var(--tr-line)!important;background:var(--tr-surface)!important;color:var(--tr-ink)!important}
.tr-subtitle-lab .cue-row.playing,.tr-subtitle-lab .cue-row:focus-within{background:var(--tr-success-bg)!important;box-shadow:inset 3px 0 var(--tr-success)}
.tr-subtitle-lab .cue-index{padding-top:5px;font-size:11px;color:var(--tr-muted)}
.tr-subtitle-lab .cue-meta{gap:4px;margin-bottom:3px;flex-wrap:nowrap}
.tr-subtitle-lab .cue-meta input{width:94px!important;min-width:0;font-size:10px!important;padding:2px 3px!important;min-height:28px;line-height:1;font-variant-numeric:tabular-nums;background:transparent!important;border-color:transparent!important;color:var(--tr-muted)!important}
.tr-subtitle-lab .cue-meta input:enabled{border-color:var(--tr-control)!important}
.tr-subtitle-lab .cue-meta .tag{display:none}
.tr-subtitle-lab .cue-row textarea{font-size:13px!important;line-height:1.4!important;min-height:52px;height:52px;padding:6px!important;background:transparent!important;border-color:transparent!important;border-radius:4px;color:var(--tr-ink)!important;resize:vertical}
.tr-subtitle-lab .cue-row textarea:focus{background:var(--tr-soft)!important;border-color:var(--tr-control)!important}
.tr-subtitle-lab .row-actions{display:none;gap:10px;justify-content:flex-start;flex-wrap:wrap}
.tr-subtitle-lab .cue-row:focus-within .row-actions{display:flex}
.tr-subtitle-lab .row-actions button{font-size:10px!important;min-height:30px}
.tr-subtitle-lab .tr-preview-pane{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-height:0;padding:0 16px!important;background:var(--tr-page-bg)!important}
.tr-subtitle-lab .tr-preview-pane .section-title{display:flex;justify-content:space-between;align-items:center;min-height:46px;margin:0;gap:10px}
.tr-subtitle-lab #media-name{margin:0;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--tr-muted)}
.tr-subtitle-lab .preview-shell{flex:1;min-height:0!important;border-radius:4px;background:#080b0d!important;position:relative;display:flex;align-items:center;justify-content:center}
.tr-subtitle-lab .preview-shell video{height:100%;width:100%;min-height:0!important;max-height:100%!important;aspect-ratio:auto!important;object-fit:contain;position:absolute;inset:0}
.tr-caption-canvas{position:absolute;pointer-events:none;max-width:100%;max-height:100%;z-index:3}
.tr-subtitle-lab .preview-empty{gap:12px!important;padding:20px!important}
.tr-subtitle-lab .preview-empty strong{font-size:13px;max-width:290px;line-height:1.6;color:#c3ccd0}
.tr-subtitle-lab .tr-canvas-import{background:#eaf0f2;color:#162027;font-size:13px;min-height:42px;border:0}
.tr-subtitle-lab .preview-empty>span{font-size:26px;width:52px;height:52px;color:#d5f76b;border:1px solid #3b4a4f;border-radius:12px}
.tr-transport{display:flex;gap:10px;align-items:center;min-height:54px;color:var(--tr-ink)}
.tr-transport button{background:transparent;color:var(--tr-ink);min-width:36px;min-height:40px;padding:4px}
.tr-transport input{flex:1;min-width:20px;width:auto;accent-color:var(--tr-success)}
.tr-time{font:11px ui-monospace,monospace;white-space:nowrap;color:var(--tr-muted)}
.tr-inspector{padding:16px;border-inline-start:1px solid var(--tr-line);min-width:0;overflow:auto}
.tr-subtitle-lab .tr-inspector label{margin-top:26px;font-size:12px!important}
.tr-range-label{display:flex;justify-content:space-between;gap:8px;color:var(--tr-muted)}
.tr-range-label output{color:var(--tr-ink);font-variant-numeric:tabular-nums}
.tr-inspector input[type=range]{width:100%;accent-color:var(--tr-success);margin-top:12px}
.tr-inspector .check{align-items:center;font-size:12px}
.tr-inspector-note{font-size:11px;color:var(--tr-muted);line-height:1.6;margin-top:20px}
.tr-timeline{border-top:1px solid var(--tr-line);padding:0 16px 14px;min-width:0}
.tr-timeline-heading{height:42px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--tr-muted)}
.tr-timeline-heading input{width:100px;accent-color:var(--tr-success)}
.tr-timeline-scroll{overflow:auto;scrollbar-width:thin;direction:ltr}
.tr-timeline-track{min-width:100%;height:98px;position:relative;background:var(--tr-page-bg);border:1px solid var(--tr-line);border-radius:5px}
.tr-ruler{position:relative;height:25px;border-bottom:1px solid var(--tr-line);cursor:crosshair;overflow:hidden}
.tr-ruler span{position:absolute;font:10px ui-monospace,monospace;top:5px;padding-left:4px;color:var(--tr-muted)}
.tr-ruler span:last-child{transform:translateX(-100%);padding-right:4px}
.tr-clips{position:relative;margin-top:4px;height:64px}
.tr-subtitle-lab .tr-clip{position:absolute;min-width:2px;min-height:28px;height:28px;overflow:hidden;display:block;text-align:left;text-overflow:ellipsis;padding:4px 6px;border:1px solid var(--tr-control);border-radius:4px;background:var(--tr-soft);color:var(--tr-ink);font-size:10px;font-weight:400;white-space:nowrap}
.tr-subtitle-lab .tr-clip.active{background:var(--tr-success-bg);border-color:var(--tr-success)}
.tr-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--tr-success);pointer-events:none;z-index:2}
.tr-playhead:before{content:'';position:absolute;top:0;left:-4px;border:4px solid transparent;border-top-color:var(--tr-success)}
.tr-subtitle-lab .editor-status{font-size:12px;line-height:1.4;padding:7px 12px;margin:0;color:var(--tr-muted);background:var(--tr-soft)}
.tr-subtitle-lab .editor-status:empty{display:none}.tr-subtitle-lab .editor-status.error{color:var(--tr-warning)}
.tr-subtitle-lab .empty-editor{min-height:0;padding:50px 20px}.tr-subtitle-lab .empty-editor h3{font-size:13px}.tr-subtitle-lab .empty-editor p{font-size:12px}
.tr-subtitle-lab .tag{color:var(--tr-muted)!important;background:var(--tr-soft)!important}
.tr-subtitle-lab .timeline-guard{margin:12px 0!important;background:var(--tr-soft)!important}
.tr-subtitle-lab .format-settings{margin:0}.tr-subtitle-lab .format-settings summary,.tr-subtitle-lab .tr-draft-options summary{min-height:40px;align-content:center}
.tr-subtitle-lab .format-settings .toolbar{flex-wrap:wrap}.tr-subtitle-lab .format-settings button{white-space:normal}
.tr-transcription-slot{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tr-asr-engine{display:flex;justify-content:space-between;gap:12px;width:100%;margin:12px 0}.tr-asr-engine small{display:block;color:var(--tr-muted)}
.tr-local-status,.tr-translate-status,.tr-render-status{font-size:12px;color:var(--tr-muted);line-height:1.5}
.tr-subtitle-lab .tr-local-recognize,.tr-subtitle-lab .tr-local-cancel{min-height:44px;border-radius:8px;padding:8px 16px}
.tr-service-state.is-error{color:var(--tr-warning)}
.tr-translate-control{display:grid;grid-template-columns:1fr 20px 1fr;gap:10px;align-items:end}.tr-translate-field{min-width:0}.tr-translate-mode{grid-column:1/-1}.tr-translate-arrow{align-self:center}.tr-translate-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tr-subtitle-lab .tr-translate-actions button,.tr-subtitle-lab .tr-external-ai button{min-height:40px;white-space:normal;background:var(--tr-soft);color:var(--tr-ink);border:1px solid var(--tr-control)}
.tr-export-files,.tr-render-actions{display:flex;gap:8px;flex-wrap:wrap}.tr-export-files{padding-bottom:20px;border-bottom:1px solid var(--tr-line)}
.tr-render-area h3{margin:18px 0 8px;font-size:16px}.tr-render-area>p{font-size:12px;color:var(--tr-muted)}.tr-render-area>label{max-width:200px;margin-bottom:16px!important}
.tr-subtitle-lab .tr-render-area .button{margin-top:12px}
.tr-subtitle-lab button:focus-visible,.tr-subtitle-lab summary:focus-visible{outline:2px solid var(--tr-success);outline-offset:2px}
@media(max-width:1150px){.tr-subtitle-lab .editing.tr-editor-primary{grid-template-columns:300px minmax(0,1fr)!important;height:500px}.tr-inspector{grid-column:1/-1;border-inline:0;border-top:1px solid var(--tr-line);display:flex;gap:24px;align-items:center;padding:12px 16px;overflow:visible}.tr-subtitle-lab .tr-inspector label{margin:0!important;flex:1}.tr-inspector-note{display:none}.tr-subtitle-lab .editing.tr-editor-primary{height:auto;grid-template-rows:440px auto}}
@media(max-width:760px){
 .tr-subtitle-lab .shell{padding:0 12px!important}.tr-subtitle-lab .hero.tr-creator-hero{padding:16px 0 12px!important}.tr-subtitle-lab .hero h1{font-size:19px!important}
 .tr-studio-toolbar{padding:8px;gap:8px}.tr-toolbar-group{gap:4px}.tr-subtitle-lab .tr-studio-toolbar button{min-height:44px;padding:7px 10px!important;font-size:12px!important}
 .tr-subtitle-lab .editing.tr-editor-primary{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:300px 350px auto}
 .tr-subtitle-lab .tr-preview-pane{grid-column:1;grid-row:1;padding:0 10px!important}.tr-subtitle-lab .tr-editor-pane{grid-row:2;grid-column:1;border-inline:0!important;border-top:1px solid var(--tr-line)!important}
 .tr-inspector{grid-row:3;flex-wrap:wrap;gap:16px}.tr-inspector h2{width:100%}.tr-subtitle-lab .tr-inspector label{min-width:110px}.tr-subtitle-lab .tr-inspector .check{flex:none}
 .tr-subtitle-lab .cue-row textarea{font-size:16px!important;height:54px}.tr-subtitle-lab .cue-meta input{font-size:12px!important;width:108px!important;min-height:32px}.tr-subtitle-lab .row-actions button{min-height:44px;font-size:12px!important}
 .tr-subtitle-lab .editor-tabs button{min-height:44px}.tr-tool-panel{max-height:65vh;padding:16px}.tr-translate-control{grid-template-columns:1fr}.tr-translate-arrow{display:none}
 .tr-timeline{padding-inline:10px}.tr-subtitle-lab .tr-clip{min-height:32px;height:32px}.tr-clips{height:70px}.tr-timeline-track{height:105px}
 .tr-subtitle-lab .tr-render-area label select{font-size:16px}.tr-subtitle-lab .tr-toolbar-group .tr-history{width:38px!important}
}
@media(min-width:1151px){.tr-subtitle-lab .editing.tr-editor-primary{height:clamp(300px,calc(100svh - 365px),650px)}}
.tr-subtitle-lab .editor-status:not(.error){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
.tr-subtitle-lab .tr-editor-pane>.timeline-guard{margin:0!important;padding:0 14px 8px!important;min-height:30px;border:0;border-radius:0;background:transparent!important;flex:none}
.tr-subtitle-lab .tr-editor-pane>.timeline-guard .check{font-size:11px!important;color:var(--tr-muted)}
.tr-media-strip{height:22px;margin:4px 4px 0;border:1px solid var(--tr-line);border-radius:3px;background:var(--tr-surface);color:var(--tr-muted);font-size:10px;line-height:20px;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tr-timeline-track{height:auto;min-height:94px;padding-bottom:4px}.tr-timeline-scroll{max-height:145px}.tr-clips{min-height:32px;margin-top:4px}
/* Quality checks use the current subtitle project and its undo history. */
.tr-subtitle-lab .tr-quality-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}
.tr-subtitle-lab .tr-quality-options label{display:grid;gap:6px;font-size:.85rem}
.tr-subtitle-lab .tr-quality-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.tr-subtitle-lab .tr-quality-results{display:grid;gap:8px;max-height:300px;overflow:auto}
.tr-subtitle-lab .tr-quality-results button{text-align:start;white-space:normal}