:root{color-scheme:dark;--bg:#08121c;--panel:#111e2a;--panel2:#132434;--border:#263b4b;--light:#e4eced;--muted:#8b9eac;--teal:#68e0c2;--orange:#eab257;--ff:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--light);font-family:var(--ff)}button{font:inherit;cursor:pointer}.shell{min-height:100vh;display:flex;flex-direction:column}.top{height:80px;padding:0 26px;border-bottom:1px solid #20313c;display:flex;justify-content:space-between;align-items:center;background:#0c1721;gap:20px}.brand{display:flex;gap:14px;align-items:center}.brandicon{background:#eac079;color:#11212a;width:45px;height:45px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:24px;letter-spacing:-8px;padding-right:8px}.brandicon span{color:#176e68;transform:translate(-2px,3px)}.bt small,.kicker{font-size:10px;color:#6ecbb9;letter-spacing:1.8px;font-weight:700}.bt strong{display:block;font-size:20px;letter-spacing:2px}.bt em{color:#e7c48c;font-style:normal;font-weight:400}.midhead{font-size:10px;letter-spacing:1.25px;color:#afc5c8;white-space:nowrap}.midhead b{border:1px solid #54716b;color:#aad9ce;border-radius:3px;margin-left:12px;padding:7px;font-size:12px}.livepoint,.pill i{width:7px;height:7px;border-radius:50%;display:inline-block;background:#53dfaa;box-shadow:0 0 12px #41ce9d;margin-right:10px}.controlshead{display:flex;gap:7px}.btn{border-radius:4px;padding:10px 13px;font-size:10px;font-weight:800;letter-spacing:.7px;white-space:nowrap}.btn.muted{background:#172633;border:1px solid #314452;color:#bcd0d7}.btn.primary{background:#e7bd7e;color:#22333b;border:1px solid #e7bd7e}.layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;height:calc(100vh - 115px);min-height:565px}.canvasarea{position:relative;min-width:0;background:radial-gradient(ellipse at 50% 20%,#183546,#091724 66%);overflow:hidden}#view{display:block;width:100%;height:100%;outline:none;touch-action:none}.canvasOverlay{position:absolute;top:22px;left:22px;right:22px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.stage{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.stage>span:last-child{font-size:10px;letter-spacing:1px;color:#94b4bb}.pill{display:inline-flex;background:#12352e;border:1px solid #286351;color:#78e0c5;letter-spacing:1px;font-size:10px;border-radius:3px;padding:9px 11px;align-items:center;font-weight:750}.rightlab{text-align:right;font:11px/1.8 ui-monospace,monospace;letter-spacing:1px;color:#aec5ca}.rightlab strong{color:#e1bc82}.bottomOverlay{position:absolute;bottom:21px;left:25px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.camerahelp{font-size:10px;letter-spacing:1px;color:#b7cbd2}.camerahelp span{color:#e1bd7f;padding:0 5px}.cameraBtns{display:flex;gap:6px;pointer-events:auto}.cameraBtns button{border:1px solid #41616e;background:#132733b8;color:#e5eef2;padding:9px 11px;border-radius:3px;font-size:10px;font-weight:800}.sidebar{border-left:1px solid #2a4050;background:#101d29;display:flex;flex-direction:column;overflow:hidden}.inspectorTitle{padding:22px 24px 20px;display:flex;align-items:flex-end;justify-content:space-between}.inspectorTitle h1{margin:8px 0 0;font-size:22px;font-weight:650;letter-spacing:-.6px}.counter{font:12px ui-monospace,monospace;color:#e7c48c}.tabs{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--border);padding:0 16px}.tabs button{background:none;border:0;color:#8295a5;font-size:10px;letter-spacing:.8px;padding:13px 0;border-bottom:2px solid transparent;font-weight:800}.tabs button.on{color:#dfeee8;border-bottom-color:var(--teal)}.pane{display:none;overflow:auto;padding:18px 18px 25px;flex:1;scrollbar-color:#3b5968 transparent}.pane.active{display:block}.secttitle{font-size:11px;color:#e0e9e9;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin:5px 3px 15px;display:flex;justify-content:space-between}.secttitle small{color:#859ea7}.machineList{display:flex;flex-direction:column;gap:6px}.machine{padding:10px 10px;border:1px solid #263b48;background:#122330;border-radius:5px;display:flex;align-items:center;gap:12px;text-align:left;color:#c7d3d9;width:100%;transition:border .1s}.machine:hover,.machine.on{border-color:#67c9b5;background:#1a3440}.machine .id{font:12px ui-monospace,monospace;color:#e5bf7e;min-width:28px}.machine .mname{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:650}.machine .mname small{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#8aa1ac}.machine .arrow{margin-left:auto;font-size:18px;color:#75999e}.selected{border-top:1px solid #304754;padding:20px 4px 8px;margin-top:18px}.selected>small{font-size:10px;color:#65d6ba;letter-spacing:1.5px}.selected h2{font-size:17px;margin:8px 0 14px;font-weight:650}.specrow{display:flex;justify-content:space-between;padding:8px 1px;border-bottom:1px solid #243845;font-size:11px;color:#9fb5bf}.specrow strong{color:#dae7e8;font:11px ui-monospace,monospace}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px}.kpi{background:#182c3b;border:1px solid #304957;padding:14px;border-radius:5px}.kpi b{display:block;font-size:22px;color:#dbeadd;letter-spacing:-.5px}.kpi small{font-size:10px;color:#92aeb8;letter-spacing:.2px}.hint{color:#8da6ae;font-size:11px;line-height:1.6;margin:17px 2px 24px}.utilrow{margin:12px 0;color:#adbec3;font-size:11px}.utilrow label{display:flex;justify-content:space-between;margin-bottom:6px}.utilbar{height:6px;background:#253c48;border-radius:8px;overflow:hidden}.utilbar i{display:block;background:linear-gradient(90deg,#65dbba,#e8bd81);height:100%;border-radius:8px}.network{font-size:11px;line-height:2.6;padding:15px;border:1px solid #314853;color:#d7dcdc}.network b{color:#dfbd7f;padding:4px}.scenario{border-bottom:1px solid #2c4050;padding:12px 3px}.scenario b{display:block;font-size:12px;color:#d4e5e4}.scenario small{display:block;margin-top:7px;color:#91aab2;font-size:11px;line-height:1.6}.scenario em{font-style:normal;color:#e1bb7c;margin-right:7px}footer{height:35px;background:#0a151f;color:#7e9aab;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 26px;font-size:9px;letter-spacing:1px}footer b{color:#d5b37f;margin-left:7px}.loading{position:absolute;inset:0;background:#081620e3;display:grid;place-items:center;z-index:5;text-align:center}.loading>div{padding:24px}.loading b{display:block;letter-spacing:2px;font-size:12px}.loading small{display:block;margin-top:12px;color:#85a5b4;font-size:12px}.spinner{border:2px solid #29444c;border-top-color:#e9b77b;width:42px;height:42px;margin:0 auto 22px;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.layout{grid-template-columns:minmax(0,1fr) 330px}.midhead{display:none}.bt strong{font-size:17px}}@media(max-width:760px){.top{height:auto;min-height:67px;padding:11px;gap:5px}.brandicon{width:34px;height:34px;font-size:18px}.bt small{font-size:7px;letter-spacing:.7px}.bt strong{font-size:13px;letter-spacing:1px}.controlshead button{font-size:8px;padding:7px 6px}.controlshead #orbit{display:none}.layout{display:flex;flex-direction:column;height:auto;min-height:0}.canvasarea{height:52vh;min-height:350px}.sidebar{min-height:410px;max-height:650px;border-left:none;border-top:1px solid var(--border)}.inspectorTitle{padding:14px}.inspectorTitle h1{font-size:19px}.canvasOverlay{top:12px;left:12px;right:12px}.bottomOverlay{bottom:12px;left:12px;right:12px}.camerahelp{font-size:8px}.rightlab{font-size:8px}footer{padding:0 9px;height:31px;font-size:7px}footer span:nth-child(2){display:none}}