.workspace-dialog.rag-dialog { width:min(1120px,96vw); max-width:1120px; }
.rag-range { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin:16px 0; }
.rag-range[hidden],.rag-reader[hidden] { display:none; }
.rag-range input { width:110px; }
.rag-columns { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:16px 0; }
.rag-columns>div { min-width:0; }
.rag-columns textarea { width:100%; min-height:200px; font-family:inherit; }
.rag-original { max-height:65vh; overflow:auto; background:var(--card); color:var(--fg); border:1px solid var(--ring); }
.rag-original canvas { display:block; width:100%; height:auto; }
.rag-original.rag-zoom canvas { width:200%; min-width:600px; }
.rag-original pre { white-space:pre-wrap; overflow-wrap:anywhere; padding:16px; }
.rag-reader .row { justify-content:space-between; }
.rag-query { margin:24px 0 12px; }
.rag-query .row { margin-top:12px; flex-wrap:wrap; }
.rag-status { min-height:1.5em; color:var(--fg); }
.rag-hit,.rag-claim { border-top:1px solid var(--ring); padding:14px 0; overflow-wrap:anywhere; }
.rag-claim blockquote { margin:12px 0; padding:12px 16px; border-left:3px solid var(--ring-strong); background:var(--tint); white-space:pre-wrap; }
.rag-claim small { display:block; margin-top:6px; }
@media(max-width:760px) { .rag-columns { grid-template-columns:1fr; } .rag-original { max-height:50vh; } .workspace-dialog.rag-dialog { width:100%; } }
.rag-reader>.row:first-child { flex-wrap:wrap; }
#rag-position { order:-1;flex-basis:100%; }