:root{color-scheme:light;--page:#eaf0e8;--surface:#fbfcf7;--panel:#f1f5ed;--ink:#213d32;--muted:#526958;--line:#b3c5b6;--node-border:#607d65;--accent:#28694c;--selected:#dfecd9;--warn:#805113;--warn-bg:#fff0d3;--error:#9a3442;font:14px/1.5 system-ui,sans-serif}
:root[data-theme=dark]{color-scheme:dark;--page:#11251f;--surface:#19332a;--panel:#203d31;--ink:#edf3df;--muted:#b4c8b2;--line:#496957;--node-border:#a3bc93;--accent:#b6dd9a;--selected:#2e4d3a;--warn:#f2cf8d;--warn-bg:#4a3924;--error:#ffabb7}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink)}[v-cloak]{display:none}button,select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:6px 10px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{color:var(--muted);background:var(--panel);cursor:wait}a{color:var(--accent)}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}header[data-platform-header]{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 20px;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line)}header [data-platform-brand]{font-weight:750;text-decoration:none;color:var(--ink)}header nav{display:flex;gap:16px}header #auth-area{margin-left:auto}main{max-width:1550px;margin:0 auto;padding:20px}.model-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:16px}.model-toolbar h1{font-size:23px;margin:2px 0}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:750}.product-picker{display:flex;align-items:center;gap:9px;margin-left:auto;color:var(--muted);font-size:12px}.product-picker select{max-width:240px}.model-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.model-surface{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.board-scroll{overflow:hidden}.model-board{position:relative;width:900px;height:660px;margin:0;transform-origin:top left}.model-board svg{position:absolute;inset:0;width:900px;height:660px;overflow:visible}.connection{fill:none;stroke:var(--line);stroke-width:1.6}marker path{fill:var(--accent)}svg text{font-size:11px;fill:var(--muted);paint-order:stroke;stroke:var(--surface);stroke-width:7px;stroke-linejoin:round}.emphasized .connection{stroke:var(--accent);stroke-width:3}.emphasized text{fill:var(--ink);font-weight:700}.model-node{position:absolute;width:228px;border:2px solid var(--node-border);box-shadow:0 0 0 2px var(--surface);border-radius:9px;background:var(--panel);color:var(--ink);overflow:hidden}.model-node.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--selected)}.model-node.related{border-color:var(--warn)}.node-select{display:block;width:100%;border:0;border-radius:0;background:transparent;text-align:left;padding:12px}.node-select strong{display:block;font-size:15px;margin:4px 0}.node-select small{display:block;color:var(--muted);font-size:11px}.node-index{color:var(--muted);font:10px ui-monospace,monospace;letter-spacing:.12em}.failure-tag{display:flex;gap:5px;margin:0 8px 7px;padding:5px 6px;font-size:11px;line-height:1.3;text-decoration:none;border-radius:5px;background:var(--warn-bg);color:var(--warn);border:1px solid transparent}.failure-tag.active{border-color:var(--warn)}.model-caption{display:flex;flex-wrap:wrap;gap:14px;border-top:1px solid var(--line);padding:10px 14px;color:var(--muted);font-size:11px}.line-key{display:inline-block;width:18px;border-top:2px solid var(--line);margin-right:5px;vertical-align:middle}.failure-key{display:inline-block;width:9px;height:9px;background:var(--warn-bg);border:1px solid var(--warn);margin-right:5px}.workspace-status{margin:0;padding:0 14px 12px;color:var(--muted);font-size:11px}.question{font-weight:600}dl{margin:16px 0}dt{font-weight:700;font-size:12px;margin-top:15px}dd{margin:5px 0 0;white-space:pre-wrap;font-size:13px;overflow-wrap:anywhere}.muted{color:var(--muted);font-size:11px}.error{color:var(--error)}.sources{font-size:12px;padding-left:18px}summary{cursor:pointer;font-size:12px;font-weight:600}details{border-top:1px solid var(--line);padding:12px 0;margin-top:12px}details p,details li{font-size:12px}details ul{padding-left:18px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.comparison,.evidence-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.comparison small,.evidence-row small,.evidence-row details{grid-column:1/-1;color:var(--muted);font-size:11px}.evidence-heading{display:flex;gap:6px;justify-content:space-between;align-items:center}.evidence-heading select{font-size:11px;padding:4px}.evidence-row a{overflow-wrap:anywhere}
@media(max-width:1000px){.model-workspace{grid-template-columns:1fr}.model-toolbar{flex-wrap:wrap}.product-picker{margin-left:0}}@media(max-width:600px){main{padding:12px}.model-toolbar{gap:10px}.model-toolbar>div{width:100%}.model-toolbar h1{font-size:21px}.product-picker{flex:1;min-width:0}.product-picker select{max-width:160px}.model-toolbar>button{font-size:11px}.model-caption{gap:8px}.product-picker{display:block}.product-picker select{display:block;margin-top:3px}header[data-platform-header]{gap:10px;padding:9px 12px}}

@media(max-width:600px){.model-board.compact{width:360px;height:730px;}.model-board.compact svg{width:360px;height:730px}.model-board.compact .node-select{padding:9px}.model-board.compact .node-select strong{font-size:13px}.model-board.compact .node-select small{font-size:10px}.model-board.compact .failure-tag{font-size:10px;margin:0 5px 5px;padding:4px}.model-board.compact svg text{font-size:9px;stroke-width:5px}.board-scroll{scrollbar-width:thin}}


.model-workspace{display:block}.model-surface{max-width:1100px;margin:auto}.model-board{transition:transform 280ms ease;will-change:transform}.board-scroll{height:660px;position:relative;overflow:hidden;background:linear-gradient(rgba(251,252,247,.48),rgba(251,252,247,.48)),url('/assets/living-network-v1.png') center/cover no-repeat;touch-action:pan-y}
:root[data-theme=dark] .board-scroll{background-image:linear-gradient(rgba(25,51,42,.76),rgba(25,51,42,.76)),url('/assets/living-network-v1.png')}
.camera-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--panel);color:var(--ink)}.camera-controls button{font-size:12px}.camera-controls output{font-size:11px;min-width:40px}.camera-target{font-size:12px;margin-right:auto;font-weight:650}
.model-node{display:flex;flex-direction:column;background:var(--panel)}.node-select{position:relative;flex:1;min-height:0;padding:0!important;width:100%;height:100%;overflow:hidden}.node-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.node-index{position:absolute;top:5px;left:6px;background:rgba(9,24,18,.6);color:#f7f9f0;padding:0 4px;border-radius:3px}.node-copy{position:absolute;bottom:0;left:0;right:0;padding:5px 9px;background:transparent;color:#f7f9f0;text-align:left;isolation:isolate;text-shadow:0 1px 2px rgba(0,0,0,.8)}.node-copy strong{margin:0;font-size:14px}.node-copy small{font-size:10px;color:#f7f9f0}.node-art-error{position:absolute;top:16px;left:6px;font-size:10px;color:var(--muted);background:var(--panel)}.model-node .failure-tag{flex-shrink:0;margin:0;padding:3px 7px;border-radius:0;font-size:10px}.node-select:focus-visible{outline-offset:-3px}
.focus-map{max-width:1100px;margin:14px auto 0}.focus-title{font-size:18px;margin:0}.focus-node{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface);color:var(--ink)}.detail-scene{padding:14px 18px}.detail-scene .question{margin:4px 0 12px;font-size:13px;color:var(--muted)}.process-steps{display:flex;gap:25px;list-style:none;margin:0;padding:0}.process-steps li{position:relative;flex:1;min-width:0}.process-steps li:not(:last-child):after{content:'→';position:absolute;right:-18px;top:0;color:var(--accent)}.process-steps strong,.process-steps span{display:block}.process-steps strong{font-size:12px}.process-steps span{font-size:11px;color:var(--muted)}.node-evidence{padding:0 18px 12px}.node-evidence h2{font-size:20px}.node-evidence h3,.node-evidence p{font-size:13px}.node-evidence .evidence-heading h3{display:none}.node-observations{display:flex;flex-wrap:wrap;gap:5px;padding-top:10px}.node-observations .failure-tag{margin:0}.unknown-node{padding:20px;background:var(--surface);color:var(--ink)}
@media(max-width:600px){.board-scroll{height:730px}.camera-controls{padding:8px;gap:4px}.camera-controls button{padding:5px 8px}.camera-target{flex-basis:100%;order:2}.model-board.compact .node-copy strong{font-size:12px}.model-board.compact .node-copy small{font-size:9px}.model-board.compact .failure-tag{font-size:9px;margin:0;padding:3px 5px}.process-steps{gap:16px}.process-steps li:not(:last-child):after{right:-12px}.detail-scene{padding:12px}.node-evidence{padding:0 12px 10px}}
@media(prefers-reduced-motion:reduce){.model-board{transition:none}}

