.translation-review{width:min(1080px,94vw);max-height:90vh;overflow:auto;color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-default);padding:24px}
.translation-review header,.translation-review footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.translation-review header h2{flex:1}
.translation-review [data-body]>.canonical-control{display:block;width:100%;text-align:left;margin:4px 0}
.translation-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:16px 0}
.translation-columns p{white-space:pre-wrap;line-height:1.6}
.translation-review select,.translation-review input{color:inherit;background:var(--surface-2);border:1px solid var(--border-default);padding:6px}
.translation-blocks input{width:64px;margin:8px}
.translation-review[aria-busy=true] [data-body],.translation-review[aria-busy=true] footer{pointer-events:none;opacity:.65}
@media(max-width:700px){.translation-columns{grid-template-columns:1fr}}
.translation-import-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0}
.translation-import-tools label{display:grid;gap:6px}
.translation-columns,.translation-exception-text{writing-mode:horizontal-tb;direction:ltr}
.translation-exception-text{white-space:pre-wrap}

.translation-import{width:min(540px,94vw)}
.translation-json-drop{display:grid;gap:12px;padding:20px 0;line-height:1.6}
.translation-import[aria-busy=true] [data-state]::before{content:'';display:inline-block;width:10px;height:10px;margin-right:10px;border:1px solid currentColor;border-right-color:transparent;border-radius:50%;animation:translation-wait 1s linear infinite}
@keyframes translation-wait{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.translation-import[aria-busy=true] [data-state]::before{animation:none}}

/* Block 10C: one assistant and a non-scrolling notice outside the script page. */
.translation-step{border-left:1px solid var(--border-default);padding:8px 0 8px 18px;margin-left:5px;opacity:.55}
.translation-step h3{font-size:12px;letter-spacing:.08em;margin:8px 0}
.translation-step.active{opacity:1;border-left-color:var(--gold,#d8b56c)}
.translation-step.active h3{color:var(--gold,#d8b56c)}
.translation-step.complete{opacity:1}.translation-step.complete h3,.translation-ready-mark{color:#80b28d}
.translation-step p{line-height:1.5;font-size:13px}.translation-step .canonical-control{display:block;margin:12px 0}
.translation-step select{max-width:160px}.translation-ready-mark{font-size:44px;text-align:center;margin:16px 0}
.translation-outdated-banner{flex:0 0 auto;display:grid;gap:3px;padding:8px 14px;background:#302714;color:#e4c48b;font:11px/1.4 sans-serif;border-bottom:1px solid #74562b}
.translation-warning-icon,#currentScriptLabel.script-pending,#versionReview{color:#d9a359}
#currentScriptLabel.script-pending{cursor:pointer}#currentScriptLabel.script-pending:focus-visible{outline:1px solid currentColor}
.script-review-workflow-actions{display:flex;flex-wrap:wrap;gap:6px;padding:10px;border-top:1px solid var(--border-default)}
