html,body{height:100%}body{display:grid;grid-template-rows:auto 1fr}#header{display:flex;align-items:center;gap:.75rem;height:48px;padding:0 1.25rem;border-bottom:1px solid var(--border);background:var(--panel)}#header h1{font-size:.875rem;font-weight:600;margin:0}#header .chip{background:var(--inset);color:var(--fg)}#header-status{margin:0 0 0 auto;font-size:.8125rem;color:var(--muted)}#header a{font-size:.8125rem}#layout{display:grid;grid-template-columns:minmax(0,1fr) 25rem;min-height:0}#editor{padding:var(--s6);font-family:var(--font-text);font-size:1.125rem;overflow:hidden;min-height:0}#readout{border-left:1px solid var(--border);padding:var(--s3);font-size:.875rem;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(10rem,1fr) auto;row-gap:var(--s3);overflow-y:auto}#score-num{font-size:2.25rem;line-height:1.1;color:var(--ai)}#score-num.stale{color:var(--muted)}#score-meter{margin:var(--s2) 0}#score p{margin:.25em 0 0;font-size:.8125rem}#score-status{font-size:.75rem}#cost samp{font-size:1rem}#cost p{margin:.25em 0 0;font-size:.75rem}#cost.capped{background:var(--warn-bg);border-color:var(--warn)}#cost-cap p{color:var(--warn);margin:var(--s2) 0}#feedback{list-style:none;margin:0;padding:0;max-height:9rem;overflow-y:auto}#feedback li{margin:0 0 .4em}#comments-section{display:grid;grid-template-rows:auto auto 1fr;min-height:0}#comments-header{display:flex;align-items:baseline;gap:.5rem}#comments-header h2{margin:0}#comments-tools{margin-left:auto;display:flex;gap:.25rem}#comments-tools button{font-size:.6875rem;padding:.2rem .5rem}#comments-paused-note{background:var(--warn-bg);color:var(--warn);border-radius:var(--r-ctl);padding:.25em .5em;margin:var(--s2) 0 0;font-size:.75rem}#comments{list-style:none;margin:var(--s2) 0 0;padding:0;overflow-y:auto;min-height:0}#comments li{margin:0 0 .4em}#comments .handle,#feedback .handle{color:var(--muted);font-size:.8125rem;margin-right:.35em}#setup{overflow-y:auto;max-height:40vh}#setup details{margin:0 0 var(--s2);border:1px solid var(--border);border-radius:var(--r-card);background:var(--panel)}#setup details>summary{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:var(--s2) var(--s3)}#setup details[open]{padding-bottom:var(--s3)}#setup details>*:not(summary){margin:var(--s2) var(--s3)}#setup input,#setup textarea{max-width:100%}#spans-table{width:100%;font-size:.75rem}#spans-body tr.muted td{color:var(--muted)}