.node-copy{user-select:text}
.node-copy:before{content:'';position:absolute;inset:-24px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(9,24,18,0),rgba(9,24,18,.76) 24px,rgba(9,24,18,.86))}
.model-node.expanded .node-copy{padding:5px 8px}
.model-node.expanded .node-copy>strong{font-size:10px;line-height:1.3;margin-bottom:4px}
.node-process{display:grid;gap:3px;font-size:7.2px;line-height:1.25;color:#f7f9f0}
.node-process>[role=listitem]{display:grid;grid-template-columns:43px minmax(0,1fr);gap:5px}
.node-process b{font-weight:700;color:#e2f1ce}
.node-process>[role=listitem]>span{color:#f7f9f0}
@media(max-width:600px){.node-process>[role=listitem]{grid-template-columns:33px minmax(0,1fr);gap:4px}.model-board.compact .model-node.expanded .node-copy>strong{font-size:10px}}

.request-core{max-width:1180px;margin:auto}.core-heading{display:flex;align-items:center;gap:14px;margin:0 0 14px}.core-heading h1{font-size:22px;margin:0}.core-heading>span{font-size:12px;color:var(--muted)}.core-heading>a{margin-left:auto;font-size:12px}.request-world{display:grid;grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);align-items:start;border:1px solid var(--line);border-radius:12px;padding:18px;background:linear-gradient(color-mix(in srgb,var(--surface) 83%,transparent),color-mix(in srgb,var(--surface) 83%,transparent)),url('/assets/living-network-v1.png') center/cover}.core-computer{min-width:0;border:2px solid var(--node-border);border-radius:10px;background:var(--surface);color:var(--ink);overflow:hidden}.core-computer>header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--panel);color:var(--ink);border-bottom:1px solid var(--line)}.core-computer>header svg{width:29px;height:32px;fill:none;stroke:var(--accent);stroke-width:1.6;flex-shrink:0}.core-computer h2{font-size:16px;margin:0}.core-computer small{font-size:11px;color:var(--muted)}#core-prompt{display:block;width:calc(100% - 28px);margin:0 14px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);font:13px/1.5 ui-monospace,monospace}.prompt-options{display:flex;flex-wrap:wrap;gap:8px 14px;margin:12px 14px;font-size:12px}.prompt-additions{margin:0 14px}.prompt-additions>div{margin:10px 0;border-left:2px solid var(--accent);padding-left:10px}.core-field{font:10px ui-monospace,monospace;color:var(--muted)}.prompt-additions p{font-size:12px;margin:3px 0}.request-core pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 ui-monospace,monospace;margin:8px 0;user-select:text}.core-format{font-size:11px;color:var(--muted)}.core-format small{display:block;margin:5px 0}.core-wire{margin:12px 14px 0;padding:12px 0;font-size:12px}.core-wire>small{display:block;margin-top:10px}.core-wire pre{background:var(--panel);color:var(--ink);padding:10px;border-radius:6px;max-height:340px;overflow:auto}.core-computer>.error{margin:10px 14px}.request-wire{display:flex;flex-direction:column;gap:70px;padding-top:95px;align-items:center;color:var(--accent);font-size:11px;text-align:center}.request-wire b{display:block;font-size:44px;line-height:1;font-weight:400}.request-wire small{font-size:10px;color:var(--muted);display:block}.llm-black-box{display:flex;flex-direction:column;align-items:center;gap:6px;margin:14px;padding:16px;border:1px dashed var(--accent);border-radius:8px;background:var(--selected);color:var(--ink)}.llm-black-box strong{font-size:28px;letter-spacing:.05em}.llm-black-box span{font-size:11px;color:var(--muted)}.core-response{margin:14px}.response-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.response-heading h3{font-size:13px;margin:0}.core-response>pre{padding:12px;border-left:2px solid var(--accent);background:var(--panel);color:var(--ink)}.core-response>p{font-size:12px}.local-tool{margin:12px 14px;border:1px solid var(--line);border-radius:7px;padding:10px;font-size:12px;background:var(--panel);color:var(--ink)}.local-tool strong,.local-tool small{display:block}.local-tool small,.local-tool p{color:inherit}.local-tool.current-step{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.local-tool p{font-size:11px}.tool-local .request-wire{opacity:.4}.core-return{float:right;font-size:11px}
@media(max-width:760px){.core-heading{flex-wrap:wrap;gap:7px 12px}.core-heading h1{font-size:19px}.core-heading>a{margin-left:0;flex-basis:100%}.request-world{grid-template-columns:1fr;padding:10px;gap:10px}.request-wire{flex-direction:row;justify-content:space-around;padding:0;gap:12px}.request-wire>div{display:flex;align-items:center;gap:8px}.request-wire b{font-size:26px;transform:rotate(90deg)}.request-wire small{font-size:9px}.core-return{float:none;display:block;margin-bottom:8px}}

