:root{color:#1f2933;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}html,body,#root{height:100%}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,select{font:inherit}.shell{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.sidebar{display:flex;flex-direction:column;gap:16px;border-right:1px solid #d9dee6;background:#fff;padding:18px;height:100dvh;min-height:0;overflow:hidden}.brand{display:flex;align-items:center;gap:12px}.brand svg{color:#b42318}h1,h2,h3,p{margin:0}h1{font-size:18px;line-height:1.2}.brand p,.toolbar p{color:#687385;font-size:13px;line-height:1.4}.search,.sourceSelect{display:flex;align-items:center;gap:8px;min-height:38px;border:1px solid #cfd6df;border-radius:8px;background:#fff;padding:0 10px}.search input,.sourceSelect select{width:100%;border:0;outline:0;background:transparent;color:#1f2933}.latentList,.exampleList{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto}.latent{display:grid;grid-template-columns:42px minmax(0,1fr) 54px;align-items:center;gap:6px;border:1px solid #d9dee6;border-radius:8px;background:#fff;color:#24313f;padding:9px 10px;cursor:pointer;text-align:left}.latent:hover,.example:hover{border-color:#9aa8ba}.latent.active,.example.active{border-color:#b42318;background:#fff6f3}.rank,.score,.exampleMeta,.passageMeta{color:#66758a;font-size:12px}.latentTitle{display:flex;flex-direction:column;gap:2px;min-width:0}.latentId{font-weight:650}.latentLabel{overflow:hidden;color:#4b5869;font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.score{text-align:right;font-variant-numeric:tabular-nums}.workspace{display:flex;flex-direction:column;min-width:0;height:100dvh;min-height:0;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #d9dee6;background:#fbfcfd;padding:18px 22px}h2{font-size:22px;line-height:1.2}.latentHeading{display:flex;align-items:center;gap:10px;min-width:0}.latentLabelInput{width:min(360px,34vw);min-height:32px;border:1px solid #cfd6df;border-radius:8px;background:#fff;color:#1f2933;padding:0 10px;outline:0}.latentLabelInput:focus{border-color:#9aa8ba;box-shadow:0 0 0 3px #9aa8ba2e}.sourceSelect{width:min(260px,40vw)}.grid{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:18px;min-height:0;overflow:hidden;padding:18px;flex:1}.examples,.passage,.documentPane{display:flex;flex-direction:column;gap:12px;min-height:0}.examples,.passage{overflow:hidden}.documentPane{overflow:auto}.documentBlock{display:flex;flex-direction:column;flex:0 0 auto;gap:10px;min-height:0}.sectionTitle{display:flex;align-items:center;gap:8px;color:#334155}h3{font-size:15px}.example{display:flex;flex-direction:column;gap:6px;border:1px solid #d9dee6;border-radius:8px;background:#fff;padding:10px;text-align:left;cursor:pointer}.exampleText{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color:#253140;font-size:13px;line-height:1.45}.passageMeta{display:flex;flex-wrap:wrap;gap:8px 14px}.hoverReadout{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;min-height:38px;border:1px solid #d9dee6;border-radius:8px;background:#fbfcfd;padding:8px 10px;color:#334155;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;font-variant-numeric:tabular-nums}.readoutLabel{border-radius:999px;background:#eef2f6;color:#4a5567;padding:2px 7px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:650}.tokenView{min-height:360px;overflow:auto;border:1px solid #d9dee6;border-radius:8px;background:#fff;padding:18px;color:#17212f;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:15px;line-height:1.9}.documentStats{display:flex;flex-wrap:wrap;gap:8px 14px;color:#66758a;font-size:12px}.modelTabs{display:flex;flex-wrap:wrap;gap:8px}.modelTab{display:flex;align-items:center;gap:8px;min-height:32px;border:1px solid #cfd6df;border-radius:8px;background:#fff;color:#334155;padding:5px 9px;cursor:pointer;font-size:12px;font-weight:650}.tabScore{border-radius:999px;background:#eef2f6;color:#4a5567;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-weight:500;font-variant-numeric:tabular-nums}.modelTab:hover{border-color:#9aa8ba}.modelTab.active{border-color:#b42318;background:#fff6f3;color:#8f1d14}.modelTab.active .tabScore{background:#ffe0d8;color:#8f1d14}.documentText{overflow:auto;border:1px solid #d9dee6;border-radius:8px;background:#fff;padding:14px;color:#253140;font-size:13px;line-height:1.55;white-space:pre-wrap}.passageHighlight{border-radius:4px;background:#f6be0052;color:inherit;padding:1px 0}.documentBlock:last-child .tokenView{flex:0 0 auto;min-height:360px}.fullDocTokenView{white-space:pre-wrap}.errorText{color:#b42318}.token{border-radius:4px;padding:2px 1px;white-space:pre-wrap;outline:1px solid transparent;outline-offset:1px}.token.space{padding:0}.token:hover,.token:focus-visible{outline-color:#17212f}.token.peak{box-shadow:inset 0 -2px #b42318;font-weight:700}@media(max-width:1280px){.grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}}@media(max-width:900px){.shell{grid-template-columns:1fr;grid-template-rows:minmax(0,44dvh) minmax(0,1fr)}.grid,.documentPane{grid-template-columns:1fr;grid-column:auto}.sidebar{height:auto;max-height:none;border-right:0;border-bottom:1px solid #d9dee6}.workspace{height:auto}.toolbar{align-items:flex-start;flex-direction:column}.sourceSelect{width:100%}}