.eval-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;margin:28px 0}.case-sidebar{position:sticky;top:15px;align-self:start}.case-sidebar button{display:block;width:100%;text-align:left;padding:12px;border:1px solid transparent;background:transparent;border-radius:8px;margin-top:4px;color:var(--ink);cursor:pointer}.case-sidebar button.active{background:#e4f0e8;border-color:#9dbca8}.case-sidebar small{display:block;overflow-wrap:anywhere;font-size:10px;color:var(--muted);margin-top:4px}.experiment{min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.experiment-head{display:flex;justify-content:space-between;align-items:start;padding:24px;gap:12px}.experiment-head h2{font-size:25px;margin:5px 0}.experiment-head p{font-size:12px;overflow-wrap:anywhere;color:var(--muted)}button,select{font:inherit}select,button{border:1px solid var(--line);border-radius:6px;padding:8px;background:white;cursor:pointer}button:disabled{opacity:.55}.controls{display:flex;flex-wrap:wrap;gap:18px;padding:16px 24px;background:#f6f8f4;border-block:1px solid var(--line)}.controls label{font-size:11px;color:var(--muted)}.controls select{display:block;margin-top:6px;max-width:100%;color:var(--ink)}.metrics{display:flex;gap:24px;flex-wrap:wrap;padding:16px 24px;border-bottom:1px solid var(--line)}.metrics span{font-size:11px;color:var(--muted)}.metrics b{display:block;font:19px var(--mono);color:var(--ink)}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 20px 0}.video-grid video{width:100%;aspect-ratio:416/240;background:#111;border-radius:6px}.video-title{font-size:11px;margin-bottom:8px;font-weight:600}.full{color:#087c70}.masked{color:#8264bf}.gt{color:#818b8b}.section-pad{padding:20px 24px;border-top:1px solid var(--line)}.plot-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.plot-grid,.prompt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.plot-grid svg{width:100%;background:#f7f9f6;border-radius:6px}.plot-grid p{font:10px var(--mono);color:var(--muted);margin:8px 0}.legend{display:flex;gap:16px;font-size:11px;margin:12px 0}.prompt-grid pre,#trace{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;font:11px/1.7 var(--mono);background:#f6f8f4;padding:14px;border-radius:6px}.prompt-grid h3{font-size:13px;margin-top:16px}.input-panel{background:#eff5f0;font-size:12px;line-height:1.8}.input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}.input-grid b{display:block;color:var(--muted);font-size:10px}.input-grid span{overflow-wrap:anywhere}.input-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}.initial-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.initial-frames img{width:100%;border-radius:4px}.initial-frames figure{margin:12px 0 0}.initial-frames figcaption{font-size:10px}.explain,#chunkTiming{font-size:12px;line-height:1.7;color:var(--muted);margin:12px 0}.table-scroll{overflow:auto}.summary-body{display:block!important}#summaryTable{width:100%;font-size:12px}#summaryTable th,#summaryTable td{text-align:left;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}#summaryTable tr.selected{background:#eee8f8}.summary-body p{font-size:12px;margin-top:14px;line-height:1.8}.status{font-size:11px;color:var(--muted);padding:0 24px 10px}#scrub{min-width:60px;flex:1}#clock{font:11px var(--mono);white-space:nowrap}.transport{display:flex;gap:10px;align-items:center;padding:15px 24px;flex-wrap:wrap}.primary{background:#087c70;color:white}.findings .finding p{line-height:1.8}#copyCase{font-size:11px;white-space:nowrap}.footer{gap:20px;line-height:1.6}@media(max-width:1000px){.eval-layout{grid-template-columns:170px minmax(0,1fr)}.video-grid{grid-template-columns:1fr}.video-grid video{max-height:330px}.prompt-grid{grid-template-columns:1fr}}@media(max-width:650px){.eval-layout{grid-template-columns:1fr}.case-sidebar{position:static}.case-sidebar #caseList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.case-sidebar small{display:none}.plot-grid,.input-grid{grid-template-columns:1fr}.experiment-head{flex-direction:column}.section-pad{padding:16px}.initial-frames{grid-template-columns:repeat(2,minmax(0,1fr))}}
