.memory-visual{position:relative;isolation:isolate}
.memory-visual .memory-cell{transition:background .6s ease,border-color .6s ease,color .6s ease,box-shadow .6s ease}
.memory-visual .expert-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin-top:12px}
.memory-visual .expert-cell{height:28px;min-width:0;font-size:8px;border-radius:2px}
.memory-visual .ram-grid{grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;margin-top:11px}
.memory-visual .ram-grid .memory-cell{height:14px;font-size:6px;min-width:0;border-radius:1px}
.memory-visual .ssd-grid{grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;margin-top:11px}
.memory-visual .ssd-grid .memory-cell{height:9px;font-size:0;min-width:0;border-radius:1px}
.memory-visual .ram-grid .memory-cell.active{background:#93aa86;color:#172719;border-color:#b8c8a9}
.memory-visual .ssd-grid .memory-cell.active{background:#789eac;border-color:#a6c6ce;color:#14252c}
.memory-visual .memory-cell.reading{background:#dfc49b!important;border-color:#fff0c8!important;color:#372d18!important}
.memory-visual .memory-cell.reclaiming{background:#282d29;border-color:#758173;color:#9aa497;border-style:dashed}
.memory-visual .memory-cell.loading{background:#394b40;border-color:#9ec6ac;color:#8ba494;border-style:dashed}
.memory-visual.is-paused .memory-cell{transition:none}
.tier-activity{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font:10px var(--mono);color:#8d9c92;line-height:1.6}
.tier-activity>span:first-child{color:#bdd2c3}
.memory-visual .transfer-channel{height:62px;display:flex;justify-content:space-between;align-items:center;overflow:visible;border-top:1px solid #47614e26;border-bottom:1px solid #47614e26;gap:10px}
.memory-visual .transfer-caption{display:flex;flex-wrap:wrap;gap:6px 9px;max-width:75%;color:#a0b4a7;font:11px var(--mono)}
.transfer-caption small{font:10px var(--font);color:#7f9285}
.transfer-count{font:10px var(--mono);color:#9cbaaa;white-space:nowrap}
.expert-flight-layer{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.expert-flight-paths{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:1.4;stroke-dasharray:3 5;opacity:.22}
.flight-path-ssd{stroke:#e8c78f}.flight-path-ram{stroke:#b0e2bf}
.expert-flight{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;border:1px solid #e4f4e8;border-radius:2px;background:#c3e7ce;color:#193821;font:8px var(--mono);box-shadow:0 3px 10px #101c14aa;will-change:transform;transition:none!important}
.expert-flight.from-ssd{background:#e6cea2;color:#3c3018;border-color:#ffebc5}
.gpu-compute{border-top:1px solid #6d8d77;border-bottom:1px solid #435c4b;background:#29413422;padding:13px 0 10px}
.gpu-compute-heading{display:flex;align-items:center;gap:9px;color:#c1dac9;font:11px var(--mono);margin-bottom:12px}
.gpu-compute-heading>svg{width:18px;height:18px}.gpu-compute-heading strong{font-size:14px}
.gpu-compute-heading>span:last-child{margin-left:auto;color:#91b89f;font-size:10px}
.gpu-inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.compute-slot{height:53px;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #53675a;border-radius:3px;background:#2a3930;transition:background .5s,border-color .5s,color .5s;overflow:hidden}
.compute-slot strong{font:11px var(--mono);color:#d5e5d8}.compute-slot>span{font-size:9px;color:#8aab97;line-height:1.3}
.compute-slot.missing{border-color:#d47d79;border-style:dashed;background:#7b343b22}.compute-slot.missing>span{color:#d89b97}
.compute-slot.compute{background:#39533f;border-color:#b7dcc3}.compute-slot.done{background:#b5d9be;border-color:#d3eadb}
.compute-slot.done strong,.compute-slot.done>span{color:#274333}
.compute-meter{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0002}.compute-meter b{display:block;height:100%;width:0;background:#90d0ac;transition:none}
.gpu-output{display:flex;align-items:center;gap:12px;margin-top:10px;min-height:34px}
.gpu-output>span{font-size:10px;color:#789b85;flex-shrink:0}.generated-phrase{font-size:17px;line-height:1.7;color:#d5e8d9;min-height:29px}
.generated-phrase .output-token{display:inline-block;opacity:0;white-space:pre;transition:opacity .4s}.generated-phrase .output-token.shown{opacity:1}
.compute-bridge{display:flex;align-items:center;gap:9px;height:36px;font:10px var(--mono);color:#9fbdaa}.compute-bridge svg{width:13px;height:13px}.compute-bridge>span:last-child{margin-left:auto;font-size:9px;color:#748c7c}
.memory-visual .memory-request{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:5px;min-height:51px;height:auto;padding:8px 0;align-items:center}
.memory-visual .memory-request strong{font:10px var(--mono);text-align:right;white-space:nowrap}.memory-visual .memory-request>span:last-child{grid-column:1/-1;margin-left:0;text-align:right;font-size:9px;min-height:12px}
.memory-visual .memory-tier{padding:11px 0 7px}
.memory-visual .expert-grid{grid-auto-flow:column;grid-template-rows:repeat(4,24px);gap:4px;margin-top:9px}
.memory-visual .expert-cell{height:24px}
.memory-visual .ram-grid{grid-auto-flow:column;grid-template-rows:repeat(6,10px);gap:3px;margin-top:9px}
.memory-visual .ram-grid .memory-cell{height:10px}
.memory-visual .ssd-grid{grid-auto-flow:column;grid-template-rows:repeat(8,7px);gap:2px;margin-top:9px}
.memory-visual .ssd-grid .memory-cell{height:7px}
.memory-visual .tier-activity{margin-top:7px;font-size:9px}
.memory-visual .memory-cell{position:relative;z-index:1;will-change:transform;border-color:#64796a99}
.memory-visual .memory-cell.active{z-index:2;border-color:#d9eedf;color:#25412f;box-shadow:none}
.memory-visual .memory-cell.missing{background:#763e432e!important;border-color:#d28380!important;border-style:dashed;color:#e6a49f!important;font-size:12px!important;box-shadow:inset 0 0 8px #a64b4b16}
.memory-visual .memory-status{height:42px;min-height:42px;font-size:10px}
.memory-visual .memory-status>span:last-child{font-size:9px}
.memory-visual .transfer-channel{height:49px}
.expert-eviction{position:absolute;display:flex;align-items:center;justify-content:center;border:1px solid #8c9c8b;border-radius:2px;color:#c6d1c6;font:8px var(--mono);pointer-events:none;transition:none!important}
.expert-dust{position:absolute;width:3px;height:3px;border-radius:0;opacity:0;transition:none!important}
.expert-flight.from-vram{border-color:#e0f7e8}.flight-path-vram{stroke:#b2d9c3}
.expert-flight.token-flight{font:20px var(--font);white-space:pre;border:0;background:none!important;box-shadow:none;color:#d5e8d9}
.flight-path-compute{stroke:#9dceb0}
.heat-legend .miss{background:#733b4322;border:1px dashed #d28380}
.memory-visual.is-paused .compute-slot,.memory-visual.is-paused .output-token{transition:none}
@media(min-width:1600px){.memory-visual .expert-grid{grid-template-rows:repeat(4,28px)}.memory-visual .expert-cell{height:28px}.memory-visual .ram-grid{grid-template-rows:repeat(6,12px)}.memory-visual .ram-grid .memory-cell{height:12px}.memory-visual .ssd-grid{grid-template-rows:repeat(8,9px)}.memory-visual .ssd-grid .memory-cell{height:9px}.gpu-compute-heading,.compute-bridge{font-size:12px}.compute-slot strong{font-size:12px}.compute-slot>span{font-size:10px}.generated-phrase{font-size:19px}.memory-visual .memory-status{font-size:12px}}
@media(max-width:650px){.gpu-inputs{gap:6px}.compute-slot{height:46px}.compute-slot strong{font-size:10px}.compute-slot>span{font-size:8px}.gpu-compute-heading{font-size:9px;gap:7px}.gpu-compute-heading>span:last-child{font-size:8px}.compute-bridge{font-size:9px}.compute-bridge>span:last-child{font-size:8px}.memory-visual .memory-request strong{font-size:9px}.memory-visual .expert-grid{grid-template-rows:repeat(4,20px);gap:3px}.memory-visual .expert-cell{height:20px}.memory-visual .ram-grid{grid-template-rows:repeat(6,8px)}.memory-visual .ram-grid .memory-cell{height:8px}.memory-visual .ssd-grid{grid-template-rows:repeat(8,5px)}.memory-visual .ssd-grid .memory-cell{height:5px}.generated-phrase{font-size:14px;min-height:42px;line-height:1.5}.gpu-output{min-height:42px;align-items:flex-start}.gpu-output>span{padding-top:4px}.memory-visual .tier-activity{font-size:8px}.memory-visual .memory-status{height:42px;font-size:9px}.memory-visual .transfer-channel{height:44px}.expert-eviction{font-size:6px}}
.agent-section .agent-gallery{background:none;border:0;border-radius:0;overflow:visible;min-width:0}
.agent-gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.agent-gallery-caption{font-size:14px;color:#afc5b5}
.agent-gallery-tools{display:flex;align-items:center;gap:10px}
.agent-gallery-tools>span{font:12px var(--mono);color:#9eb5a7;margin-right:10px}
.agent-gallery-tools .icon-button{border:1px solid #46574c;color:#b7d0bf}
.agent-gallery-window{overflow:hidden;padding:2px}
.agent-gallery-track{display:flex;gap:24px;transition:transform .6s ease;will-change:transform}
.agent-slide{flex:0 0 calc(100% - 90px);min-width:0;background:#1e1e1e;border:1px solid #536a5b;border-radius:6px;overflow:hidden;opacity:.4;transition:opacity .5s}
.agent-slide.is-current{opacity:1}
.agent-slide-label{display:flex;align-items:center;gap:10px;padding:0 20px;height:48px;background:#2b342e;border-bottom:1px solid #445349;color:#d0e0d4;font-size:15px}
.agent-slide-label svg{width:18px;height:18px}
.agent-slide-label>span:last-child{margin-left:auto;color:#a1b9a9;font:11px var(--mono)}
.agent-slide iframe{display:block;width:100%;aspect-ratio:960/620;border:0;background:#1e1e1e;pointer-events:none}
.agent-gallery-tabs{display:flex;justify-content:center;gap:34px;margin-top:23px;flex-wrap:wrap}
.agent-gallery-tabs button{display:flex;align-items:center;gap:9px;font-size:15px;color:#91ab9a;padding:9px 0}
.agent-gallery-tabs button[aria-selected=true]{color:#e0ece4}
.agent-gallery-dot{width:6px;height:6px;border-radius:50%;background:#627668;flex-shrink:0}
.agent-gallery-tabs button[aria-selected=true] .agent-gallery-dot{width:22px;border-radius:3px;background:#b8d9c4}
.agent-section .agent-capabilities{gap:38px;margin-top:46px}
.agent-capabilities>div{border-top:1px solid #455449;padding-top:25px;align-content:start}
.agent-local{display:flex;align-items:flex-start;gap:22px;border-top:1px solid #455449;margin-top:39px;padding-top:29px}
.agent-local>svg{width:26px;height:26px;flex-shrink:0;color:#b8d9c4;margin-top:3px}
.agent-local>div{max-width:820px}.agent-local h3{font-size:22px;line-height:1.6;font-weight:500}
.agent-local p{font-size:17px;line-height:1.9;color:#b8c4bc;margin-top:9px}
.agent-local>a{margin-left:auto;white-space:nowrap}
.image-dialog>iframe{display:block;width:100%;height:min(82svh,930px);border:0;background:#1e1e1e}
@media(min-width:1600px){.memory-visual .expert-cell{height:28px;font-size:10px}.memory-visual .ram-grid .memory-cell{height:12px;font-size:8px}.memory-visual .ssd-grid .memory-cell{height:9px;font-size:6px}.tier-activity,.transfer-count{font-size:12px}.memory-visual .transfer-caption{font-size:13px}.transfer-caption small{font-size:12px}.expert-flight{font-size:10px}.agent-local p{font-size:19px}}
@media(max-width:900px){.agent-gallery-caption{font-size:12px}.agent-slide{flex-basis:calc(100% - 60px)}.agent-local{flex-wrap:wrap}.agent-local>div{flex:1}.agent-local>a{margin-left:48px}}
@media(max-width:650px){.memory-visual .expert-grid{gap:3px}.memory-visual .expert-cell{height:20px;font-size:6px}.memory-visual .ram-grid{gap:3px}.memory-visual .ram-grid .memory-cell{height:8px;font-size:0}.memory-visual .ssd-grid{gap:2px}.memory-visual .ssd-grid .memory-cell{height:5px}.tier-activity{font-size:8px;gap:8px}.tier-activity>span:last-child{font-size:8px}.memory-visual .transfer-channel{height:44px}.memory-visual .transfer-caption{font-size:9px;gap:5px}.transfer-caption small,.transfer-count{font-size:8px}.expert-flight{font-size:6px}.memory-request>span:last-child{font-size:8px}.agent-gallery-heading{flex-wrap:wrap;gap:14px}.agent-gallery-tools{margin-left:auto;gap:8px}.agent-gallery-tools .icon-button{width:33px;height:33px}.agent-gallery-tools>span{margin-right:4px;font-size:11px}.agent-gallery-caption{font-size:12px}.agent-slide{flex-basis:calc(100% - 30px)}.agent-gallery-track{gap:15px}.agent-slide-label{height:40px;padding:0 11px;font-size:12px;gap:7px}.agent-slide-label svg{width:15px;height:15px}.agent-slide-label>span:last-child{font-size:9px}.agent-gallery-tabs{gap:20px;margin-top:18px}.agent-gallery-tabs button{font-size:12px;gap:7px}.agent-section .agent-capabilities{gap:28px;margin-top:33px}.agent-local{gap:16px;margin-top:30px;padding-top:24px}.agent-local>svg{width:23px;height:23px}.agent-local h3{font-size:19px}.agent-local p{font-size:16px}.agent-local>a{margin-left:39px}.image-dialog>iframe{height:calc((100vw - 32px) * .7)}}