/* Documents feed the same input shown in the wire payload. */
.request-core{max-width:1420px}.request-world{grid-template-columns:minmax(180px,.7fr) minmax(0,1fr) 80px minmax(0,1fr);gap:12px}
.context-documents{min-width:0;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px}.context-documents h2{font-size:15px;margin:0 0 4px}.context-documents small,.assembled-prompt small{font-size:11px;color:var(--muted)}.context-documents ul{list-style:none;padding:0;margin:12px 0}.context-documents li{border:1px solid var(--line);border-radius:6px;margin:8px 0;padding:9px;background:var(--panel);color:var(--ink)}.context-documents li.included{border-color:var(--accent);background:var(--selected)}.document-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 8px;font-size:12px;overflow-wrap:anywhere}.document-heading small{font-weight:600}.context-documents pre{font-size:11px}.context-transfer{border-top:1px solid var(--line);padding-top:10px;font-size:12px;color:var(--accent)}.context-transfer small{display:block;margin-top:5px}.assembled-prompt{margin:12px 14px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink)}.assembled-prompt h3{font-size:12px;margin:0}.assembled-prompt h3 code{float:right;font-weight:400;color:var(--muted)}.inserted-document{background:var(--selected);color:var(--ink)}
@media(max-width:1000px) and (min-width:761px){.request-world{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr)}.context-documents{grid-column:1/-1}.context-documents ul{display:flex;gap:10px}.context-documents li{flex:1;min-width:0}}
@media(max-width:760px){.request-world{grid-template-columns:1fr}.context-transfer span{display:inline-block}.context-documents ul{margin:8px 0}}

