:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18302c;background:#f4f6f3;font-size:14px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:24px 36px;background:#fff;border-bottom:1px solid #dce4df}.eyebrow{font-size:10px;letter-spacing:2px;color:#49816e;font-weight:700}h1{font-size:24px;margin:5px 0}h2{font-size:20px;margin-top:0}h3{font-size:14px;margin-top:24px}.identity{display:flex;gap:8px}.identity input{width:145px}input,textarea,select,button{font:inherit}input,textarea,select{background:white;border:1px solid #cddad2;border-radius:7px;padding:10px;color:inherit;max-width:100%}textarea{width:100%;resize:vertical;min-height:100px;line-height:1.8}input:focus,textarea:focus,select:focus{outline:2px solid #6ca58a;outline-offset:1px}button{cursor:pointer;border:1px solid #cddad2;border-radius:7px;background:#fff;padding:10px 15px;color:#26463c}button:hover{background:#eaf1eb}button:disabled{opacity:.5;cursor:wait}.primary{background:#226d54;color:white;border-color:#226d54}.primary:hover{background:#19533f}nav{padding:16px 36px 0;display:flex;gap:8px}nav button{border:none;background:transparent}nav .active{background:#dcece2;color:#1c624a;font-weight:600}#notice{padding:10px 36px;background:#e8efe9;font-size:13px;min-height:38px}#notice.error{background:#ffe9e3;color:#9e3922}#filters{display:flex;gap:18px;padding:22px 36px 10px;align-items:end}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;margin-bottom:16px}#filters label{margin:0}label select{min-width:110px}.search{flex:1}main{padding:12px 36px 30px}#stats{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap}.stat{padding:12px 20px;background:white;border:1px solid #e1e7e0;border-radius:8px}.stat strong{font-size:22px;margin-right:8px}#workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px}#queue{max-height:74vh;overflow:auto;background:#fff;border:1px solid #dde5df;border-radius:10px}article,#submitPanel,#historyPanel{background:#fff;border:1px solid #dde5df;border-radius:10px;padding:26px;min-width:0}article{min-height:400px}.queue-item{display:block;width:100%;text-align:left;border:0;border-radius:0;border-bottom:1px solid #eef1ed;padding:16px}.queue-item.selected{background:#eaf3ed;border-left:3px solid #267956}.queue-item .preview{display:block;color:#5d7069;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:8px;font-size:12px}.meta,.muted{color:#6c7d75;font-size:12px;line-height:1.7}.pill{display:inline-block;padding:3px 8px;border-radius:20px;background:#eaf0eb;font-size:11px;margin-right:6px}.row{display:flex;gap:16px;flex-wrap:wrap}.row>label{flex:1;min-width:130px}.checks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.checks label{display:flex;flex-direction:row;align-items:center;font-weight:400;font-size:12px;padding:5px 8px;background:#f4f7f3;border-radius:5px;margin:0}.checks input{accent-color:#226d54}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;border-top:1px solid #e7ebe4;padding-top:20px}.empty{padding:60px 20px;text-align:center;color:#7b8880}audio{width:100%;margin:12px 0}.audio-controls{display:flex;gap:8px;margin-bottom:20px;align-items:center}.audio-controls input{width:85px}.hint{border-left:3px solid #c5a767;padding:12px;background:#faf7ef;margin:16px 0;line-height:1.7;font-size:13px;white-space:pre-wrap}.duplicate{padding:10px;border:1px solid #e1e6dc;border-radius:6px;margin:8px 0;font-size:12px;line-height:1.7}.duplicate button{padding:4px 8px;margin-top:5px}details{margin:12px 0}summary{cursor:pointer;color:#64786c}pre{white-space:pre-wrap;word-break:break-word;font-size:12px;background:#f5f7f3;padding:14px;border-radius:6px}dialog{width:min(950px,92vw);max-height:85vh;border:1px solid #c9d9cb;border-radius:12px;padding:26px}dialog::backdrop{background:#16302666}.diff-row{border-top:1px solid #e1e6dd;padding:8px 0}.diff-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diff-columns pre:first-child{background:#fff0eb}.diff-columns pre:last-child{background:#eaf5ed}table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:left;border-bottom:1px solid #e6ebe3;padding:12px 8px}footer{color:#87948b;font-size:12px;padding:12px 36px 28px}[hidden]{display:none!important}@media(max-width:900px){header{display:block;padding:20px}.identity{margin-top:15px;flex-wrap:wrap}nav,#filters{padding-left:20px;padding-right:20px;flex-wrap:wrap}main{padding:12px 20px}#workspace{grid-template-columns:1fr}#queue{max-height:240px}.diff-columns{grid-template-columns:1fr}}

