:root{color-scheme:dark;--bg:#07131e;--box:#0c1b29;--stroke:#26394b;--cyan:#3de1ed;--muted:#8195a7;--white:#e6f4fa;--amber:#efac65}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--white)}
body{background:radial-gradient(ellipse at 60% 12%,#132a3d 0,#081521 55%,#07111b 100%)}
button,input{font:inherit}button{cursor:pointer}#shell{max-width:1680px;margin:0 auto;padding:0 32px}
.mast{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--stroke)}
.mastbrand{display:flex;align-items:center;gap:18px}.mark{width:57px;height:57px;border:1px solid #58a4b1;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;letter-spacing:-3px;color:#d3e3ea;transform:rotate(-4deg)}.mark span{color:var(--cyan);padding:0 2px}
.eyebrow,.smalllabel{letter-spacing:2.1px;font-size:10px;font-weight:750;color:#68a6b6}.eyebrow .subslash{color:#fff;margin:0 6px}h1,h2,p{margin:0}h1{font-size:32px;letter-spacing:2.8px;font-weight:790;line-height:1.45}h1 span{color:#83a2b1;font-weight:360}.headright{text-align:right;display:flex;flex-direction:column;gap:12px}.tag{color:#9aafba;font-size:11px;letter-spacing:1.6px}.tag span{color:#3de1ed;margin:0 7px}.live{display:flex;justify-content:flex-end;align-items:center;gap:10px;letter-spacing:1.4px;font-weight:800;font-size:10px;color:#76dfd5}.status-dot,.pulse-dot{width:7px;height:7px;border-radius:100%;display:inline-block;background:#7ff2bb;box-shadow:0 0 12px #44f3be}.status-dot.idle{background:#ffc17c;box-shadow:none}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;padding:24px 0 12px}.visual{min-width:0}.vishead,.module-header{height:66px;display:flex;align-items:flex-start;justify-content:space-between;padding-top:7px}.vishead h2,.module-header h2{font-size:19px;margin-top:8px;font-weight:700;letter-spacing:-.3px}.viewhelp{font-size:9px;letter-spacing:1px;color:#6e899b;padding-top:23px;white-space:nowrap}.viewhelp b{color:#bbced7;font-size:9px;font-weight:750}.viewhelp span{margin:0 6px}
.scene{height:525px;position:relative;background:radial-gradient(ellipse at 44% 33%,#18354a 0%,#081622 80%);border:1px solid var(--stroke);overflow:hidden}
.scene canvas{display:block;width:100%;height:100%;cursor:grab;outline:none;touch-action:none}.scene canvas:active{cursor:grabbing}.scene:before{content:'';position:absolute;inset:12px;border:1px solid #2a435250;pointer-events:none}.scene:after{content:'+';position:absolute;top:16px;right:18px;color:#6c9aaa55;font-size:17px}
.scene-callout{position:absolute;z-index:1;font-size:10px;letter-spacing:1px;color:#b4d2df;pointer-events:none}.scene-callout.top{left:30px;top:27px;color:#87b4c1}.cross{color:#3de1ed;margin-right:8px}.scene-callout.bottom{bottom:31px;left:29px;display:flex;gap:12px;align-items:center;font-size:10px}.scene-callout.bottom strong{display:block;color:#4bc9d7;margin-top:6px;letter-spacing:2px}.mini-square{width:17px;height:17px;border:2px solid #4ee1ef}.scalebadge{position:absolute;right:23px;bottom:29px;letter-spacing:1.2px;font-size:8px;color:#7eacba;pointer-events:none}.scalebadge b{display:block;color:#99bbc8;font-size:9px;margin-top:7px;font-weight:600}
.scenefooter{height:47px;display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--stroke);font-size:9px;letter-spacing:1.1px;font-weight:700;color:#829aaa}.scenefooter .flag:first-child{color:#73d2cf}.scenefooter .flag span:not(.pulse-dot){color:#4398ad}.pulse-dot{width:5px;height:5px;margin-right:6px}
.right{background:#0c1c2a;border:1px solid var(--stroke);padding:19px 21px 16px;min-width:0}.right .module-header{height:65px;padding-top:0}.preset{display:flex;gap:5px;margin:0 0 20px}.preset button{flex:1;font-size:9px;font-weight:850;letter-spacing:1px;color:#8193a3;border:1px solid #354a59;background:#102535;height:31px;white-space:nowrap}.preset button.selected{color:#d9fcff;background:#185063;border-color:#38bdd4}
.controls{display:flex;flex-direction:column;gap:14px}.controls label{display:grid;grid-template-columns:1fr auto;gap:9px;color:#b4cad6;font-weight:650;font-size:11px}.controls output{font-variant-numeric:tabular-nums;color:#3ee2ed;font-size:11px;font-weight:800}.controls input[type=range]{grid-column:1/3;width:100%;height:3px;appearance:none;-webkit-appearance:none;background:#294455;border-radius:2px;accent-color:#42d5e2;cursor:pointer}.controls input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#4dd9ea;border:2px solid #d5fbff;box-shadow:0 0 12px #32ebf866}.controls input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#4dd9ea;border:2px solid #d5fbff}
.switchrow{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:20px 0 18px;margin-top:15px;border-top:1px solid #294051}.switch{display:flex;align-items:center;gap:10px;color:#b8d5df;font-size:11px;cursor:pointer}.switch input{position:absolute;opacity:0}.toggle{width:30px;height:17px;border-radius:17px;background:#24404d;position:relative;transition:.12s}.toggle:before{content:'';width:11px;height:11px;position:absolute;left:3px;top:3px;border-radius:50%;background:#7f9aa5;transition:.15s}.switch input:checked+.toggle{background:#1b869a}.switch input:checked+.toggle:before{left:16px;background:white}.microtext{font-size:9px;color:#6f8b9d}.actions{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:7px}.actions button{height:39px;background:#112838;border:1px solid #3e5a68;color:#c2e0e8;font-size:11px;font-weight:760}.actions .fire{background:#39cddd;border-color:#39cddd;color:#062234;letter-spacing:.5px}.fire span{font-size:18px;margin-right:3px;vertical-align:-2px}.actions button:hover,.preset button:hover{filter:brightness(1.17)}.note{display:flex;gap:11px;color:#718b9b;line-height:1.52;font-size:9px;margin-top:16px}.note span{color:#e3b06c;font-weight:bold;font-size:13px}
.diagnostics{grid-column:1/3;border:1px solid var(--stroke);background:#0b1a28;padding:17px 21px 13px}.diag-title{display:flex;align-items:center;gap:20px}.diag-title .line{height:1px;flex:1;background:#274254}.rate{font-size:10px;font-weight:bold;letter-spacing:1px;color:#68c8d9}.metrics{margin-top:15px;display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:0 25px;border-left:1px solid #263e4f}.metric:first-child{border-left:0;padding-left:0}.metric>span{font-size:10px;color:#849eac;letter-spacing:1.4px;font-weight:750}.metric div{margin-top:10px;font-variant-numeric:tabular-nums}.metric b{font-size:29px;font-weight:650;letter-spacing:-1.1px}.metric small{color:#5aaebc;font-size:11px;margin-left:3px}.metric em{display:block;margin-top:4px;font-size:10px;color:#6e8997;font-style:normal;letter-spacing:.3px}.scope-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.1px;color:#9db5bf;font-weight:800;margin:20px 0 10px}.scope-head>div{display:flex;align-items:center;gap:8px;color:#7796a3;font-size:9px;letter-spacing:.3px;font-weight:500}.leg{width:12px;height:3px;display:inline-block;margin-left:9px}.leg.cyan{background:#3de1ed}.leg.amber{background:#eeaa6f}.scope{width:100%;height:130px;display:block;border:1px solid #1f3a4b;background:#0a1723}.scope-foot{display:flex;justify-content:space-between;align-items:center;color:#5d8797;font-size:9px;letter-spacing:1.5px;margin-top:8px}.scope-foot button{background:transparent;border:0;color:#5ed1de;font-size:9px;letter-spacing:1px;font-weight:800}
footer{height:53px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.1px;color:#597687}footer span{color:#3de1ed;margin:0 7px}.error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:45px;background:#192934;color:#ffad93}
@media(max-width:1020px){#shell{padding:0 20px}.workspace{grid-template-columns:minmax(0,1fr) 310px}.scenefooter{gap:10px}.viewhelp{display:none}.scene{height:470px}}
@media(max-width:780px){.mast{height:95px}.headright .tag{display:none}.workspace{grid-template-columns:1fr;gap:14px}.right,.diagnostics{grid-column:1}.scene{height:450px}.right{padding:17px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.scenefooter{flex-wrap:wrap;gap:8px;align-content:center;font-size:8px}.headright .live{font-size:8px}.scalebadge{display:none}.metrics{grid-template-columns:1fr 1fr;gap:14px}.metric:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:520px){#shell{padding:0 12px}.mastbrand{gap:10px}.mark{width:42px;height:42px;font-size:17px}h1{font-size:22px}.eyebrow{font-size:8px}.scene{height:345px}.scene-callout.top{display:none}.controls{grid-template-columns:1fr 1fr}.metrics{gap:18px}.metric b{font-size:24px}.metric{padding-left:12px}.metric:nth-child(2),.metric:nth-child(4){padding-left:12px}.scope-head{flex-direction:column;align-items:flex-start;gap:9px}.vishead h2{font-size:17px}footer{font-size:8px}.scenefooter .flag:last-child{display:none}}

[hidden]{display:none!important}