.slide-navigation{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;color:var(--ink)}.slide-navigation>button{font-size:12px}.slide-position{flex:1;text-align:center;font-size:13px}.slide-navigation ol{display:flex;gap:6px;list-style:none;padding:0;margin:0;flex-basis:100%}.slide-navigation li{flex:1;min-width:0}.slide-navigation li button{display:flex;align-items:center;gap:7px;width:100%;height:100%;font-size:12px;text-align:left;padding:8px}.slide-navigation li button span{font-size:11px}.slide-navigation button[aria-current=step]{background:var(--selected);color:var(--ink);border-color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.slide-navigation button:disabled{background:var(--panel);color:var(--muted);cursor:default}.request-world.simple-request{grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr)}
@media(max-width:760px){.request-world.simple-request{grid-template-columns:1fr}.slide-navigation ol{gap:4px}.slide-navigation li button{justify-content:center;padding:7px}.slide-navigation li button span{display:none}.slide-position{font-size:12px}}

.core-reference table{border-collapse:collapse;width:100%;margin:12px 0;font-size:12px;background:var(--surface);color:var(--ink)}.core-reference th,.core-reference td{border:1px solid var(--line);padding:7px 10px;text-align:left}.core-reference th{background:var(--panel);color:var(--ink)}.core-source-links{display:flex;flex-wrap:wrap;gap:18px;list-style:none;padding:0;font-size:12px}.simple-request #core-prompt{margin-bottom:14px}

.assembled-prompt>summary{font-size:12px;font-weight:600}.assembled-prompt>summary code{float:right;color:var(--muted);font-weight:400}.json-fold{font:12px/1.6 ui-monospace,monospace;overflow-wrap:anywhere;color:var(--ink)}.json-fold details{padding:3px 0;margin:0;border:0}.json-fold summary{font-weight:400}.json-children{margin-left:10px;padding-left:10px;border-left:1px solid var(--line)}.assembled-prompt[open] pre{max-height:220px;overflow:auto}.core-wire>.json-fold{max-height:300px;overflow:auto;margin-top:8px}