.queue-count{padding:12px}
/* Focused review: content first, secondary controls disclosed on demand. */
header{padding:18px 30px}h1{font-size:21px}.identity input{width:190px}.identity-role{font-size:12px;color:#577567;align-self:center;white-space:nowrap}nav{padding:12px 30px 0;gap:4px}nav button{padding:10px 13px}nav button[data-tab="history"]{margin-left:auto;color:#7b8981;font-size:12px}#notice{padding:8px 30px;background:transparent;color:#728176;font-size:12px}#notice.error{background:#ffe9e3;color:#9e3922}#filters{padding:16px 30px 8px;gap:12px}#filters label{font-size:11px}#filters input,#filters select{padding:8px 10px}main{padding:12px 30px 30px}#stats{font-size:12px;color:#6b7c72;gap:22px;margin:0 0 14px;min-height:16px}#stats strong{color:#256349;font-size:14px}#workspace{grid-template-columns:260px minmax(0,1fr);gap:18px}#queue{max-height:76vh}.queue-item{padding:14px 12px}.queue-item strong{display:block;font-size:11px;color:#697b71;margin-top:5px;font-weight:500}.queue-item .preview{font-size:13px;color:#253f32;margin-top:7px}.queue-item .pill{font-size:10px;padding:2px 6px}article{padding:24px 28px}article h2{font-size:17px;margin-bottom:8px}.reading-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.reading-pair textarea{min-height:200px;font-size:15px;line-height:1.9;padding:14px}.reading-pair label{font-size:12px}.reading-pair label:last-child textarea{background:#f6faf7;border-color:#b4d0bb}details.tag-settings,details.review-note,details.other-actions,details.audio-detail{border-top:1px solid #edf0e9;padding:12px 0;margin:0}details.tag-settings summary{display:flex;gap:14px;align-items:baseline;font-size:13px}details.tag-settings summary .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}details.tag-settings[open]>label{margin-top:16px}summary{line-height:1.8}#note{min-height:60px}.actions{margin-top:14px;padding-top:16px}.actions.main-actions{position:sticky;bottom:0;background:#fff;padding-bottom:10px}#submitPanel{max-width:780px;margin:auto}.approval-card{border:1px solid #dfe7df;border-radius:9px;padding:16px 20px;margin:12px 0}.approval-card>summary{display:flex;justify-content:space-between;gap:14px}.approval-card>summary strong{font-size:13px}.compare-head{display:grid;grid-template-columns:1fr 1fr;gap:12px;color:#839187;font-size:11px;margin-top:20px}.before-value,.after-value{padding:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:14px;border-radius:6px}.before-value{background:#f5f5f1;color:#6c776e}.after-value{background:#edf6ed;color:#244d34}.diff-row>strong{font-size:12px;color:#78857b;display:block;margin-bottom:7px}.source-text{font-size:15px;line-height:1.9;padding:15px;background:#f7f9f5}.approval-comment{margin-top:20px}.approval-comment textarea{min-height:55px}.completed{margin-top:26px}.hint{font-size:13px;padding:10px 12px}#editor>details+details{margin-top:3px}footer{font-size:11px;color:#94a095}@media(max-width:1050px){.reading-pair{grid-template-columns:1fr}.reading-pair textarea{min-height:140px}}@media(max-width:800px){#workspace{grid-template-columns:1fr}#queue{max-height:210px}.approval-card>summary{display:block}.identity{gap:6px}header,main{padding:16px}nav,#filters{padding-left:16px;padding-right:16px}#filters{flex-wrap:wrap}.compare-head,.diff-columns{grid-template-columns:1fr}.compare-head span:first-child{display:none}}
.json-field{margin:16px 0}.json-editor{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.75;min-height:420px;tab-size:2;background:#fafcf9;padding:16px;white-space:pre-wrap;overflow-wrap:normal}.json-editor[readonly]{background:#f5f6f2;color:#657066}.prompt-checks{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;background:#f0f5ef;border-radius:8px;margin:18px 0}.prompt-checks label{margin:0}.json-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.json-comparison pre{margin:16px 0;min-height:420px;line-height:1.75;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.json-comparison h3{margin:16px 0 7px;font-size:12px}.approval-card .json-editor{min-height:420px}.json-comparison .json-field{font-size:12px}#note{min-height:90px}@media(max-width:950px){.json-comparison,.prompt-checks{grid-template-columns:1fr}.json-editor,.json-comparison pre{min-height:260px}}

/* One bounded content scroller keeps the decision bar visible, even in short windows. */
body.approval-mode{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}
.approval-mode>header{padding:8px 20px;display:flex;flex-shrink:0;gap:12px}
.approval-mode header .eyebrow{display:none}
.approval-mode h1{font-size:18px;margin:0}
.approval-mode .identity{margin:0;align-items:center}
.approval-mode .identity input,.approval-mode .identity button{padding:7px 10px}
.approval-mode>nav{padding:4px 20px;flex-shrink:0;flex-wrap:nowrap;overflow-x:auto}
.approval-mode>nav button{padding:7px 10px;white-space:nowrap}
.approval-mode #notice{padding:4px 20px;min-height:24px;flex-shrink:0}
.approval-mode>main{padding:6px 20px 12px;display:flex;flex:1;min-height:0;overflow:hidden}
.approval-mode #stats,.approval-mode>footer{display:none}
#approvalsPanel{display:flex;flex-direction:column;gap:8px;min-height:0;min-width:0;width:100%;flex:1}
.final-toolbar{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:0}
.final-toolbar h2{font-size:16px;margin:0 6px 0 0;white-space:nowrap}
.final-toolbar select,.final-toolbar button{padding:7px 10px;font-size:14px}
#approvalPick{flex:1;min-width:100px;width:0}
.final-position{white-space:nowrap;color:#64756d;font-size:13px;font-variant-numeric:tabular-nums}
.final-review{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;background:#fff;border:1px solid #d9e3dc;border-radius:9px;overflow:hidden}
.final-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.final-content:focus-visible{outline:2px solid #478c69;outline-offset:-2px}
.final-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;flex-shrink:0}
.final-item-heading{display:flex;flex-direction:column;gap:4px;min-width:0}
.final-item-heading strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.final-item-heading>span{font-size:12px;color:#61736a;overflow-wrap:anywhere}
.final-view-controls{display:flex;gap:6px;flex-shrink:0}
.final-view-controls button{font-size:14px;padding:7px 10px}
.final-notes{display:flex;gap:12px;align-items:center;border:0;border-radius:0;background:#fff8df;color:#6d5826;padding:6px 14px;text-align:left;flex-shrink:0;min-width:0}
.final-notes span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px}
.final-notes b{font-size:12px;white-space:nowrap;font-weight:500}
.final-prompt{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(360px,1.2fr);align-items:center;gap:16px;padding:6px 14px 10px;flex-shrink:0}
.final-prompt audio{height:36px;margin:0;width:100%}
.final-prompt .prompt-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;margin:0;background:none}
.final-prompt label{font-size:14px;gap:4px}
.final-prompt select{padding:6px 8px;font-size:14px;min-width:0;width:100%}
.final-diff-heading{display:grid;grid-template-columns:1fr 1fr;background:#f3f6f4;border-top:1px solid #e2e8e3;border-bottom:1px solid #e2e8e3;flex-shrink:0}
.final-diff-heading>span{padding:8px 14px;font-size:14px;font-weight:600}
.final-diff-heading small{margin-left:8px;font-size:12px;font-weight:400;white-space:nowrap}
.legend-removed{color:#a53431}.legend-added{color:#1c7145}
.final-diff{min-width:0}
.final-field{border-bottom:1px solid #e5ebe6}
.final-field-label{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background:#f8faf8;color:#596f61}
.final-field-label code{font-size:14px;font-weight:600}.final-field-label span{font-size:12px}
.final-field.is-changed>.final-field-label{background:#eff5f0;color:#244d36}
.final-field-values{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.final-field-values pre{margin:0;padding:10px 14px;border-radius:0;background:#fff;font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;min-width:0}
.final-field-values pre+pre{border-left:1px solid #e5ebe6;background:#fcfefc}
mark.diff-removed{background:#ffd9d6;color:#8b201c;text-decoration:line-through;text-decoration-thickness:1px;border-radius:2px}
mark.diff-added{background:#c8efd5;color:#14552e;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;border-radius:2px}
.diff-absent{color:#8b958e;font-style:italic}
.final-unchanged{padding:8px 14px;margin:0;font-size:14px;color:#617367;background:#f8faf7}
.final-more{width:100%;border:0;border-radius:0;font-size:14px;padding:10px;background:#f6f8f5;color:#40634d}
.final-actions{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid #dce5de;background:#fff;flex-shrink:0}
.final-actions input{flex:1;min-width:80px;width:0;font-size:14px;padding:9px 10px}
.final-actions button{white-space:nowrap;font-size:14px;padding:9px 12px}
.final-change-count{color:#62796b;white-space:nowrap;font-size:13px}
.final-result{margin-left:auto;font-size:14px}.final-empty{display:grid;place-items:center;flex:1;min-height:0;color:#6b7c72;font-size:16px}
#finalJsonDialog{width:min(860px,94vw);padding:20px}
#finalJsonDialog[open]{display:flex;flex-direction:column;height:min(760px,88dvh);max-height:88dvh;gap:10px}
#finalJsonDialog h2,#finalNotesDialog h2{font-size:18px;margin:0}
#finalJsonEditor.json-editor{min-height:0;flex:1;resize:none;font-size:14px;line-height:1.65}
#finalJsonError{color:#a33221;font-size:14px;margin:0}
.dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}
#finalNotesDialog{width:min(720px,94vw);padding:20px}
#finalNotesDialog pre{max-height:60dvh;overflow:auto;font-family:inherit;font-size:14px;line-height:1.8;white-space:pre-wrap}
@media(max-width:760px){
 .approval-mode>header{padding:7px 12px}.approval-mode h1{font-size:16px}.approval-mode .identity input{width:130px}
 .approval-mode>main{padding:4px 8px 8px}.approval-mode>nav{padding:3px 8px}.approval-mode #notice{padding:3px 12px}
 .final-toolbar{flex-wrap:wrap;gap:5px}.final-toolbar h2{font-size:14px}#approvalPick{order:2;flex-basis:100%;width:100%}
 .final-toolbar select,.final-toolbar button{padding:6px 8px}.final-toolbar .final-position{margin-left:auto}
 .final-summary{padding:8px;gap:6px}.final-view-controls{flex-direction:column;gap:4px}.final-view-controls button{padding:5px 7px}
 .final-prompt{grid-template-columns:1fr;gap:6px;padding:4px 8px 8px}.final-prompt label{font-size:13px}
 .final-diff-heading>span{padding:6px 8px}.final-diff-heading small{display:block;margin:3px 0 0}
 .final-field-values pre{padding:8px;font-size:14px}.final-field-label{padding:5px 8px}
 .final-actions{padding:8px;gap:6px;flex-wrap:wrap}.final-change-count{display:none}.final-actions input{flex-basis:100%;width:100%}.final-actions button{flex:1}
}
@media(max-height:650px) and (min-width:761px){
 .approval-mode>header{padding-top:5px;padding-bottom:5px}.final-summary{padding-top:6px;padding-bottom:6px}
 .final-actions{padding-top:7px;padding-bottom:7px}.final-prompt{padding-top:0;padding-bottom:6px}
}