.segmented .h01-scene-link{display:inline-flex;align-items:center;padding:7px 10px;font-size:11px;color:#8fa999;border-radius:5px;text-decoration:none;white-space:nowrap}.segmented .h01-scene-link:hover{background:#314b3b;color:#e3efdb}.h01-scene-link:focus-visible{outline:2px solid #bfceb0;outline-offset:3px}
.viewer-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.schematic-note{font-size:10px;color:#94b3a2;white-space:nowrap}.control-dock>.toolbar{justify-content:center}.history-references{margin-top:24px;padding:17px 0;border-top:1px solid #293d31;border-bottom:1px solid #293d31}.history-references summary{font-size:12px;color:#b5cbb9;cursor:pointer}.history-references summary:focus-visible{outline:2px solid #c4dd91;outline-offset:3px}.history-references .reference-modes{display:flex;flex-wrap:wrap;width:fit-content;margin:12px 0}.history-references .reference-modes button{flex:initial}.drawer-content .schematic-disclosure{padding:10px 12px;border-left:2px solid #789889;background:#192d25;color:#b6cdbd}.schematic-disclosure strong{color:#d6e5d6;font-weight:550}
:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#e5eae9;background:#09131b;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}button,input{font:inherit}button{font-size:12px;color:#cddbd8;border:1px solid #3e514766;background:#15231e9c;border-radius:7px;padding:8px 13px;cursor:pointer;white-space:nowrap}button:hover:not(:disabled){background:#2a4034;border-color:#7a9581}button:disabled{opacity:.38;cursor:default}button:focus-visible,input:focus-visible,canvas:focus-visible,a:focus-visible{outline:2px solid #c4dd91;outline-offset:3px}a{color:#acd0bc;text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}
.viewer{position:relative;width:100%;height:100dvh;min-height:500px;overflow:hidden;background:#09131b}.stage{position:absolute;inset:0 0 96px;background:radial-gradient(ellipse at 50% 42%,#2d383d 0%,#17242b 52%,#09131b 100%)}.stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-4px}.stage canvas.dragging{cursor:grabbing}.viewer-top{position:absolute;inset:20px 24px auto;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.viewer-top h1{font-size:14px;letter-spacing:.06em;font-weight:450;margin:0;color:#bbcbbf}.viewer-top button{pointer-events:auto}.quiet{background:#111e1a8c;border-color:#31453880;font-size:11px;color:#aabdaf;backdrop-filter:blur(8px)}#empty{position:absolute;inset:80px 24px 62px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}#empty strong{color:#c2d1c7;font-size:clamp(20px,2.2vw,27px);font-weight:350;letter-spacing:.02em}#empty p{font-size:12px;line-height:1.7;color:#819a8b;max-width:400px}
.control-dock{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:min(640px,calc(100% - 40px));padding:11px 14px 10px;border:1px solid #536b4d65;border-radius:14px;background:#12201cec;box-shadow:0 12px 38px #0005;backdrop-filter:blur(14px);z-index:2}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.segmented{display:flex;gap:2px;padding:2px;border:1px solid #47624b75;border-radius:8px;background:#0d1714a8}.segmented button{border:0;background:transparent;padding:7px 11px;font-size:11px;color:#8fa999;border-radius:5px}.segmented button.active{background:#314b3b;color:#e3efdb}.actions{display:flex;gap:5px;align-items:center}.actions button{font-size:11px;padding:8px 11px}.primary{background:#bfceb0;color:#172c1c;border-color:#bfceb0}.primary:hover:not(:disabled){background:#d3e2c4;border-color:#d3e2c4}#stop{color:#c5b29d}#playAnimation[aria-pressed=true]{background:#345039;color:#d5ebc8;border-color:#7d9c7c}.parameters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:10px 4px 0}.parameter label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9bb29e;gap:12px}.parameter output{font-size:10px;color:#b2c5a6;font-variant-numeric:tabular-nums}.parameter input{display:block;width:100%;height:15px;accent-color:#b0c69c;margin:4px 0 0;cursor:pointer}.parameter input:disabled{opacity:.3;cursor:default}
.viewer-status{position:absolute;top:58px;left:24px;right:24px;margin:0;color:#a6b99f;font-size:11px;line-height:1.65;max-width:540px;overflow-wrap:anywhere;pointer-events:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.viewer footer{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.025em;color:#5e786b;pointer-events:none}
 dialog{color:#d6e0d9;background:#101c19;border:1px solid #42574a;border-radius:14px 0 0 14px;width:min(460px,calc(100vw - 20px));max-width:none;height:100dvh;max-height:none;margin:0 0 0 auto;padding:0;box-shadow:-20px 0 80px #0007}dialog::backdrop{background:#030807a3;backdrop-filter:blur(3px)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;background:#101c19f5;padding:21px 24px;border-bottom:1px solid #314239;z-index:1}.drawer-head h2{font-size:17px;font-weight:500;margin:0}.drawer-head button{font-size:11px;background:transparent}.drawer-content{padding:10px 24px 32px;font-size:12px;line-height:1.9}.drawer-content p,.drawer-content li{color:#a2b5a9}.drawer-content h3{font-weight:550;font-size:13px;color:#d1decc;border-top:1px solid #293d31;margin:25px 0 10px;padding-top:20px}.drawer-content h3:first-child{border:0;margin-top:9px;padding-top:0}.drawer-content a{overflow-wrap:anywhere}.drawer-content dl{margin:20px 0}.drawer-content dt{font-size:11px;color:#78927e}.drawer-content dd{margin:0 0 12px;color:#c7d8c6}.drawer-content .scope{color:#c1d1b8}.cell-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:#b5c4b7}.cell-legend i{display:inline-block;width:15px;height:3px;vertical-align:middle;margin-right:6px;border-radius:3px;background:#a3d8c9}.cell-legend .axon{background:#dcb081}
@media(max-width:620px){.viewer{min-height:530px}.viewer-top{inset:14px 16px auto}.viewer-top h1{font-size:12px}.viewer-top .quiet{font-size:10px;padding:7px 9px}.control-dock{width:calc(100% - 24px);bottom:24px;padding:10px 12px;border-radius:12px}.toolbar{justify-content:center;flex-wrap:wrap;gap:8px}.segmented{flex:1;justify-content:center}.segmented button{flex:1;padding:7px 9px}.actions{flex:1;justify-content:center}.actions button{padding:8px 10px;flex:1}.parameters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin-top:10px}.stage{bottom:170px}.viewer-status{top:55px;left:16px;right:16px;font-size:10px}.viewer footer{font-size:8px}.drawer-head{padding:17px}.drawer-content{padding:8px 18px 24px}}
@media(max-width:380px){.actions{flex-basis:100%}.segmented{flex-basis:100%}.control-dock{padding:9px 10px}.stage{bottom:180px}.parameters{gap:10px 16px}.parameter label,.parameter output{font-size:9px}}
@media(max-height:560px) and (min-width:621px){.viewer{min-height:420px}.viewer-top{top:12px}.control-dock{bottom:20px;padding:8px 12px}.parameters{margin-top:7px}.stage{bottom:85px}.viewer footer{bottom:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.scene-badge{font-size:10px;color:#a7bfa9}.schematic-note{color:#e2b98b}.control-dock{width:min(790px,calc(100% - 40px))}.control-dock>.toolbar{justify-content:space-between}.scene-choice{display:flex;align-items:center;gap:8px;color:#9bb29e;font-size:10px}.scene-choice select{max-width:190px}.scene-choice select, .drawer-content select{font:inherit;color:#d1dfd0;background:#16271f;border:1px solid #42594b;border-radius:6px;padding:7px 9px}.scene-choice select:focus-visible,.drawer-content select:focus-visible,.display-options summary:focus-visible{outline:2px solid #c4dd91;outline-offset:3px}.inspector-label{display:block;color:#a5bca8;font-size:11px;margin-top:16px}.drawer-content>select{width:100%;margin:6px 0 3px;max-width:100%}.display-options{margin:18px 0;border-top:1px solid #293d31;border-bottom:1px solid #293d31;padding:12px 0}.display-options summary{cursor:pointer;color:#c1d4be}.display-options fieldset{border:0;margin:12px 0;padding:0}.display-options legend{font-size:11px;color:#91a68e;margin-bottom:6px}.display-options label{display:block;margin:6px 0;color:#b3c7b3}.display-options input[type=checkbox]{accent-color:#b0c69c;vertical-align:middle}.display-options fieldset:disabled{opacity:.45}.state-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}.state-actions .file-control{font-size:11px;margin:0}.file-control input{display:block;max-width:235px;font-size:10px;margin-top:5px}#stateNotice{color:#d5c8a8;overflow-wrap:anywhere;font-size:11px}.state-actions button{font-size:11px}.drawer-content dd{overflow-wrap:anywhere}
@media(max-width:620px){.control-dock{width:calc(100% - 24px)}.scene-choice{justify-content:center;width:100%}.scene-choice select{max-width:230px;flex:1}.control-dock>.toolbar{gap:8px}.actions{flex-basis:100%}.stage{bottom:204px}.viewer-heading{gap:5px 8px;max-width:70%}.scene-badge,.schematic-note{font-size:9px}.viewer-status{top:71px}.viewer{min-height:570px}}
.viewer footer[data-local-runtime]{padding:0 12px;color:#93ad9b;font-size:10px;overflow-wrap:anywhere;line-height:1.25}.viewer:has(footer[data-local-runtime]) .control-dock{bottom:36px}@media(max-width:620px){.viewer footer[data-local-runtime]{font-size:9px}.viewer:has(footer[data-local-runtime]) .control-dock{bottom:43px}.viewer:has(footer[data-local-runtime]) .stage{bottom:223px}}
.stage canvas.scene-gl{position:absolute;inset:0;pointer-events:none}.stage canvas.scene-gl[hidden]{display:none}
.gpu-panel{position:absolute;top:58px;right:16px;z-index:4;max-width:min(268px,calc(100vw - 32px));max-height:calc(100% - 200px);overflow-y:auto;overscroll-behavior:contain;font-size:12px;color:#cddbd8;background:#0f1b18e6;border:1px solid #3e514766;border-radius:9px;padding:7px 11px}.gpu-panel summary{cursor:pointer;font-size:12px;color:#d7e4cf}.gpu-panel-body{display:grid;gap:8px;margin-top:9px}.gpu-panel label{display:flex;align-items:center;gap:7px}.gpu-panel .gpu-row{justify-content:space-between}.gpu-panel select{font:inherit;font-size:12px;color:#cddbd8;background:#15231e;border:1px solid #3e514799;border-radius:6px;padding:3px 6px}.gpu-panel input[type=range]{width:100%}.gpu-panel .gpu-note{margin:0;font-size:10px;line-height:1.45;color:#8ea69b}.gpu-panel .gpu-note:empty{display:none}.gpu-panel[hidden]{display:none}
@media (max-width:560px){.gpu-panel{top:52px;right:12px;font-size:11px}}
.micro-inset{position:absolute;left:16px;bottom:40px;z-index:3;width:min(300px,44%);aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:space-between;padding:7px 9px;border:1px solid #4d6358aa;border-radius:8px;pointer-events:none;color:#cddbd8}.micro-inset[hidden]{display:none}.micro-inset p{margin:0}.micro-title{font-size:11px;color:#dfe9d8}.micro-note{font-size:9px;line-height:1.4;color:#8ea69b;max-width:92%}.micro-scale{display:flex;align-items:center;gap:6px;font-size:9px;color:#a9bdb3}.micro-scale span{display:inline-block;height:2px;background:#cddbd8;min-width:4px}
@media (max-width:560px){.micro-inset{left:10px;bottom:10px;width:52%}}
@media(max-height:560px) and (min-width:621px){.micro-inset{bottom:36px;width:min(240px,34%)}.gpu-panel{max-height:calc(100% - 150px)}}
@media(max-width:620px){.gpu-panel{max-height:calc(100% - 290px)}}
.micro-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.micro-inset button{pointer-events:auto;font-size:11px;padding:5px 9px}
.slab-overlay{position:absolute;left:16px;top:58px;z-index:4;width:min(330px,calc(100% - 32px));max-height:calc(100% - 200px);overflow-y:auto;display:grid;gap:8px;padding:10px 12px;border:1px solid #3e514766;border-radius:10px;background:#0f1b18e6;color:#cddbd8;font-size:12px}.slab-overlay[hidden]{display:none}.slab-overlay p{margin:0}.slab-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.slab-head strong{font-size:12px;font-weight:600;color:#dfe9d8}.slab-controls{display:flex;flex-wrap:wrap;gap:8px 12px}.slab-controls label{display:flex;align-items:center;gap:5px}.slab-controls select{font:inherit;font-size:12px;color:#cddbd8;background:#15231e;border:1px solid #3e514799;border-radius:6px;padding:3px 6px}.slab-legend{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:10px;color:#a9bdb3}.slab-legend span{display:inline-flex;align-items:center;gap:4px}.slab-legend i{display:inline-block;width:9px;height:9px;border-radius:2px}.slab-overlay .micro-scale output{font-size:10px}
@media(max-width:620px){.slab-overlay{top:52px;left:12px;max-height:calc(100% - 300px)}}
.graph-tip{position:absolute;left:0;top:0;z-index:5;max-width:min(300px,calc(100% - 24px));padding:7px 10px 8px;border:1px solid #3e514766;border-radius:9px;background:#0f1b18e6;color:#cddbd8;font-size:12px;line-height:1.45;pointer-events:none;backdrop-filter:blur(8px);overflow-wrap:anywhere}
.graph-tip[hidden]{display:none}
.graph-tip strong{display:block;font-weight:500;color:#dfe9d8}
.graph-tip p{margin:2px 0 0;font-size:11px;color:#a9bdb3}
.graph-tip .graph-tip-en,.graph-tip .graph-tip-within{color:#8ea69b}
.graph-tip .graph-tip-caveat{color:#e0c27c}
.graph-tip .graph-tip-note{margin-top:4px;font-size:10px;color:#8ea69b}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:620px){.graph-tip{font-size:11px}.graph-tip p{font-size:10px}}