.message-fold{margin:0;padding:0;border:0}.message-fold>summary{margin:12px 14px;font-size:12px}.tool-declaration{display:grid;gap:7px;margin:12px 14px;padding:10px;border:0;border-radius:6px;background:var(--field-tools);color:var(--field-ink);font-size:12px}.tool-declaration>strong{color:var(--accent)}.tool-declaration details{margin:0;padding:5px 0 0;border:0}.tool-declaration>code{font-size:14px}

 .request-core,.model-internals,.learning-journey{--field-input:#cde5f8;--field-instructions:#e5d4f3;--field-format:#f7d6b2;--field-tools:#c9e8d2;--field-execution:#99c9ae;--field-ink:#182e2a}
[data-theme=dark] .request-core,[data-theme=dark] .model-internals,[data-theme=dark] .learning-journey{--field-input:#193f5c;--field-instructions:#483259;--field-format:#593719;--field-tools:#214a34;--field-execution:#326349;--field-ink:#f2f5ef}
.assembled-prompt,.json-fold[data-field=input]{background:var(--field-input);color:var(--field-ink)}
.field-instructions,.json-fold[data-field=instructions]{background:var(--field-instructions);color:var(--field-ink)}
.field-format,.json-fold[data-field=text]{background:var(--field-format);color:var(--field-ink)}
.tool-declaration,.json-fold[data-field=tools]{background:var(--field-tools);color:var(--field-ink)}
.field-instructions,.field-format{border:0!important;border-radius:6px;padding:8px!important}.message-fold{padding:1px 0 8px;border-radius:6px;margin:0 14px}.message-fold>summary{margin:9px 10px}.message-fold #core-prompt{margin:0 10px;width:calc(100% - 20px);background:transparent;color:var(--field-ink)}
.json-fold:is([data-field=input],[data-field=instructions],[data-field=text],[data-field=tools]){padding:7px 9px;border-radius:6px;margin:5px 0}.json-fold:is([data-field=input],[data-field=instructions],[data-field=text],[data-field=tools]) :is(.json-fold,pre,code,summary){background:transparent;color:var(--field-ink)}
.assembled-prompt :is(code,pre,.inserted-document),.tool-declaration>strong{background:transparent;color:var(--field-ink)}

.request-view-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 14px;font-size:12px}.request-view-heading [role=tablist]{display:flex;gap:4px}.request-view-heading button{font-size:11px;padding:5px 8px}.request-view-heading button[aria-selected=true]{background:var(--selected);color:var(--ink);border-color:var(--accent)}#raw-request .core-wire{margin-top:0;padding-top:0}

.message-fold{background:var(--surface);color:var(--ink)}.message-fold #core-prompt{background:var(--surface);color:var(--ink)}

.slide-navigation button[data-layer=input]{background:var(--field-input);color:var(--field-ink)}
.slide-navigation button[data-layer=settings]{background:linear-gradient(110deg,var(--field-instructions) 0 50%,var(--field-format) 50% 100%);color:var(--field-ink)}
.slide-navigation button[data-layer=tools]{background:var(--field-tools);color:var(--field-ink)}
.slide-navigation button[data-layer=tool-result]{background:linear-gradient(110deg,var(--field-tools) 0 50%,var(--field-input) 50% 100%);color:var(--field-ink)}
.slide-navigation button[data-layer][aria-current=step]{outline:2px solid var(--accent);outline-offset:1px;box-shadow:none;font-weight:700}

/* Keep child margins contained both during height animation and after clipping ends. */
.prompt-additions,.core-response{display:flow-root}

.offered-tools{list-style:none;margin:0;padding:0}.offered-tools li+li{margin-top:7px;padding-top:7px}.offered-tools details{max-height:220px;overflow:auto}.execution-stage{margin:14px 0;padding:14px}.execution-stage h3{font-size:15px;margin:0 0 12px}

.request-block{margin:12px 14px;border:1px solid var(--line);border-radius:7px;padding:0;background:var(--surface);color:var(--ink)}.request-block>summary{padding:10px;font-size:13px;font-weight:650}.request-view-heading{justify-content:flex-end;margin-top:0}.your-computer>.execution-stage{margin:12px 14px}.tool-output{padding:6px 0;margin:6px 0}.invoked-tool{display:block;font-size:12px;overflow-wrap:anywhere}

@media(min-width:1001px){.request-world{grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr) 80px minmax(0,.7fr)}.request-world.simple-request{grid-template-columns:minmax(0,1.5fr) 80px minmax(0,1fr)}}

.request-block>.request-view-heading{justify-content:space-between;margin:0;padding:7px 9px}.request-view-heading .request-toggle{background:transparent;border:0;color:var(--ink);font-size:13px;font-weight:650;padding:3px 0;text-align:left}#request-body{display:flow-root}.request-block>.request-view-heading [role=tablist]{flex-shrink:0}

.execution-stage{padding:0!important;overflow:hidden}.execution-toggle{display:block;width:100%;padding:10px;background:transparent;border:0;color:inherit;font-size:13px;font-weight:650;text-align:left}#execution-body{display:flow-root;padding:0 12px 12px;background:var(--execution-fill);color:inherit}.execution-stage.current-step{box-shadow:none}

