*{box-sizing:border-box}:root{color-scheme:dark;font-family:'Segoe UI','Malgun Gothic',sans-serif;color:#e8edeb;background:#0a1014;font-synthesis:none}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{color:inherit;background:transparent;border:0;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #b9e775;outline-offset:3px}button:hover{color:#c8ed9a}button:disabled{opacity:.45;cursor:progress}header{height:67px;position:relative;z-index:5;display:flex;align-items:center;gap:29px;padding:0 28px;border-bottom:1px solid #293237;background:#0b1217}button.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;padding:0}.brand-mark{font-size:29px;color:#a5d466}.brand b{font-size:18px;font-weight:650;letter-spacing:1px}.brand b span{font-weight:350;color:#97a3aa;margin-left:6px}#views{display:flex;gap:5px;height:100%;align-items:center;overflow-x:auto;scrollbar-width:none}#views button{font-size:12px;color:#a9b3b8;padding:9px 13px;white-space:nowrap;border-radius:4px}#views button[aria-current=true]{background:#233028;color:#c3e99e;box-shadow:inset 0 0 0 1px #678a4c55}.top-action{margin-left:auto;white-space:nowrap;font-size:11px;color:#a6b0b6}.top-action span{margin-left:8px;color:#cee5ae}#stage{position:absolute;inset:67px 0 64px;overflow:hidden}#scene{width:100%;height:100%;display:block;touch-action:none}.view-caption{position:absolute;top:24px;left:31px;pointer-events:none;max-width:330px;text-shadow:0 2px 12px #000}#view-index{font:10px Consolas,monospace;letter-spacing:1.8px;color:#aac47e;margin:0 0 9px}h1{font-size:23px;line-height:1.3;font-weight:550;letter-spacing:-.5px;margin:0 0 10px}#view-note{font-size:12px;line-height:1.6;color:#92a0a9;margin:0;max-width:300px}.camera-controls{position:absolute;right:22px;bottom:72px;display:flex;flex-direction:column;background:#111b22df;border:1px solid #35424a;border-radius:6px;overflow:hidden}.camera-controls button{width:39px;height:39px;border-bottom:1px solid #35424a;font-size:18px}.camera-controls button:last-child{border-bottom:0;font-size:14px}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.scene-label{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;padding:5px 8px 6px;font:10px Consolas,monospace;white-space:nowrap;border:1px solid #60747677;border-left:2px solid var(--accent);color:#dce6e6;border-radius:2px;background:#101b21dc;box-shadow:0 4px 12px #0003}.scene-label:after{content:'';position:absolute;top:100%;left:50%;height:11px;width:1px;background:#9cabaf66}.bottom-legend{position:absolute;bottom:35px;left:30px;display:flex;gap:18px;pointer-events:none}.bottom-legend span{font-size:10px;color:#a1aeb6;display:flex;align-items:center;gap:7px}.bottom-legend i{display:inline-block;width:6px;height:6px;border-radius:1px;background:#aaa}.bottom-legend .software{background:#c09b69}.bottom-legend .execution{background:#9bd64b}.bottom-legend .memory{background:#64b9c8}.scope-note{position:absolute;bottom:10px;left:30px;margin:0;font-size:10px;color:#647985;pointer-events:none}footer{position:absolute;bottom:0;height:64px;width:100%;display:flex;align-items:center;gap:25px;padding:0 28px;background:#0c141a;border-top:1px solid #29383e;z-index:5;font-size:11px}footer button{white-space:nowrap;color:#b0bcc3}footer button span{margin-left:10px;color:#b9dd94}.explode-control{display:flex;align-items:center;gap:17px;white-space:nowrap;color:#b2bcc3}.explode-control input{width:135px;height:3px;accent-color:#a6d369}.hint{font-size:10px;color:#647781;margin-right:auto}#kernel{color:#b5db8c}#inspector{position:absolute;right:24px;top:23px;width:295px;padding:23px;background:#101b22f0;border:1px solid #455b6388;border-radius:8px;backdrop-filter:blur(12px);z-index:4;box-shadow:0 12px 40px #0003}#inspector[hidden]{display:none}.close{position:absolute;right:14px;top:10px;color:#aabcc5;font-size:25px;padding:2px 7px}#node-kind{font:10px Consolas,monospace;color:#c7b78e;letter-spacing:1px;margin:0 0 15px}#node-title{font-size:21px;font-weight:550;margin:0 10px 7px 0}#node-ko{font-size:12px;color:#9fc18d;font-weight:450;margin:0 0 18px}#node-body{font-size:12px;line-height:1.9;color:#bdc8cf;margin:0 0 15px}#node-extra{font-size:10px;line-height:1.7;color:#8096a2;margin:0}#node-source{display:block;color:#9ebf86;font-size:10px;text-underline-offset:3px;margin-top:18px}.inspector-actions{display:flex;gap:6px;margin-top:18px}.inspector-actions button{font-size:11px;text-align:left;background:#23382e;color:#c2dfa8;padding:10px;border-radius:3px}.inspector-actions button+button{background:#1d2b35;color:#bcccd5}#thread-values{font:13px Consolas,monospace;color:#b5df99;line-height:1.8;white-space:pre-wrap}#simulation{position:absolute;left:30px;bottom:86px;width:355px;background:#101b22ee;border:1px solid #41534f;border-radius:7px;padding:17px 18px;z-index:3}.sim-top{display:flex;align-items:center;justify-content:space-between;font:10px Consolas,monospace;color:#afc28b;margin-bottom:12px}.sim-top button{font-size:19px}#sim-title{font-size:14px;font-weight:500}.sim-row{display:flex;align-items:center;gap:12px;margin-top:10px}.sim-row button{width:31px;height:32px;background:#25352a;border-radius:3px;color:#c6e49e}.sim-row input{flex:1;min-width:0;height:3px;accent-color:#add66c}#sim-summary{display:block;font:10px Consolas,monospace;color:#8eabb3;margin-top:13px}#warp-controls{position:absolute;left:30px;bottom:85px;background:#101b22ee;border:1px solid #3a4f51;padding:13px 16px;border-radius:5px;font-size:12px;z-index:3}#warp-controls label{display:inline-flex;gap:7px;align-items:center;margin-right:20px}#warp-controls input{accent-color:#a1ce64}#warp-controls button{color:#bfe298}#warp-status{display:block;margin-top:13px;font:11px Consolas,monospace;color:#8fabba}dialog{width:min(740px,92vw);max-height:84vh;overflow:auto;background:#111c24;color:#dce5e8;border:1px solid #4b606a;border-radius:10px;padding:34px;line-height:1.8}dialog::backdrop{background:#03070ac9;backdrop-filter:blur(6px)}dialog h2{font-size:26px;font-weight:500;margin:8px 0 20px}dialog p{font-size:12px;color:#a9bac3}dialog .eyebrow{font:10px Consolas,monospace;letter-spacing:2px;color:#b8d790}#search{width:100%;padding:12px 13px;background:#1a2933;border:1px solid #3e535e;border-radius:4px;color:#dce8eb;margin-bottom:20px}#component-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.component{display:block;text-align:left;padding:13px;border:1px solid #2c414b;border-radius:4px;background:#14212b}.component strong{display:block;font:12px Consolas,monospace;color:#d0dbde}.component span{display:block;color:#86a09f;font-size:10px;margin-top:6px}#source-list a{display:block;padding:10px 0;border-bottom:1px solid #2b3e49;color:#bad59c;text-decoration:none;font-size:12px}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:15px;background:#0b1217;z-index:8}#loading b{font-size:13px;color:#bbcfac;font-weight:400}.loader{width:13px;height:13px;border:2px solid #789755;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#fallback{position:absolute;inset:0;background:#101a21;overflow:auto;padding:30px}#fallback-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}#fallback button{padding:12px;text-align:left;border:1px solid #344b59}
@media(max-width:1050px){header{gap:15px;padding:0 20px}#views{gap:0}#views button{padding:9px 10px;font-size:11px}.top-action{font-size:0}.top-action span{font-size:18px}.hint{display:none}footer{gap:21px}.explode-control{margin-right:auto}#inspector{width:265px}}
@media(max-width:700px){header{height:105px;padding:0 17px;align-items:flex-start}.brand{height:50px}.brand b{font-size:16px}.brand-mark{font-size:25px}.top-action{position:absolute;right:19px;top:14px;font-size:11px}#views{position:absolute;left:10px;right:8px;bottom:5px;height:45px}#views button{min-height:42px;padding:10px 13px}#stage{top:105px;bottom:105px}.view-caption{left:17px;top:17px;max-width:270px}#view-index{font-size:9px}h1{font-size:20px}#view-note{font-size:10px;max-width:220px}.camera-controls{right:12px;bottom:59px}.camera-controls button{width:42px;height:43px}.bottom-legend{left:17px;bottom:28px;gap:12px}.bottom-legend span{font-size:8px;gap:4px}.scope-note{left:17px;bottom:9px;font-size:8px}footer{height:105px;padding:12px 17px;gap:15px;flex-wrap:wrap;align-content:center}.explode-control{flex-basis:100%;justify-content:space-between;gap:10px;margin:0}.explode-control input{width:60%}footer button{font-size:11px;min-height:35px}#kernel{margin-right:auto}#inspector{top:auto;right:10px;left:10px;bottom:56px;width:auto;max-height:43%;overflow:auto;padding:18px 21px}#node-title{font-size:18px}#node-ko{margin-bottom:9px}#node-body{font-size:11px;line-height:1.7;margin-bottom:9px}#node-extra{font-size:9px}.inspector-actions{margin-top:10px}#node-source{margin-top:10px}#simulation{left:12px;right:66px;bottom:67px;width:auto;padding:12px}#sim-heading{font-size:8px}#sim-title{font-size:11px}#sim-summary{font-size:8px;line-height:1.5}#warp-controls{left:12px;right:66px;bottom:69px;font-size:10px;padding:12px}#warp-controls label{margin-right:8px}#warp-status{font-size:9px}.scene-label{font-size:9px;padding:5px 6px}dialog{padding:25px 20px}#component-list{grid-template-columns:1fr}}
@media(max-height:500px) and (min-width:701px){header{height:52px}#stage{top:52px;bottom:51px}footer{height:51px}.view-caption{top:13px;left:18px}h1{font-size:17px}#view-note{display:none}.camera-controls{right:13px;bottom:50px;flex-direction:row}.camera-controls button{width:33px;height:32px;border-bottom:0;border-right:1px solid #34464e}#simulation{bottom:57px;left:20px;padding:11px;width:295px}.sim-top{margin-bottom:4px}#inspector{top:12px;max-height:calc(100% - 62px);overflow:auto;padding:16px}#warp-controls{bottom:55px}.bottom-legend{left:20px}.scope-note{left:20px}}
@media(prefers-reduced-motion:reduce){.loader{animation:none}*{scroll-behavior:auto}}
[hidden]{display:none!important}
.explode-control input,.sim-row input{height:22px}