/* Evaluation uses the original experience's semantic palette. */
.eval-workspace{--eval-grid:var(--line-soft);background:var(--paper);border-block:1px solid var(--line);min-width:0;letter-spacing:0}
.eval-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;flex-wrap:wrap}
.eval-toolbar .eval-title{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;color:var(--ink-soft)}
.eval-controls{display:flex;align-items:center;gap:6px}
.eval-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink-soft)}
.eval-icon:hover{color:var(--accent-ink);border-color:var(--accent)}
.eval-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}
.eval-controls select{max-width:180px;height:30px;border:1px solid var(--line);border-radius:4px;background:var(--paper);font-size:11px;padding:0 6px}
.eval-arena{display:grid;grid-template-columns:148px minmax(220px,1fr) 166px;border-block:1px solid var(--line);min-height:340px}
.eval-candidates{border-right:1px solid var(--line);padding:12px 8px 12px 0;display:flex;flex-direction:column;gap:8px}
.eval-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;color:var(--ink-faint);line-height:1.5}
.eval-candidate{border:1px solid var(--line);border-radius:3px;min-height:65px;text-align:left;padding:8px;display:flex;flex-direction:column;gap:5px;position:relative;background:var(--paper)}
.eval-candidate.selected{border-color:var(--accent);background:var(--accent-soft)}
.eval-candidate .name{font-size:11.5px;font-weight:500;display:flex;align-items:center;gap:5px}
.eval-candidate .dot{width:5px;height:5px;border-radius:50%;background:var(--ink-faint);flex:none}
.eval-candidate[data-model="llama"] .dot{background:var(--s2)}
.eval-candidate[data-model="qwen"] .dot{background:var(--s1)}
.eval-candidate[data-model="gemma"] .dot{background:var(--s3)}
.eval-candidate .sub{font-size:10px;color:var(--ink-soft);display:flex;justify-content:space-between;gap:4px}
.eval-candidate .score{font-family:var(--font-mono);font-size:13px;font-weight:500}
.eval-candidate .prog{height:3px;width:100%}.eval-candidate .prog-bar{display:block}
.eval-candidate[data-model="llama"] .prog-bar{background:var(--s2)}
.eval-candidate[data-model="qwen"] .prog-bar{background:var(--s1)}
.eval-candidate[data-model="gemma"] .prog-bar{background:var(--s3)}
.eval-reference{margin-top:auto;padding:8px;border-top:1px dashed var(--line);font-size:10px;color:var(--ink-soft)}
.eval-reference b{display:block;color:var(--ink);font-size:11px;font-weight:500;margin-top:4px}
.eval-plot{position:relative;min-width:0;overflow:auto;background:var(--paper)}
.eval-plot svg{width:100%;height:100%;min-height:340px;display:block}
.eval-plot text{font-family:var(--font-mono);font-size:9px;fill:var(--ink-faint);letter-spacing:0}
.eval-plot .grid{stroke:var(--eval-grid);stroke-width:.6;stroke-dasharray:2 4}
.eval-plot .wire{stroke:var(--line);stroke-width:1;fill:none}
.eval-plot .verifier{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1}
.eval-plot .verifier-label{fill:var(--accent-ink);font-size:10px}
.eval-plot .frontier{fill:none;stroke-width:1.8;stroke-linejoin:round;transition:opacity .2s}
.eval-plot .scatter{fill:var(--ink-faint);opacity:.25}
.eval-plot .point{stroke:var(--paper);stroke-width:2}
.eval-plot .particle{fill:var(--accent);opacity:.7}
.eval-plot .target{stroke:var(--good);stroke-width:.7;stroke-dasharray:2 4}
.eval-plot .winner-label{fill:var(--good);font-size:9px}
.eval-plot .frontier.dim{opacity:.16}
.eval-plot .focus-label{fill:var(--ink);font-size:10px}
.eval-challenges{border-left:1px solid var(--line);padding:12px 0 12px 8px;display:flex;flex-direction:column;gap:7px}
.eval-challenge{border:1px solid var(--line);border-radius:3px;padding:8px;text-align:left;min-width:0;background:var(--paper)}
.eval-challenge:hover,.eval-challenge.selected{border-color:var(--accent)}
.eval-challenge .challenge-head{display:flex;justify-content:space-between;gap:5px;align-items:center;font-size:11px;font-weight:500}
.eval-challenge .challenge-status{font-family:var(--font-mono);font-size:9px;color:var(--ink-faint)}
.eval-challenge .challenge-status.cleared{color:var(--good)}
.eval-challenge small{display:block;font-size:9px;color:var(--ink-faint);margin-top:3px}
.eval-challenge svg{width:100%;height:27px;display:block;margin-top:4px}
.eval-challenge svg path{stroke:var(--accent);stroke-width:1.3;fill:none}
.eval-timeline{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:11px 0;flex-wrap:wrap}
.eval-rounds{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px}
.eval-rounds button{display:flex;gap:5px;align-items:center;color:var(--ink-faint)}
.eval-rounds button.current{color:var(--accent-ink)}
.eval-rounds button.done{color:var(--ink)}
.eval-rounds button:disabled{cursor:default;opacity:.5}
.eval-rounds i{font-style:normal;color:var(--line)}
.eval-rounds .round-dot{width:5px;height:5px;border-radius:50%;background:currentColor}
.eval-counter{font-family:var(--font-mono);font-size:10px;color:var(--ink-soft)}
.eval-detail{border-top:1px solid var(--line);padding:14px 0;min-width:0}
.eval-detail-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.eval-detail-head h3{font-size:13px;font-weight:500}
.eval-case-question{font-size:13px;line-height:1.6;margin-bottom:12px;max-width:80ch}
.eval-answers{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.eval-answer .eval-label{margin-bottom:5px}
.eval-answer p{font-size:12px;line-height:1.6;color:var(--ink-soft)}
.eval-verdict{font-size:11px;margin-top:12px;color:var(--good);display:flex;gap:6px;align-items:center}
.eval-verdict.fail{color:var(--bad)}
.eval-workspace.paused .particle{display:none}
.eval-workspace.expanded{position:fixed;inset:calc(var(--bar-h) + env(safe-area-inset-top,0px)) 0 0;z-index:35;padding:12px 24px;overflow:auto}
.eval-workspace.expanded .eval-arena{min-height:450px}
.eval-workspace.expanded .eval-plot svg{min-height:450px}
@media(max-width:1250px) and (min-width:961px){.eval-arena{grid-template-columns:128px minmax(200px,1fr)}.eval-challenges{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-left:0;border-top:1px solid var(--line);padding:10px 0}.eval-challenges>.eval-label{grid-column:1/-1}}
@media(max-width:600px){.eval-arena{grid-template-columns:110px minmax(0,1fr)}.eval-challenges{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:0;border-top:1px solid var(--line);padding:10px 0}.eval-challenges>.eval-label{grid-column:1/-1}.eval-candidate{padding:6px}.eval-candidate .name{font-size:10px}.eval-controls select{max-width:145px}.eval-toolbar{gap:8px}.eval-answers{grid-template-columns:1fr;gap:12px}.eval-rounds{gap:5px}.eval-workspace.expanded{padding:12px}.eval-plot svg{min-height:300px;min-width:360px}.eval-arena{min-height:300px}.eval-workspace.expanded .eval-arena{min-height:300px}.eval-workspace.expanded .eval-plot svg{min-height:300px;height:300px}}
@media(prefers-reduced-motion:reduce){.eval-plot .particle{display:none}.eval-plot .frontier{transition:none}}