.local-tool,.slide-navigation button[data-layer=execution],.journey-navigation a[data-layer=execution]{--execution-fill:#28543d;background:var(--execution-fill);color:#ffffff}[data-theme=dark] .local-tool,[data-theme=dark] .slide-navigation button[data-layer=execution],[data-theme=dark] .journey-navigation a[data-layer=execution]{--execution-fill:#214a34}.slide-navigation button[data-layer=tool-result]{background:linear-gradient(110deg,var(--field-execution) 0 50%,var(--field-input) 50% 100%)}

.harness-notes{max-width:1100px;margin:auto;padding:18px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px}.harness-notes h1{margin:0 0 12px;font-size:22px}.notes-table{overflow-x:auto}.notes-table table{border-collapse:collapse;width:100%;font-size:12px}.notes-table caption{text-align:left;color:var(--muted);padding-bottom:10px}.notes-table th,.notes-table td{text-align:left;vertical-align:top;padding:10px;border-bottom:1px solid var(--line);min-width:140px}.notes-table thead{background:var(--panel);color:var(--ink)}header nav{flex-wrap:wrap}
/* Model internals shares the request computer frame and field palette. */
.model-internals{max-width:1420px;margin:0 auto;color:var(--ink)}
.internals-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:14px}.internals-heading h1{font-size:22px;margin:0}.internals-heading span{margin-left:auto;color:var(--muted);font-size:12px}
.internals-step-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.internals-step-controls span{font-size:13px;text-align:center}.internals-step-controls button{font-size:12px}.internals-step-controls button:disabled{cursor:default}
.internals-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;list-style:none;padding:0;margin:0 0 14px}.internals-stages a{height:100%;display:grid;grid-template-columns:auto 1fr;gap:3px 8px;padding:10px;border:1px solid var(--line);border-radius:7px;text-decoration:none;color:var(--ink);background:var(--surface)}.internals-stages a[aria-current]{background:var(--selected);outline:2px solid var(--accent);outline-offset:1px}.internals-stages small{grid-row:1/3;align-self:center;font:12px ui-monospace,monospace}.internals-stages span{font-size:11px;color:var(--muted)}.internals-stages strong{font-size:12px}
.internals-focus{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;overflow:hidden}.internals-focus>p{margin:14px 20px}.model-internals .internals-world{display:block;padding:20px;border:0;border-bottom:1px solid var(--line);border-radius:0}.internals-computer>header{padding:12px 16px}.internals-computer>header h2{font-size:19px}.internals-example-label{margin-left:auto;color:var(--muted);font-size:11px}
.internals-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:34px;list-style:none;padding:18px;margin:0}.internals-flow>li{min-width:0;position:relative;border:1px solid var(--node-border);border-radius:8px;color:var(--field-ink);background:var(--field-input)}.internals-flow>li[data-role=compute]{background:var(--field-instructions)}.internals-flow>li[data-role=output]{background:var(--field-tools)}.internals-flow h3{font-size:12px;margin:0;padding:10px 12px;border-bottom:1px solid color-mix(in srgb,var(--field-ink) 20%,transparent);min-height:55px;display:flex;align-items:center}.internals-flow>li+li:before{content:'→';position:absolute;right:calc(100% + 5px);top:50%;transform:translateY(-50%);color:var(--accent);font-size:28px}
.internals-art{min-height:170px;padding:16px 12px;display:flex;flex-direction:column;justify-content:center;gap:12px}.internals-art small{font-size:10px;color:inherit}.internals-art strong{font-size:12px}.internals-art code{font:12px/1.5 ui-monospace,monospace}.internals-art p{margin:8px 0;font:18px ui-monospace,monospace}.mini-document{padding:12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:4px 12px 4px 4px;box-shadow:3px 3px 0 color-mix(in srgb,var(--field-ink) 12%,transparent)}.mini-document>small{display:block;margin-bottom:8px}
.token-strip,.draft-tokens{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.token-strip code,.draft-tokens code{padding:6px 8px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);white-space:pre}.token-strip code{background:var(--field-input);color:var(--field-ink);border-color:var(--node-border)}
.parallel-tracks{display:flex;justify-content:space-around;margin:10px 0;color:var(--accent)}
.attention-grid{border-collapse:separate;border-spacing:4px;width:100%;font:11px ui-monospace,monospace}.attention-grid caption{font:10px system-ui,sans-serif;margin-bottom:8px;text-align:left}.attention-grid th{font-weight:500}.attention-grid td{text-align:center;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--muted);padding:5px}.attention-grid td.allowed{background:var(--field-instructions);color:var(--field-ink);border-color:var(--node-border);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--field-ink) 12%,transparent)}
.cache-rack{display:grid;gap:6px;padding:10px;border:1px solid var(--node-border);border-radius:7px;background:var(--surface);color:var(--ink)}.cache-rack>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;align-items:center;font-size:12px}.cache-rack code{text-align:center;background:var(--field-tools);color:var(--field-ink);border:1px solid var(--line);border-radius:4px;padding:5px}.memory-bank{border:2px solid var(--node-border);border-radius:8px;padding:12px;background:var(--surface);color:var(--ink);text-align:center}.memory-bank>span{display:block;font-size:10px}.memory-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:12px 0}.memory-slots i{height:20px;background:var(--field-tools);border:1px solid var(--node-border);border-radius:3px}.cache-read{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px}.cache-read code{border:1px solid var(--node-border);border-radius:5px;padding:8px;background:var(--surface);color:var(--ink)}.cache-tag{font-size:11px;margin-top:12px;padding:8px;border:1px dashed var(--node-border);border-radius:5px}
.expert-router{text-align:center}.expert-fan{font-size:22px;margin:4px;color:inherit}.expert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.expert-grid>span{border:1px dashed var(--node-border);border-radius:5px;padding:7px;background:var(--surface);color:var(--muted);font:12px ui-monospace,monospace}.expert-grid small{display:block;font:9px system-ui,sans-serif;margin-top:3px}.expert-grid .routed{border:2px solid var(--node-border);padding:6px;background:var(--field-instructions);color:var(--field-ink)}.probabilities{display:grid;gap:10px}.probabilities>div{display:grid;grid-template-columns:42px 1fr 30px;gap:6px;align-items:center;font:11px ui-monospace,monospace}.probability-track{height:12px;background:var(--surface);border:1px solid var(--line);border-radius:3px;overflow:hidden}.probability-track i{height:100%;display:block;background:var(--accent)}
.verification-tokens{display:flex;gap:5px}.verification-tokens>div{flex:1;min-width:0;text-align:center;padding:7px 2px;border:1px solid var(--node-border);border-radius:5px;background:var(--surface);color:var(--muted)}.verification-tokens span{display:block;font-size:16px}.verification-tokens .accepted{background:var(--field-tools);color:var(--field-ink)}.verification-tokens .rejected{background:var(--warn-bg);color:var(--warn);border-color:var(--warn)}.verification-tokens .unused code{text-decoration:line-through}.token-strip code.token-correction{background:var(--field-format);color:var(--field-ink)}.token-strip code.token-current{outline:2px solid var(--accent);outline-offset:1px}
.internals-feedback{margin:0 18px 12px;padding:8px 12px;border-bottom:2px solid var(--node-border);border-left:2px solid var(--node-border);border-radius:0 0 0 10px;color:var(--accent);font-size:12px}.internals-feedback>span{font-size:21px;margin-right:8px}
.internals-case{margin:14px 20px;padding:12px 16px;border-left:3px solid var(--accent);background:var(--selected);color:var(--ink);border-radius:0 7px 7px 0}.internals-case h3{font-size:13px;margin:0}.internals-case p{margin:6px 0}.internals-case a{font-size:12px}.internals-limit{font-size:12px;color:var(--muted)}
.internals-timing summary,.internals-sources summary{font-size:14px}.internals-table{overflow-x:auto;margin-top:12px}.internals-table table{width:100%;border-collapse:collapse;font-size:12px;background:var(--surface);color:var(--ink)}.internals-table th,.internals-table td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}.internals-table thead{background:var(--panel);color:var(--ink)}.internals-table th[scope=row]{width:20%}.internals-sources a{overflow-wrap:anywhere}.llm-black-box a{font-size:12px}
@media(max-width:760px){.internals-heading{gap:8px 14px}.internals-heading span{margin-left:0;width:100%}.internals-stages{grid-template-columns:repeat(5,minmax(0,1fr))}.internals-stages a{display:flex;align-items:center;justify-content:center;padding:8px}.internals-stages strong,.internals-stages span{display:none}.internals-step-controls span{font-size:11px}.internals-step-controls button{padding:6px;font-size:11px}.model-internals .internals-world{padding:10px}.internals-example-label{display:none}.internals-computer>header h2{font-size:16px}.internals-flow{grid-template-columns:1fr;padding:12px;gap:30px}.internals-flow h3{min-height:0}.internals-art{min-height:125px}.internals-flow>li+li:before{content:'↓';right:50%;top:-31px;transform:translateX(50%);font-size:24px}.internals-case{margin:12px}.internals-focus>p{margin:12px}.internals-table table{min-width:620px}}


