:root{font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;color:#dfe9ed;background:#0b1118;font-synthesis:none;--muted:#7f929f;--line:#26333f;--orange:#ff865e;--mint:#80d7ba;--cyan:#55c9e5}*{box-sizing:border-box}body{margin:0;overflow:hidden;height:100dvh;display:flex;flex-direction:column}button,select,input{font:inherit}button,select{color:inherit;background:transparent;border:1px solid var(--line);border-radius:5px;cursor:pointer}button{padding:7px 10px;transition:background .18s,color .18s,border-color .18s}button:hover{background:#263440;border-color:#657581}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}button:disabled{opacity:.3;cursor:default}input[type=range]{accent-color:var(--orange);cursor:pointer}a{color:#80bfcf;text-decoration:none}a:hover{text-decoration:underline}header{height:78px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px;gap:14px;background:#101821}.brandmark{font-size:30px;font-weight:900;letter-spacing:-4px;position:relative;color:var(--orange);width:32px}.brandmark span{font-size:18px;position:absolute;right:-1px;top:-5px}.brand strong{font-size:20px;letter-spacing:-.4px;display:block}.brand>span{display:block;color:var(--muted);font-size:10px;letter-spacing:1.4px;margin-top:6px}.brand i{font-style:normal;margin:0 8px;color:#415665}.header-right{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:11px}.pill{padding:7px 10px;border:1px solid var(--line);border-radius:20px}.dot{width:6px;height:6px;border-radius:50%;background:var(--mint);display:inline-block;margin-right:6px}.cyan{background:var(--cyan)}.mint{background:var(--mint)}main{display:grid;grid-template-columns:218px minmax(360px,1fr) 285px;min-height:0;flex:1}.panel{background:#101820;z-index:3;min-height:0}.left{border-right:1px solid var(--line);display:flex;flex-direction:column}.panel-title{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:10px;letter-spacing:1px;color:var(--muted);padding:0 17px;flex-shrink:0}.tiny{font-size:8px;color:#526675}.tree-main{margin:0 12px 10px;text-align:left;background:#1a2834;border-color:#385062;padding:11px;font-size:12px;display:flex;gap:8px;align-items:center}.tree-main b{color:var(--orange)}.tree-main small{font-size:8px;margin-left:auto;color:#8ba3b3}.side-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#30414d transparent;padding:0 12px}.branch{border:0;width:100%;text-align:left;font-size:11px;padding:9px 4px;color:#a2b7c3;display:flex;justify-content:space-between}.branch span{font-size:9px;color:#607b8b}.optional{opacity:.7}.bridge{color:#e3b879;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;margin:7px 0}details summary{list-style:none;cursor:pointer;padding:12px 2px 8px;font-size:11px;color:#c7d8e0}summary span{float:right;font-size:9px;color:#637b8b}summary:before{content:'⌄';margin-right:5px;color:#647c8c}details:not([open]) summary:before{content:'›'}.layer-list{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0 0 7px 6px}.layer-item{font-size:10px;padding:6px 7px;text-align:left;display:flex;align-items:center;gap:6px;color:#91a8b5;border-color:#24303a;position:relative}.layer-item .mode{font-size:8px;color:#6c899a;margin-left:auto}.layer-item[data-mode=Full] .mode{color:#e3b879}.layer-item[data-mode=Reindex] .mode{color:#80d7ba}.layer-item.active{border-color:var(--orange);color:var(--orange);background:#34271f}.layer-item.selected{box-shadow:inset 2px 0 #e7eef0;border-color:#8fa6b3}.layer-item.engram:after{content:'';width:3px;height:3px;background:#e3b879;position:absolute;right:3px;top:3px;border-radius:50%}.side-bottom{border-top:1px solid var(--line);padding:12px 16px;font-size:9px;color:#e3b879;display:flex;gap:9px;flex-wrap:wrap}.side-bottom em{font-style:normal;color:#7f929f;font-size:9px}.side-bottom small{width:100%;font-size:10px;color:#627b8a}.viewport{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#182937 0%,#101a24 50%,#0b131c 85%)}#scene,#labels{position:absolute;inset:0}#scene canvas{display:block;outline:none;touch-action:none}#labels{pointer-events:none;overflow:hidden}.object-label{position:absolute;white-space:nowrap;transform:translate(-50%,-50%);font-size:10px;letter-spacing:.5px;color:#bad0dc;line-height:1.6;background:#0c1722d9;padding:4px 8px;border:1px solid #344958;border-radius:3px;pointer-events:auto;cursor:pointer;box-shadow:0 3px 15px #0003}.object-label.main{color:#dcebf0;border:0;background:#0d1824ac;font-size:11px;letter-spacing:2px}.object-label.active{color:var(--orange);border-color:var(--orange)}.object-label .sub{display:block;font-size:8px;letter-spacing:.3px;color:#829eae}.scene-heading{position:absolute;left:25px;top:24px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--orange)}h1{font-size:26px;font-weight:500;letter-spacing:-.5px;margin:9px 0}h1+p{font-size:11px;color:#7f99aa;margin:0}.view-buttons{display:flex;position:absolute;top:22px;right:18px;gap:5px}.view-buttons button{background:#13212dcc;font-size:15px;padding:6px 8px}.view-buttons span{display:none;font-size:10px}.view-buttons button.on{border-color:var(--orange);color:var(--orange)}.scene-controls{position:absolute;left:23px;bottom:68px;width:164px;border:1px solid #33424c;background:#101a24e8;padding:13px;border-radius:6px;font-size:10px;backdrop-filter:blur(10px)}.scene-controls>div{display:flex;justify-content:space-between;color:#9fb2bd}.scene-controls output{color:var(--orange)}.scene-controls input{width:100%;height:3px;margin:15px 0}.shell-row{align-items:center;margin-top:8px}.shell-row select{font-size:10px;padding:3px;background:#15232d}.scene-legend{position:absolute;right:20px;bottom:66px;display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;font-size:9px;color:#829ba9;pointer-events:none}.scene-legend i{display:inline-block;width:6px;height:6px;border-radius:1px;background:var(--c);margin-right:6px}.scene-legend .outline{border:1px solid #fff;background:none}.mouse-hint{position:absolute;bottom:20px;left:24px;font-size:9px;color:#677f90;right:20px}.mouse-hint span{float:right;color:#4b6374}#loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#142330;padding:20px;border-radius:8px;font-size:13px}.right{border-left:1px solid var(--line);overflow:auto;scrollbar-width:thin;scrollbar-color:#30414d transparent}#collapse-info{padding:0 7px;font-size:14px;border:0}#inspection{padding:0 17px 15px;border-bottom:1px solid var(--line)}.inspect-label{font-size:9px;letter-spacing:1px;color:var(--orange);margin:5px 0 9px}h2{font-size:18px;font-weight:500;line-height:1.4;margin:0 0 12px}#inspect-text{font-size:11px;color:#94a9b7;line-height:1.8;margin:0 0 10px}.metrics{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.metric{font-size:9px;padding:6px 8px;border:1px solid #2a3a46;border-radius:3px;color:#bed0da}.metric b{display:block;font-size:15px;color:#e0e9ed;font-weight:500;margin-bottom:3px}#module-menu{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}#module-menu button{font-size:9px;padding:5px 6px;color:#8fa9b9}#module-menu button.chosen{border-color:#c6d7df;color:#e1edf1}#fact-source{font-size:9px}.current-panel .panel-title{padding-top:3px}.orange{color:var(--orange)}.execution-heading{display:flex;align-items:center;gap:12px;padding:0 17px}.execution-heading>span{font-family:ui-monospace,monospace;font-size:30px;font-weight:300;letter-spacing:-2px;color:var(--orange)}.execution-heading small{display:block;font-size:9px;color:#6e8b9b;margin-bottom:5px}.execution-heading strong{display:block;font-size:12px;font-weight:500}#operation-detail{font-size:11px;line-height:1.7;color:#94a9b7;margin:12px 17px}.feature-label{display:flex;justify-content:space-between;font-size:9px;color:#6c8798;margin:12px 17px 7px}#features{display:flex;align-items:center;gap:5px;height:36px;margin:0 17px;background:linear-gradient(transparent 49%,#29404e 50%,transparent 51%)}.feature-bar{width:14px;border-radius:2px;background:#55c9e5;opacity:.7;transition:height .1s;position:relative}.feature-bar.negative{background:#b39aff}#context-cells{display:flex;gap:5px;margin:0 17px;flex-wrap:wrap}.context-cell{font-size:10px;border:1px solid #3a5a68;padding:5px 6px;border-radius:3px;background:#245366;color:#b8d6df}.context-cell.future{border-style:dashed;opacity:.4;background:none}.cache-status{display:flex;gap:12px;margin:12px 17px 0;font-size:9px;color:#7f98a8}.cache-status b{color:#e3b879;margin-left:4px;font-weight:500}.micro{font-size:9px;color:#637e8e;line-height:1.6;margin:8px 17px 13px}footer{height:174px;flex-shrink:0;border-top:1px solid #36434e;background:#111b25;display:grid;grid-template-columns:minmax(280px,1fr) minmax(380px,1.1fr) 285px;z-index:5}footer>section{padding:17px 22px}.footer-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9caeba;height:20px}.simulation{font-size:8px;color:#d4a378;border:1px solid #514435;border-radius:3px;padding:3px 5px}.text-state{border-right:1px solid var(--line)}#tokens{display:flex;gap:5px;margin-top:13px;align-items:center;flex-wrap:wrap}.token{font-size:15px;padding:7px 10px;border:1px solid #3b515e;border-radius:4px;position:relative}.token.generated{border-color:#6c5144;color:#ffb18e;background:#30271f}.token.last{box-shadow:inset 0 -2px var(--cyan)}.token.pending{border-style:dashed;color:#718b9b;font-size:14px}.token sup{font-size:7px;position:absolute;top:1px;right:2px;color:#698392}.output-line{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:9px;color:#7d94a3}.output-line b{color:var(--orange);font-size:12px;font-weight:400}.output-line small{font-size:8px;margin-left:auto;color:#576f7d}.playback{padding-top:24px}.play-buttons{display:flex;gap:5px;align-items:center}.play-buttons button{font-size:14px;min-width:28px;height:32px;padding:4px 9px}.play-buttons .primary{color:#111a20;background:var(--orange);border-color:var(--orange);font-size:12px;min-width:82px;font-weight:600}.play-buttons #next-layer{font-size:10px;margin-left:4px}.play-buttons select{margin-left:auto;padding:5px;font-size:10px;height:30px;background:#111b25}.timeline-wrap{position:relative;margin-top:17px}#timeline{width:100%;height:3px;margin:0}#timeline-markers{display:flex;justify-content:space-between;margin:9px 0 0;font-size:8px;color:#6e8b9b}#timeline-markers button{font-size:8px;padding:2px 0;border:0}.step-label{display:flex;justify-content:space-between;font-size:8px;color:#5d788b;margin-top:10px}.prediction{border-left:1px solid var(--line);padding:17px}#to-output{font-size:8px;padding:3px 5px;color:#e3b879}#probabilities{margin-top:8px}.prob-row{display:flex;align-items:center;font-size:10px;gap:10px;margin:8px 0}.prob-row>span{width:34px}.prob-track{height:5px;flex:1;background:#253643;border-radius:2px}.prob-track i{display:block;height:100%;background:#659fae;border-radius:2px}.prob-row:first-child .prob-track i{background:var(--orange)}.prob-row small{font-size:9px;width:30px;text-align:right;color:#8da2b1}.prob-wait{font-size:10px;color:#647d8d;line-height:1.8;padding-top:10px}.prob-wait b{font-weight:400;color:#9fb5c3}dialog{background:#13202b;color:#dce7ec;border:1px solid #41535f;border-radius:10px;width:min(940px,90vw);max-height:85vh;padding:28px;box-shadow:0 24px 120px #0009}dialog::backdrop{background:#050b11cc;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start}.dialog-heading h2{margin-top:10px;font-size:24px}.dialog-heading button{border:0}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 34px}.source-grid h3{font-size:13px;color:#e3b879}.source-grid p{font-size:12px;color:#9fb3c0;line-height:1.9}.source-grid a{display:block;font-size:11px;margin:8px 0}.dialog-bottom{border-top:1px solid #344958;margin-top:20px;padding-top:16px;font-size:10px;color:#6f8a9d}.dialog-bottom a{float:right}@media(min-width:1500px){main{grid-template-columns:240px minmax(500px,1fr) 310px}.view-buttons span{display:inline}#inspect-text,#operation-detail{font-size:12px}.side-scroll{padding:0 16px}.layer-item{padding:7px 8px}.scene-heading{left:30px;top:28px}.right #inspection{padding:0 20px 18px}footer{grid-template-columns:1fr 1.05fr 310px;height:180px}}@media(max-height:800px){header{height:64px}footer{height:154px}.panel-title{min-height:36px}#inspect-text{font-size:10px;line-height:1.65}#inspection{padding-bottom:10px}.metrics{margin-bottom:6px}.metric{padding:4px 7px}.metric b{font-size:13px}#operation-detail{font-size:10px;margin:8px 17px}.scene-heading h1{font-size:23px}.layer-item{padding:5px 7px}.playback{padding-top:20px}.source-grid p{font-size:11px}}@media(max-width:1100px){main{grid-template-columns:180px minmax(320px,1fr) 245px}footer{grid-template-columns:1fr 1fr 245px}.brand strong{font-size:18px}.header-right .pill{display:none}.scene-heading h1{font-size:21px}.scene-heading p{font-size:10px}.view-buttons{top:103px;left:22px;right:auto}.scene-legend{grid-template-columns:1fr;right:12px;bottom:63px;gap:7px}.mouse-hint span{display:none}.simulation{display:none}.play-buttons #next-layer{font-size:9px;margin:0}.play-buttons button{padding:4px 7px}.playback{padding-left:14px;padding-right:14px}.text-state{padding-left:14px;padding-right:14px}.output-line small{display:none}.layer-list{gap:3px}.layer-item{font-size:9px}.branch{font-size:10px}}@media(max-width:760px){body{overflow:auto;height:auto;min-height:100vh}main{grid-template-columns:140px 1fr;height:650px;flex:none}.right{grid-column:1 / -1;height:260px;display:grid;grid-template-columns:1fr 1fr;overflow:auto}.right>.panel-title{display:none}#inspection{padding:16px}.viewport{height:650px}.left{height:650px}main{margin-bottom:260px}.scene-controls{width:135px}.scene-legend{display:none}footer{height:auto;min-height:260px;grid-template-columns:1fr 1fr}.prediction{grid-column:1/-1}.header-right{display:none}.brand>span{font-size:8px}.scene-heading{left:16px}.scene-heading h1{font-size:18px}.scene-heading p{max-width:170px;line-height:1.8}#probabilities{display:flex;gap:15px}.prob-row{flex:1}.play-buttons{flex-wrap:wrap}.source-grid{grid-template-columns:1fr}}

.selection-role{font-size:9px;line-height:1.6;color:#b6c6a4;margin:4px 0 10px}.view-buttons button{padding:6px 7px}.object-label.number{pointer-events:auto}
#inspection{max-height:265px;overflow:auto;scrollbar-width:thin;scrollbar-color:#30414d transparent}@media(max-height:800px){#inspection{max-height:235px}}