.eval-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:20px 0}
.menubar{min-height:54px;padding-bottom:6px;padding-top:4px}
.eval-controls label{display:flex;flex-direction:column;gap:5px;font:12px var(--mono);color:var(--muted)}
.eval-controls select,.replay-controls select{font:13px var(--body, sans-serif);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:9px;max-width:100%}
.eval-controls label:first-child{max-width:100%}.eval-controls select{max-width:min(380px,80vw)}
.provider-initial{font:500 12px var(--mono);border:1px solid var(--line);width:26px;height:26px;display:grid;place-items:center;border-radius:50%}
.pareto-chart svg{display:block;width:100%;height:auto;overflow:visible;margin:20px 0;font:12px var(--mono);fill:var(--muted)}
.chart-grid{stroke:var(--line);opacity:.45}.frontier-line{fill:none;stroke:var(--orange);stroke-width:2;stroke-dasharray:5 5;opacity:.65}
.cost-range{stroke:var(--ink);stroke-width:2}.chart-dot{fill:var(--paper);stroke:var(--ink);stroke-width:2}.chart-dot.on-frontier{fill:var(--orange);stroke:var(--orange)}
.point-label{fill:var(--ink);font-weight:600;paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round}
.solve-matrix{overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--paper);max-width:100%}
.solve-matrix table{border-collapse:separate;border-spacing:0;min-width:1120px;width:100%;font:12px var(--mono)}
.solve-matrix th,.solve-matrix td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 8px;text-align:center;white-space:nowrap}
.solve-matrix thead th{position:sticky;top:0;background:var(--warm);z-index:2;vertical-align:bottom;min-width:70px;font:11px/1.2 var(--mono)}
.solve-matrix thead th:first-child,.solve-matrix tbody th{position:sticky;left:0;text-align:left;background:var(--paper);z-index:3;min-width:130px;color:var(--ink);font:500 13px var(--body)}
.solve-matrix thead th:first-child{z-index:4;background:var(--warm)}
.solve-matrix thead th small{display:block;max-width:86px;margin-top:4px;white-space:normal;color:var(--muted);font:10px/1.15 var(--mono)}
.solve-matrix tr:last-child>*{border-bottom:0}.solve-matrix tr>*:last-child{border-right:0}
.solve-matrix td.solved-one{background:#F3DDCD;color:#7B3511;font-weight:600}.solve-matrix td.solved-both{background:#E2EEDC;color:#1A6E40;font-weight:600}.solve-matrix td.unsolved{color:var(--muted)}.solve-matrix td.unavailable{color:var(--muted);background:var(--soft)}
.solve-key{display:flex;flex-wrap:wrap;gap:5px 14px;padding:0;margin:14px 0 0;list-style:none;font:11px/1.35 var(--mono);color:var(--muted)}.solve-key b{color:var(--ink)}
.about-box .contact{margin-bottom:40px;padding-bottom:16px}.about-box .kv>div:nth-child(3),.about-box .kv>div:nth-child(4){padding-bottom:22px}
@media(max-width:600px){.pareto-chart svg{font-size:12px}.eval-controls{gap:10px}.lb2 .nm .coverage{font-size:10px}.solve-matrix{margin-left:-2px;margin-right:-2px}.solve-matrix table{min-width:1020px}.solve-matrix thead th:first-child,.solve-matrix tbody th{min-width:112px}.solve-key{font-size:10px}}
.win[data-app=sample-task]:has([data-pane=rollouts]:not([hidden])) .tree{display:none}
.win[data-app=sample-task]:has([data-pane=rollouts]:not([hidden])) .win-body{grid-template-columns:1fr}
.win[data-app=sample-task] .pane[data-pane=rollouts]{padding:14px 18px;overflow:hidden;height:100%;box-sizing:border-box}
.replay{height:100%;min-height:0;display:flex;flex-direction:column;gap:8px;outline:none}
.replay-heading h2{font-size:22px!important;margin:0!important}
.replay-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.replay-controls .btn{padding:7px 12px;min-height:34px;font-size:12px}.replay-controls select{margin-right:auto}
.replay-meta{font:11px var(--mono);margin:0!important;color:var(--muted)}
.replay-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:90px;background:#E9E4DB;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.replay-frame{position:relative;flex-shrink:0}.replay-frame[hidden]{display:none}
.replay-image{width:100%;height:100%;display:block;object-fit:contain}
.click-ring{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #F26125;border-radius:50%;box-shadow:0 0 0 1px #F8F7F2;pointer-events:none;box-sizing:border-box}
.click-ring::after{content:'';position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#F26125;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #F8F7F2}
.click-ring[hidden],.agent-bubble[hidden]{display:none}
.agent-bubble{position:absolute;background:#F8F7F2F2;border:1px solid #F26125;border-radius:6px;padding:7px 9px;font:11px/1.4 var(--body,sans-serif);color:#171616;white-space:pre-wrap;max-height:78px;overflow:hidden;box-sizing:border-box;pointer-events:none;box-shadow:0 2px 8px #17161620}
.replay-range{width:100%;height:15px;accent-color:var(--orange);flex-shrink:0}
.replay-note,.replay-explanation{font-size:11px!important;line-height:1.4!important;margin:0!important;color:var(--muted)}
.replay-details{font-size:12px;flex-shrink:0}.replay-details summary{cursor:pointer}.replay-details pre{white-space:pre-wrap;overflow:auto;max-height:130px;font:11px/1.5 var(--mono);padding:10px;background:var(--paper);border:1px solid var(--line)}
.replay-empty{padding:20px;font-size:13px}.replay-empty[hidden]{display:none}
.replay-expanded{position:fixed;inset:64px 12px 12px;z-index:10000;background:var(--paper);padding:20px;border:1px solid var(--ink);border-radius:10px;box-shadow:0 0 0 20px #17161680;height:auto}
@media(max-width:600px){.win[data-app=sample-task] .pane[data-pane=rollouts]{padding:10px}.replay-heading{display:none}.replay-controls{gap:5px}.replay-controls select{width:100%}.replay-controls .btn{padding:6px 9px}.replay-explanation{display:none}.replay-expanded{inset:54px 0 0;padding:10px;border-radius:0}.agent-bubble{font-size:9px;max-height:58px}.replay-meta{font-size:10px}}