.harness-matrix{display:block;width:100%;height:75vh;min-height:440px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}

.provider-computer[data-response-field=input]{--response-fill:var(--field-input)}
.provider-computer[data-response-field=format]{--response-fill:var(--field-format)}
.provider-computer[data-response-field=tools]{--response-fill:var(--field-tools)}
.provider-computer .core-response{padding:12px;border-radius:7px;background:var(--response-fill);color:var(--field-ink)}
.provider-computer .core-response small,.provider-computer .core-response .core-format{color:var(--field-ink)}
.provider-computer .core-response>pre{background:transparent;color:var(--field-ink);border-left:0;padding:0}
.provider-computer .json-fold[data-field=output],.provider-computer .json-fold[data-field=output] .json-fold{background:var(--response-fill);color:var(--field-ink)}
.provider-computer .json-fold[data-field=output]{padding:6px;border-radius:5px}

/* A shared selection follows one token through both lookup tables. */

.token-example-document>small:last-child{margin:12px 0 0}.token-choices button{padding:0;border:0;background:transparent;border-radius:5px}.token-choices code{display:block;font-size:14px}.token-choices button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.token-choices button[aria-pressed=true] code{background:var(--selected);color:var(--ink)}
.token-lookup{width:100%;border-collapse:collapse;background:var(--surface);color:var(--ink);font-size:12px}.token-lookup caption{text-align:left;font-size:11px;margin-bottom:10px;color:var(--field-ink)}.token-lookup th,.token-lookup td{padding:8px 7px;border:1px solid var(--line);text-align:left;font-weight:400;white-space:nowrap}.token-lookup thead{background:var(--panel);color:var(--ink)}.token-lookup .token-row-selected{background:var(--selected);color:var(--ink);outline:2px solid var(--accent);outline-offset:-2px}.token-row-selected th{font-weight:700}.embedding-lookup td,.embedding-lookup thead th{padding:8px 4px;text-align:right}.embedding-lookup th:first-child{text-align:left}.embedding-lookup code{font-size:11px;font-variant-numeric:tabular-nums}

