.tr-workspace { --tr-font:16px; --tr-bg:var(--card-bg,#fff); --tr-ink:var(--text-primary,#18343b); --tr-line:var(--border-subtle,#d5e1e3); color:var(--tr-ink); background:var(--tr-bg); border:1px solid var(--tr-line); border-radius:12px; display:flex; flex-direction:column; gap:0; min-width:0; font-size:14px; }
.tr-workspace *, .tr-dialog * { box-sizing:border-box; }
.tr-workspace button,.tr-dialog button { font:inherit; color:inherit; background:var(--tr-bg,#fff); border:1px solid var(--tr-line,#ccdadd); border-radius:6px; padding:7px 10px; cursor:pointer; line-height:1.3; }
.tr-workspace button:hover,.tr-dialog button:hover { background:var(--bg-secondary,#eff6f6); }
.tr-workspace button:disabled { opacity:.48; cursor:not-allowed; }
.tr-workspace :focus-visible,.tr-dialog :focus-visible { outline:3px solid #0d8989; outline-offset:2px; }
.tr-workspace label,.tr-dialog label { display:flex; flex-direction:column; gap:4px; font-size:12px; font-weight:600; }
.tr-workspace input,.tr-workspace select,.tr-workspace textarea,.tr-dialog input,.tr-dialog select,.tr-dialog textarea { font:inherit; border:1px solid var(--tr-line,#cbd5df); border-radius:5px; color:inherit; background:var(--tr-bg,#fff); padding:7px; min-width:0; max-width:100%; }
.tr-workspace input[type=checkbox] { width:16px; height:16px; accent-color:#126969; }
.tr-workspace textarea { font-size:var(--tr-font); line-height:1.8; resize:vertical; }
.tr-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; }
.tr-header small { color:var(--text-muted,#536c75); font-size:12px; }
.tr-header h3 { margin:4px 0 0; font-size:19px; }
.tr-header [data-tr=version] { font-size:12px; font-weight:500; margin-left:6px; }
.tr-header-actions { display:flex; gap:8px; }
.tr-basis { padding:8px 16px; border-block:1px solid var(--tr-line); background:var(--bg-secondary,#edf6f3); font-size:13px; }
.tr-basis.is-warning { background:var(--theme-warning-bg, #fff4d9); color:var(--theme-warning-text, #704807); }
.tr-tools { display:flex; align-items:end; flex-wrap:wrap; gap:8px; padding:10px 14px; }
.tr-search { flex:1; min-width:170px; }
.tr-tools label:not(.tr-search) { max-width:170px; }
.tr-tools [data-tr=position] { font-size:12px; white-space:nowrap; padding:8px 0; }
.tr-progress { border-bottom:1px solid var(--tr-line); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:6px 16px; gap:8px; font-size:12px; color:var(--text-muted,#536c75); }
.tr-progress label { flex-direction:row; align-items:center; }
.tr-progress input { width:80px; padding:0; }
.tr-grid { display:grid; grid-template-columns:minmax(0,1fr) var(--tr-inspector-width,350px); min-height:360px; height:clamp(400px,58vh,720px); overflow:hidden; }
.tr-issue-rail { display:none; border-right:1px solid var(--tr-line); padding:12px; overflow:auto; }
.tr-issue-rail button { width:100%; margin-bottom:8px; text-align:left; }
.tr-issue-rail p { font-size:12px; line-height:1.6; color:var(--text-muted,#536c75); }
.tr-transcript { overflow:auto; padding:8px 12px; min-width:0; overscroll-behavior:contain; scroll-padding:12px; }
.tr-row { display:block; width:100%; text-align:left; padding:12px!important; border:0!important; border-left:3px solid transparent!important; border-bottom:1px solid var(--tr-line)!important; border-radius:0!important; margin:0; overflow-wrap:anywhere; }
.tr-row-meta { display:flex; align-items:center; gap:10px; font-size:12px; color:var(--text-muted,#536c75); }
.tr-row-meta time { font-variant-numeric:tabular-nums; }
.tr-row-meta strong { text-transform:capitalize; font-weight:650; }
.tr-confidence { margin-left:auto; font-size:11px; border-radius:4px; padding:2px 5px; background:var(--bg-secondary,#f1f4f5); }
.tr-confidence[data-band=low] { color:var(--theme-danger-text, #8b3325); background:var(--theme-danger-bg, #ffebe5); }
.tr-confidence[data-band=medium] { color:var(--theme-warning-text, #7c580a); background:var(--theme-warning-bg, #fff5d9); }
.tr-confidence[data-band=high] { color:var(--theme-success-text, #1d6653); background:var(--theme-success-bg, #e8f5ef); }
.tr-row-text { display:block; font-size:var(--tr-font); line-height:1.85; margin:6px 0; white-space:pre-wrap; }
.tr-row-status { display:block; font-size:11px; line-height:1.6; color:var(--text-muted,#536c75); }
.tr-row.is-selected { background:var(--bg-secondary,#edf6f6)!important; border-left-color:#167979!important; }
.tr-row.is-playing .tr-row-meta time { color:#02746e; font-weight:800; text-decoration:underline; text-underline-offset:4px; }
.tr-row mark { color:#242919; background:#ffe48c; border-radius:2px; }
.tr-inspector { border-left:1px solid var(--tr-line); padding:14px; overflow:auto; resize:horizontal; min-width:300px; overscroll-behavior:contain; }
.tr-inspector h4 { font-size:14px; margin:16px 0 8px; }
.tr-inspector-heading { display:flex; flex-wrap:wrap; align-items:center; gap:8px; justify-content:space-between; }
.tr-inspector-heading h4 { margin:0 0 8px; }
.tr-inspector label { margin-top:12px; }
.tr-inspector-actions { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.tr-inspector button { margin:4px 4px 4px 0; }
.tr-inspector details { margin-top:14px; padding-top:10px; border-top:1px solid var(--tr-line); }
.tr-inspector summary { cursor:pointer; font-weight:600; }
.tr-inspector dl { font-size:12px; }
.tr-inspector dt { color:var(--text-muted,#536c75); margin-top:8px; }
.tr-inspector dd { margin:2px 0; overflow-wrap:anywhere; }
.tr-inspector blockquote { margin:8px 0; padding:8px; background:var(--bg-secondary,#f1f6f6); white-space:pre-wrap; overflow-wrap:anywhere; }
.tr-help,.tr-empty { font-size:12px; line-height:1.6; color:var(--text-muted,#536c75); }
.tr-player { padding:8px 14px; border-top:1px solid var(--tr-line); background:var(--tr-bg); }
.tr-audio-actions { display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.tr-audio-actions label { flex-direction:row; align-items:center; gap:4px; }
.tr-audio-actions input[type=number] { width:48px; }
.tr-wave { position:relative; height:36px; background:var(--bg-secondary,#f1f6f6); margin-top:6px; overflow:hidden; cursor:crosshair; }
.tr-wave canvas { width:100%; height:36px; }
.tr-playhead { width:2px; position:absolute; top:0; bottom:0; left:0; background:#a54c2b; pointer-events:none; }
.tr-player audio { width:100%; height:32px; margin-top:4px; }
.tr-audio-status { font-size:11px; color:var(--text-muted,#536c75); }
.tr-footer { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:10px 14px; border-top:1px solid var(--tr-line); }
.tr-save-state { font-size:12px; flex:1; min-width:160px; }
.tr-save-state.is-error { color:#a22e23; font-weight:600; }
.tr-save-actions { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.tr-save-actions label { flex-direction:row; align-items:center; }
.tr-save-actions button[data-tr-action=save-version],.tr-inspector button[data-tr-action=apply] { background:#126969; border-color:#126969; color:white; }
.tr-more { position:relative; }
.tr-more summary { cursor:pointer; padding:7px; border:1px solid var(--tr-line); border-radius:6px; }
.tr-more>div { position:absolute; right:0; bottom:100%; margin-bottom:8px; z-index:10; width:300px; max-height:65vh; overflow:auto; display:flex; flex-direction:column; gap:8px; background:var(--tr-bg); border:1px solid var(--tr-line); border-radius:8px; box-shadow:0 5px 24px #0003; padding:14px; }
.tr-more>div label { flex-direction:column; }
.tr-expanded-nav { display:none; }
.tr-workspace.is-expanded { position:fixed; inset:8px; z-index:50000; border-radius:10px; box-shadow:0 0 0 20px #152a35bb; height:calc(100dvh - 16px); }
.tr-workspace.is-expanded .tr-grid { flex:1; height:auto; min-height:120px; }
.tr-workspace.is-expanded .tr-expanded-nav { display:flex; flex-wrap:wrap; gap:5px; padding:0 14px 8px; }
.tr-workspace.is-expanded .tr-header { padding-block:8px; }
.tr-workspace.is-expanded .tr-wave { height:24px; }
.tr-workspace.is-expanded .tr-wave canvas { height:24px; }
.tr-dialog { --tr-bg:var(--card-bg,#fff); --tr-line:var(--border-subtle,#ccdadd); width:min(900px,94vw); max-height:90dvh; color:var(--text-primary,#18343b); background:var(--tr-bg); border:1px solid var(--tr-line); border-radius:12px; padding:0; z-index:60000; }
.tr-dialog::backdrop { background:#102b3acc; }
.tr-dialog form { display:flex; flex-direction:column; max-height:88dvh; margin:0; }
.tr-dialog header,.tr-dialog footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--tr-line); }
.tr-dialog header h3 { margin:0; font-size:18px; }
.tr-dialog footer { border-bottom:0; border-top:1px solid var(--tr-line); justify-content:flex-end; }
.tr-dialog-body { overflow:auto; padding:18px; line-height:1.6; }
.tr-dialog-body label { margin:12px 0; }
.tr-dialog-body textarea { min-height:100px; line-height:1.8; }
.tr-dialog-body blockquote { padding:12px; margin:10px 0; background:var(--bg-secondary,#f1f6f6); }
.tr-diff { padding:10px 0; border-bottom:1px solid var(--tr-line); }
.tr-diff>div { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.tr-diff del,.tr-diff ins { display:block; white-space:pre-wrap; overflow-wrap:anywhere; padding:10px; background:var(--theme-danger-bg, #ffebe5); color:#723d2b; }
.tr-diff ins { background:#e4f4ed; color:#205744; text-decoration:none; }
.tr-dialog-error { color:#a22e23; font-weight:600; }
.tr-analysis-basis { display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:8px 12px; margin-bottom:8px; background:var(--bg-secondary,#f0f6f6); border:1px solid var(--border-subtle,#d5e1e3); border-radius:6px; font-size:13px; }
.tr-analysis-basis.is-warning { background:var(--theme-warning-bg, #fff4d9); color:var(--theme-warning-text, #704807); }
.tr-source-link,.tr-return-to-transcript { border:1px solid #83b2b3; border-radius:5px; color:inherit; background:transparent; padding:5px 8px; margin:4px; cursor:pointer; }
@media(min-width:1600px) { .tr-workspace.is-expanded .tr-grid { grid-template-columns:210px minmax(0,1fr) var(--tr-inspector-width,370px); } .tr-workspace.is-expanded .tr-issue-rail { display:block; } }
@media(max-width:1100px) { .tr-grid { grid-template-columns:minmax(0,1fr) minmax(280px,34%); } .tr-inspector { min-width:0; } .tr-tools { gap:5px; } .tr-tools label:not(.tr-search) { max-width:130px; } }
@media(max-width:800px) { .tr-grid { grid-template-columns:1fr; grid-template-rows:minmax(200px,1fr) minmax(150px,.8fr); height:650px; } .tr-inspector { border-top:1px solid var(--tr-line); border-left:0; resize:none; } .tr-header { align-items:flex-start; } .tr-header-actions { flex-direction:column; } .tr-workspace.is-expanded .tr-grid { min-height:180px; } .tr-workspace.is-expanded .tr-audio-status,.tr-workspace.is-expanded .tr-wave { display:none; } .tr-workspace.is-expanded .tr-tools label { max-width:120px; } .tr-more>div { position:fixed; bottom:65px; right:12px; width:min(320px,95vw); } .tr-diff>div { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .tr-workspace * { scroll-behavior:auto!important; } }
@media(min-width:1101px) {
 .tr-workspace.is-expanded .tr-header>div:first-child { display:flex; align-items:baseline; gap:14px; }
 .tr-workspace.is-expanded .tr-header h3 { order:-1; margin:0; }
 .tr-workspace.is-expanded .tr-header small { max-width:34vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 .tr-workspace.is-expanded .tr-expanded-nav button { padding:4px 8px; font-size:12px; }
 .tr-workspace.is-expanded .tr-tools { padding-block:6px; }
 .tr-workspace.is-expanded .tr-progress { padding-block:4px; }
 .tr-workspace.is-expanded .tr-basis { padding-block:6px; }
 .tr-workspace.is-expanded .tr-footer { padding-block:8px; }
}

.tr-audio-enhanced .tr-player audio { display:none; }
.tr-inspector button[data-tr-action=hide-inspector] { display:none; }
@media(max-width:1100px) {
 .tr-grid { position:relative; grid-template-columns:minmax(0,1fr); grid-template-rows:1fr; }
 .tr-inspector { display:none; position:absolute; z-index:4; right:0; top:0; bottom:0; width:min(380px,90%); background:var(--tr-bg); box-shadow:-8px 0 20px #0002; }
 .inspector-open .tr-inspector { display:block; }
 .tr-inspector button[data-tr-action=hide-inspector] { display:inline-block; }
 .tr-workspace.is-expanded { overflow:auto; }
 .tr-workspace.is-expanded .tr-header,.tr-workspace.is-expanded .tr-tools,.tr-workspace.is-expanded .tr-player,.tr-workspace.is-expanded .tr-footer { flex-shrink:0; }
 .tr-workspace.is-expanded .tr-grid { flex:1 0 300px; }
 .tr-workspace.is-expanded .tr-footer { position:sticky; bottom:0; background:var(--tr-bg); z-index:5; }
}

.tr-workspace textarea,.tr-workspace input,.tr-workspace select { font-weight:400; }