:root{--bg:#f3f6fa;--surface:#fff;--text:#182c40;--accent:#126858;--border:#9baebd;--focus:#d07800;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#14212d;--surface:#203343;--text:#edf4f9;--accent:#8de3cd;--border:#8198aa;--focus:#ffd183;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.6 Arabic Transparent,Simplified Arabic,Segoe UI,Tahoma,sans-serif}header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;padding:20px 4%;display:flex}main{max-width:1250px;margin:auto;padding:24px}nav,.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}section{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin:20px 0;padding:24px}form{flex-wrap:wrap;align-items:end;gap:16px;display:flex}label{flex-direction:column;gap:5px;display:flex}input,select,button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:5px;padding:8px 12px}button,a{cursor:pointer;color:var(--accent)}button:hover{border-color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.login{max-width:450px;margin:50px auto}.login form,.login label{flex-direction:column;align-items:stretch;width:100%;display:flex}table{border-collapse:collapse;background:var(--surface);width:100%}td,th{text-align:start;border-bottom:1px solid var(--border);padding:12px}.scroll{margin-block:20px;overflow:auto}[role=alert]{background:var(--surface);border:2px solid #b94c30;padding:16px}pre{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;direction:ltr;max-height:420px;overflow:auto}h1{font-size:1.7rem}@media (width<=700px){header{flex-direction:column;gap:12px}main{padding:12px}}.editor-layout{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:20px;margin-top:20px;display:grid}.segment-list{border:1px solid var(--border);height:480px;overflow:auto}.segment-row{text-align:start;border-radius:0;display:block;overflow:auto}.segment-row[aria-pressed=true]{border:3px solid var(--accent)}.segment-columns{overflow-wrap:anywhere;grid-template-columns:1fr 1fr;gap:16px;display:grid}.chip{border:1px solid var(--border);background:var(--bg);border-radius:6px;padding:0 5px;display:inline-block}.editor-layout aside{background:var(--surface);max-height:600px;padding:12px;overflow:auto}.target-editor textarea{width:100%;min-height:48px;font:inherit;color:var(--text);background:var(--surface)}.word-diff{white-space:pre-wrap;overflow-wrap:anywhere}.word-diff del{color:#571e12;background:#f9c7bd}.word-diff ins{color:#143c2c;background:#bcebd8}@media (width<=800px){.editor-layout{grid-template-columns:1fr}}header{padding-block:10px}main{padding-block:12px}.editor-heading{align-items:center;gap:16px;display:flex}.editor-heading h1{margin:0;font-size:1.3rem}.editor-heading details{position:relative}.editor-heading details p{z-index:2;background:var(--surface);border:1px solid var(--border);width:320px;padding:12px;position:absolute}.editor-layout{gap:12px;margin-top:10px}.segment-list{height:calc(100vh - 230px);min-height:480px}.segment-row{padding:2px 8px;font-size:14px;line-height:20px;overflow:hidden}.segment-row small{color:var(--text);line-height:18px;display:block}.segment-row[aria-pressed=true]{background:var(--bg);box-shadow:inset -3px 0 var(--accent);border-width:1px}.segment-columns>div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chip{cursor:grab;direction:ltr;unicode-bidi:isolate}#target-editor[contenteditable]{white-space:pre-wrap;border:1px solid var(--border);min-height:110px;padding:8px}#target-editor textarea{width:100%;min-height:110px;font:inherit;background:var(--surface);color:var(--text)}.editor-layout aside h2{margin-top:0;font-size:1rem}.qa-text{white-space:pre-wrap;overflow-wrap:anywhere}