@media(max-width:1000px) and (min-width:761px){.embedding-lookup code{font-size:9px}.embedding-lookup td,.embedding-lookup th{padding:7px 2px}.token-choices code{font-size:12px}}



.learning-journey{max-width:1420px;margin:auto}.journey-heading{display:flex;align-items:baseline;gap:14px;margin:0 0 12px}.journey-heading h1{font-size:22px;margin:0}.journey-heading>span{font-size:12px;color:var(--muted)}.journey-navigation ol{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:5px}.journey-navigation li a{display:flex;flex-direction:column;gap:6px;height:100%;padding:9px 7px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);text-decoration:none}.journey-navigation small{font-size:9px}.journey-navigation strong{font-size:11px}.journey-navigation a[aria-current=step]{outline:2px solid var(--accent);outline-offset:1px}.journey-navigation .journey-boundary{border-left:2px solid var(--line);padding-left:5px}.journey-navigation a[data-layer=input]{background:var(--field-input);color:var(--field-ink)}.journey-navigation a[data-layer=settings]{background:linear-gradient(110deg,var(--field-instructions) 0 50%,var(--field-format) 50%);color:var(--field-ink)}.journey-navigation a[data-layer=tools]{background:var(--field-tools);color:var(--field-ink)}.journey-navigation a[data-layer=tool-result]{background:linear-gradient(110deg,var(--field-execution) 0 50%,var(--field-input) 50%);color:var(--field-ink)}
@media(max-width:1100px){.journey-navigation ol{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:600px){.journey-heading{flex-wrap:wrap;gap:4px}.journey-navigation ol{grid-template-columns:repeat(3,minmax(0,1fr))}.journey-navigation .journey-boundary{padding-left:0;border-left:0}.journey-navigation li a{padding:7px}.journey-heading h1{font-size:20px}}

.execution-flow{list-style:none;counter-reset:execution;display:grid;gap:12px;margin:0;padding:0}.execution-flow>li{counter-increment:execution;position:relative;padding:10px 10px 10px 34px;border:1px solid currentColor;border-radius:6px}.execution-flow>li:before{content:counter(execution);position:absolute;top:10px;left:12px;font-size:12px;font-weight:700}.execution-flow>li>strong{font-size:12px;margin-bottom:7px}.execution-flow>li>span{display:block;font-size:12px}.execution-boundary{margin-top:10px}.exchange-state{font-size:10px;line-height:1.4}.tool-local .request-wire{opacity:1}
.response-item{margin-top:10px}.response-item+.response-item{border-top:1px solid currentColor;margin-top:12px;padding-top:10px}.response-item>strong{font-size:12px}.response-item>pre{background:transparent;color:inherit}.retained-response{border-left:2px solid currentColor;padding-left:8px;font-size:11px}
@media(max-width:760px){.exchange-state{max-width:90px}.request-wire{flex-wrap:wrap}}

.mixed-output .response-item[data-output-field=format]{padding:9px;border-radius:6px;background:var(--field-format);color:var(--field-ink)}

.tokenizer-explainer{margin:16px 12px;color:var(--ink);background:var(--surface)}.tokenizer-explainer h3{font-size:15px;margin:0}.tokenizer-explainer caption{text-align:left;padding:0 0 8px;font-size:12px;color:var(--muted);background:var(--surface)}.tokenizer-explainer .token-strip{flex-wrap:wrap;margin:0 0 5px}.tokenizer-explainer .internals-table table{min-width:0}.tokenizer-explainer details{margin-top:10px}.tokenizer-explainer details p{max-width:75ch}.tokenizer-explainer th[scope=row]{width:auto}@media(max-width:600px){.tokenizer-explainer .internals-table th,.tokenizer-explainer .internals-table td{padding:6px}.tokenizer-explainer .token-strip code{padding:3px}}

.harness-capture{margin:16px 0;max-width:1000px}.harness-capture img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.harness-capture figcaption{color:var(--ink);background:var(--surface);font-size:12px;padding:8px 0}

.safety-problem .block-signature{margin:12px 0;font-size:16px}.block-cases{table-layout:fixed}.block-cases th,.block-cases td{overflow-wrap:anywhere}.block-cases th span,.block-cases small{display:block;font-weight:400}.block-findings{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:18px 0 0}.block-findings dt{font-weight:650}.block-findings dd{margin:0}.safety-problem .notes-table table{min-width:0;width:100%}@media(max-width:600px){.block-cases th,.block-cases td{padding:8px 6px}.block-findings{gap:8px 12px}}
