.ai-lab{padding-block:50px 60px;border-bottom:1px solid #333044;scroll-margin-top:110px}.ai-lab>h2{font-size:40px}.ai-lab>p{max-width:800px;font-size:15px}.ai-lab-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 0}.ai-lab button,.ai-lab select,.ai-lab input{font:inherit}.ai-lab-tabs button,.ai-lab-modes button{border:1px solid #494052;background:#17131f;color:#b8acc8;padding:12px 18px;border-radius:6px;cursor:pointer;font-size:13px}.ai-lab-tabs button[aria-selected=true],.ai-lab-modes button[aria-pressed=true]{background:#c1a9f0;border-color:#c1a9f0;color:#21142d}.ai-lab-panel{padding:30px;border:1px solid #393043;border-radius:9px;background:linear-gradient(135deg,#1b1526,#101119);margin-top:14px;scroll-margin-top:110px;min-width:0}.ai-lab-panel h3{font-size:28px;line-height:1.3;max-width:740px}.ai-lab-panel h4{font-size:15px;color:#e2d2f4;margin:20px 0 12px;line-height:1.5}.ai-lab-panel>p{font-size:14px;max-width:980px}.ai-lab .ai-lab-note{font-size:12px;line-height:1.8;color:#a49aaf;max-width:1000px}.ai-lab a{color:#d2b7fb;text-decoration:underline;text-underline-offset:3px}.ai-lab-controls{display:flex;gap:16px;flex-wrap:wrap;padding:20px;background:#0e0e16;border:1px solid #322a40;border-radius:6px;margin:24px 0 16px;align-items:center}.ai-lab-controls label{display:grid;gap:8px;font-size:12px;color:#c2b2d5;flex:1;min-width:130px}.ai-lab-controls select{background:#191420;border:1px solid #594565;color:#eee4fa;border-radius:5px;min-height:44px;padding:9px;width:100%;font-size:13px}.ai-lab-controls input[type=range]{width:100%;min-height:30px;accent-color:#c1a9f0}.ai-lab-controls output{font:12px ui-monospace,monospace;color:#e0c6ff}.ai-lab-controls label.ai-lab-check{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;cursor:pointer}.ai-lab-check input{width:18px;height:18px;accent-color:#c1a9f0}.ai-lab-cache-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;margin-top:28px}.ai-lab-modes{display:flex;gap:8px;flex-wrap:wrap}.ai-lab-modes button{font:12px ui-monospace,monospace;padding:8px 14px}.ai-lab-network{margin:16px 0 0;overflow-x:auto}.ai-lab-network>svg{display:block;width:100%;min-width:390px;height:auto}.ai-lab-network figcaption{font-size:12px;color:#b2a5c2;line-height:1.8;max-width:560px;margin-top:8px}.ai-kv-wire{stroke:#76598e;stroke-width:1.5}.ai-kv-positional{stroke:#6c9da3;stroke-dasharray:4 4}.ai-kv-query{fill:#372548;stroke:#b299d1;stroke-width:1.3}.ai-kv-store{fill:#1d3337;stroke:#7fc7c9;stroke-width:1.3}.ai-kv-query[data-group="1"],.ai-kv-store[data-group="1"]{fill:#254348;stroke:#7fc7c9}.ai-kv-query[data-group="2"],.ai-kv-store[data-group="2"]{fill:#44341f;stroke:#e9bd76}.ai-kv-query[data-group="3"],.ai-kv-store[data-group="3"]{fill:#442335;stroke:#e398bb}.ai-kv-query[data-group="4"],.ai-kv-store[data-group="4"]{fill:#28354a;stroke:#91b5eb}.ai-kv-query[data-group="5"],.ai-kv-store[data-group="5"]{fill:#354225;stroke:#b4d98d}.ai-kv-query[data-group="6"],.ai-kv-store[data-group="6"]{fill:#432b24;stroke:#e5a48a}.ai-kv-query[data-group="7"],.ai-kv-store[data-group="7"]{fill:#33313e;stroke:#b6afcc}.ai-kv-text{fill:#ece2fa;font:13px ui-monospace,monospace;text-anchor:middle}.ai-kv-bar{fill:#b29ae6}.ai-kv-bar[data-kv-bar=GQA]{fill:#79c6c0}.ai-kv-bar[data-kv-bar=MLA]{fill:#e4b77c}.ai-kv-bar-label{fill:#c8bbd9;font:12px ui-monospace,monospace}.ai-lab-cache-results{min-width:0}.ai-lab table{font-size:12px;border:1px solid #342b42;background:#100e18;margin:0}.ai-lab caption{text-align:left;font-size:12px;color:#b4a4c6;padding-bottom:12px}.ai-lab th,.ai-lab td{padding:12px 10px;vertical-align:middle;font-size:12px}.ai-lab tbody th{background:transparent;color:#c4b6d2}.ai-lab tr.is-selected{outline:1px solid #9e82c5;outline-offset:-1px}.ai-lab tr.is-selected td,.ai-lab tr.is-selected th{color:#f4eaff}.ai-lab-cache-results>svg{display:block;width:100%;height:auto;margin-top:20px}.ai-lab .ai-lab-equation{font:12px/1.9 ui-monospace,monospace;color:#d9c1f7;overflow-wrap:anywhere;padding:14px 16px;border-left:2px solid #9e7bcb;background:#0c0c13;max-width:100%}.ai-lab-status{font:12px/1.8 ui-monospace,monospace;color:#b6d6ce}.ai-lab-method{border-top:1px solid #3a2d47;padding-top:15px;margin-top:24px;font-size:13px;color:#b9acc9}.ai-lab-method summary{cursor:pointer;color:#d4baf2}.ai-lab-method p{font-size:12px}.ai-lab-attention-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:26px;align-items:start;margin-block:26px}.ai-lab-matrix-wrap{overflow-x:auto}.ai-lab-matrix{table-layout:fixed;min-width:450px}.ai-lab-matrix td,.ai-lab-matrix th{text-align:center;padding:12px 6px;font-size:11px}.ai-lab-matrix th{font-weight:500}.ai-lab-matrix td[data-strength="0"]{background:#171320}.ai-lab-matrix td[data-strength="1"]{background:#332447}.ai-lab-matrix td[data-strength="2"]{background:#51346f;color:#eadff7}.ai-lab-matrix td[data-strength="3"]{background:#725197;color:#fff}.ai-lab-matrix td[data-strength="4"]{background:#9972c0;color:#fff}.ai-lab-matrix td.is-masked{background:repeating-linear-gradient(135deg,#14121b,#14121b 5px,#1e1927 5px,#1e1927 6px);color:#8f829f}.ai-lab-weight-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:8px 12px;border-bottom:1px solid #352b42;font-size:12px;color:#c1b2d0}.ai-lab-weight-row span:nth-child(2){color:#9787aa;font-family:ui-monospace,monospace}.ai-lab-weight-row b{text-align:right;font:12px ui-monospace,monospace;color:#dbbfff}.ai-lab-experts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-block:26px}.ai-lab-expert{display:grid;gap:14px;text-align:center;border:1px solid #3d3447;border-radius:7px;padding:20px 8px;background:#131019;color:#8e809d}.ai-lab-expert>b{font:22px ui-monospace,monospace}.ai-expert-score{font:14px ui-monospace,monospace}.ai-expert-state{font-size:11px}.ai-lab-expert.is-active{background:#173431;border-color:#77c3b4;color:#c7f0e5;box-shadow:inset 0 3px #77c3b4}.ai-lab [hidden]{display:none!important}.ai-lab-link{display:inline-block!important;margin-top:20px!important;padding:9px 13px;border:1px solid #614b77;border-radius:5px;font-size:12px}@media(max-width:1100px){.ai-lab-cache-layout,.ai-lab-attention-layout{grid-template-columns:minmax(0,1fr)}.ai-lab-network>svg{max-width:650px}.ai-lab-cache-results>svg{max-width:650px}.ai-lab-experts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.ai-lab{padding-block:35px}.ai-lab>h2{font-size:32px}.ai-lab-panel{padding:18px 15px}.ai-lab-panel h3{font-size:24px}.ai-lab-tabs{gap:8px}.ai-lab-tabs button{padding:10px;font-size:11px;flex:1}.ai-lab-controls{padding:14px;gap:14px}.ai-lab-controls label{min-width:110px}.ai-lab-panel>p{font-size:13px}.ai-lab-network>svg{min-width:450px}.ai-lab-equation{font-size:11px!important}.ai-lab-matrix{min-width:410px}.ai-lab-experts{gap:8px}.ai-lab-expert{padding:16px 6px}.ai-lab-status{font-size:11px}.ai-lab caption{font-size:11px}.ai-lab th,.ai-lab td{font-size:11px;padding:10px 7px}}@media print{.ai-lab-tabs,.ai-lab-controls,.ai-lab-modes{display:none!important}.ai-lab [hidden]{display:block!important}.ai-lab{break-before:page}.ai-lab-panel{background:#fff;color:#111;break-inside:avoid}.ai-lab-panel p,.ai-lab-note,.ai-lab-equation{color:#222!important}.ai-lab-cache-layout,.ai-lab-attention-layout{display:block}}

.ai-lab-cache-layout>*,.ai-lab-attention-layout>*{min-width:0}
@media(max-width:760px){.ai-lab.is-interactive .ai-lab-network>svg{min-width:0}.ai-lab-matrix{min-width:0}.ai-lab-matrix td,.ai-lab-matrix th{font-size:10px;padding:10px 2px;overflow-wrap:anywhere}}
@media print{.ai-lab [data-lab-controls]{display:none!important}}
.ai-lab-guide{background:#242033;border:1px solid #69517e;border-radius:7px;padding:20px;margin:24px 0}.ai-lab-guide h4{margin:0 0 15px;color:#e8d9fa}.ai-lab-guide>div{display:flex;gap:10px;flex-wrap:wrap}.ai-lab-guide button{background:#49305d;border:1px solid #9773b4;color:#f0e5fb;border-radius:5px;font-size:12px;padding:10px 15px;line-height:1.6;cursor:pointer}.ai-lab-guide button[aria-pressed=true]{background:#c5afe8;color:#21132e;border-color:#c5afe8}.ai-lab-guide p{font-size:13px;line-height:1.9;color:#d8c6e6;margin:16px 0 0;min-height:25px}.ai-lab-advanced{border:1px solid #44304f;border-radius:6px;padding:13px 15px;margin:16px 0;color:#bba6cd;font-size:12px;background:#100d17;min-width:0}.ai-lab-advanced>summary{cursor:pointer;color:#cfb6e5;line-height:1.8}.ai-lab-advanced .ai-lab-controls{margin-bottom:0}.ai-lab-controls>.ai-lab-advanced{flex:1;margin:0;min-width:160px}.ai-lab-advanced label{margin-top:12px}.ai-lab-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ai-lab-modes button{padding:10px 8px}.ai-lab-modes b{font-size:12px}.ai-lab-modes small{display:block;font:10px/1.6 Arial,sans-serif;margin-top:6px;opacity:.9}.ai-lab-attention-layout{grid-template-columns:minmax(0,1fr)}.ai-lab-attention-layout .ai-lab-advanced{max-width:700px}@media(max-width:760px){.ai-lab-guide{padding:16px}.ai-lab-guide>div{display:grid;grid-template-columns:1fr}.ai-lab-guide button{text-align:left;font-size:12px}.ai-lab-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-lab-modes small{font-size:11px}.ai-lab-controls>.ai-lab-advanced{min-width:100%}}@media print{.ai-lab-guide{display:none!important}}

/* Word-level generation stories. Text labels accompany every color. */
.ai-token-story{margin:24px 0 28px;border:1px solid #604478;border-radius:10px;background:#15101e;padding:24px}
.ai-story-caption{font-size:13px!important;color:#d4bcE7!important;margin:0 0 20px!important}
.ai-story-sentence{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:92px;padding:20px;border:1px solid #40324b;border-radius:7px;background:#0e0d14}
.ai-story-token{display:inline-grid;gap:5px;place-items:center;min-width:42px;padding:10px 12px;background:#27252f;border:1px solid #585160;border-radius:6px;color:#d5cfdc;font-size:20px;line-height:1.4}
.ai-story-token small{font:10px ui-monospace,monospace;color:inherit;min-height:0}.ai-story-token small:empty{display:none}
.ai-story-token[data-attention="1"]{background:#172a3e;border-color:#3d648a}.ai-story-token[data-attention="2"]{background:#194565;border-color:#4b86b3}.ai-story-token[data-attention="3"]{background:#1f5b83;border-color:#7eb6df}.ai-story-token[data-attention="4"],.ai-story-token[data-attention="5"]{background:#246d9e;border-color:#9bd2f8;color:#fff}
.ai-story-token.is-current{background:#50306b;border:2px solid #ca9af1;color:#f5e5ff}.ai-story-token.is-new{background:#164837;border:2px solid #74d8af;color:#cbffe7}
.ai-story-cursor{color:#a38cb7;font-size:24px;padding:8px}
.ai-story-key{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0 20px;font-size:11px;color:#c2b3ce}.ai-story-key span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:7px;background:#77707e}.ai-story-key .ai-key-current:before{background:#bd8ee1}.ai-story-key .ai-key-new:before{background:#74d8af}
.ai-story-actions{display:flex;gap:10px;flex-wrap:wrap}.ai-story-actions button{border:1px solid #a17bbe;border-radius:6px;background:#3c2851;color:#eee0fa;padding:11px 16px;font-size:13px;min-height:44px}.ai-story-actions button+button{background:transparent;border-color:#5f496e;color:#cab6db}.ai-story-actions button:disabled{opacity:.55;cursor:default}
.ai-story-visual{margin:24px 0 16px;padding-top:18px;border-top:1px solid #45324f}.ai-story-visual h4{margin:0 0 14px!important;color:#d7bce9;font-size:13px}.ai-story-visual p{font-size:13px!important;line-height:1.8}
.ai-story-cache{display:flex;gap:9px;flex-wrap:wrap}.ai-cache-cell{display:grid;gap:5px;background:#23202b;border:1px solid #5e5168;border-radius:5px;padding:10px 13px;text-align:center;font-size:14px}.ai-cache-cell small{font-size:9px;color:#bca9cd}.ai-cache-cell.is-reused{border-color:#9c83b1}.ai-cache-cell.is-added{background:#164837;border:2px solid #74d8af}.ai-cache-cell.is-added small{color:#b8f7dc}
.ai-story-route{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:#c7afd9;margin-bottom:20px}.ai-story-route-token{padding:7px 13px;border:1px solid #ca9af1;border-radius:4px;color:#f0dbff;background:#50306b}
.ai-story-experts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px}.ai-story-experts>div{display:grid;gap:8px;text-align:center;padding:16px 5px;border:1px solid #413649;border-radius:6px;color:#8d8098;background:#18131f}.ai-story-experts span{font-size:10px}.ai-story-experts .is-active{background:#194536;border:2px solid #71cba4;color:#caffe3}
.ai-story-status{font-size:14px!important;line-height:1.9!important;color:#e1cdef!important;min-height:54px;padding:15px 18px;border-left:3px solid #b18bce;background:#241a30;margin:20px 0 12px!important}
.ai-story-note{font-size:11px!important;line-height:1.8;color:#ae9bbb!important;margin:12px 0 0!important}
.ai-lab-theory{border-top:1px solid #47344f;margin-top:24px}.ai-lab-theory>summary{cursor:pointer;padding:18px 0;color:#c6addb;font-size:13px}.ai-lab-theory-content{padding-top:8px}
@media(max-width:760px){.ai-token-story{padding:16px 12px}.ai-story-sentence{padding:14px 10px;gap:6px}.ai-story-token{font-size:17px;padding:8px;min-width:36px}.ai-story-experts{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-story-actions button{font-size:12px;padding:10px 12px}.ai-story-status{padding:12px;font-size:13px!important}.ai-story-key{gap:12px}}

.ai-deeper-example{padding:18px;border:1px solid #5c4073;border-radius:8px;background:#15101e;margin-bottom:24px}
.ai-deeper-example h4{margin:0 0 14px;color:#d9bdec;font-size:14px}
.ai-deeper-example .ai-story-token{font-size:15px;padding:8px;min-width:35px}
.ai-deeper-caption{font-size:12px!important;color:#c8b4d9!important;margin:14px 0!important;line-height:1.8}
.ai-story-token.is-future{border-style:dashed;opacity:.55}
.ai-lab-attention-layout{grid-template-columns:minmax(0,1fr)}
.ai-lab-matrix{font-size:10px;min-width:700px}.ai-lab-matrix-wrap{max-width:100%;overflow-x:auto}
@media(max-width:760px){.ai-deeper-example{padding:12px}.ai-deeper-example .ai-story-token{font-size:14px}.ai-deeper-example .ai-story-sentence{padding:12px 8px}}

.ai-lab-cache-layout{grid-template-columns:minmax(0,1fr)}
.ai-lab-network>svg,.ai-lab.is-interactive .ai-lab-network>svg{width:100%;max-width:800px;min-width:0;margin-inline:auto}
.ai-lab-network figcaption{max-width:850px}
.ai-kv-section{fill:#dbc5ee;font:14px Arial,sans-serif;text-anchor:middle}
.ai-kv-subtitle{fill:#a895b8;font:11px Arial,sans-serif;text-anchor:middle}
.ai-kv-word{fill:#27252f;stroke:#665b72}.ai-kv-word.is-current{fill:#50306b;stroke:#ca9af1;stroke-width:2}.ai-kv-word.is-new{fill:#164837;stroke:#74d8af;stroke-width:2}.ai-kv-word.is-future{fill:#14111b;stroke:#65566e;stroke-dasharray:4 3}
.ai-kv-word-text{fill:#efdefa;font:13px Arial,sans-serif;text-anchor:middle}
.ai-kv-bank-title{fill:#d8f2ed;font:11px ui-monospace,monospace;text-anchor:middle}
.ai-kv-entry{fill:#14262b;stroke:#4e7b7b}.ai-kv-entry.is-added{fill:#17503a;stroke:#78ddb2;stroke-width:2}
.ai-kv-entry-text{fill:#e0f3ed;font:12px Arial,sans-serif;text-anchor:middle}
@media(max-width:760px){.ai-kv-entry-text{font-size:11px}.ai-kv-bank-title{font-size:9px}.ai-kv-section{font-size:13px}}
