:root{color-scheme:dark;--bg:#07131b;--panel:#0d1b25;--line:#203642;--muted:#66818e;--text:#c9dce1;--aqua:#7de8e9;--gold:#d6a968;--danger:#e97e69;font-family:'Segoe UI',Inter,Arial,sans-serif}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}.app{height:100vh;height:100dvh;display:flex;flex-direction:column;min-height:0}.topbar{height:79px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 28px;background:#0b1922;border-bottom:1px solid #294251;position:relative;z-index:3}.brandmark{font-size:15px;letter-spacing:-.4px;font-weight:800;display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-spark{font-size:26px;color:var(--aqua);line-height:1}.brand-dot{color:#7de0de}.brand-border{color:#355360;font-size:23px;font-weight:200;margin-left:11px}.brand-sector{letter-spacing:2.1px;font-size:9px;color:#63818e;font-weight:700}.titlebox{display:flex;flex-direction:column;gap:1px;text-align:center}.title-eyebrow{font-size:9px;color:#7f929c;letter-spacing:3px;font-weight:750}.titlebox h1{font-size:28px;font-weight:860;margin:0;letter-spacing:3.1px;color:#dce9ea}.titlebox em{font-style:normal;color:var(--gold);margin:0 10px;font-weight:300}.top-end{font-size:9px;letter-spacing:1.5px;color:#8ab8b8;font-weight:800;display:flex;align-items:center;gap:12px;white-space:nowrap}.live-dot,.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#59d9af;box-shadow:0 0 8px #2ba985}.edition{font-size:9px;color:#496573;letter-spacing:1px;margin-left:14px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 366px;min-height:0;flex:1}.viewport{position:relative;overflow:hidden;background:radial-gradient(ellipse at 53% 50%,#29434b 0%,#102936 35%,#081923 75%);min-width:0;touch-action:none}.viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.view-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 95px #07141caa;background:linear-gradient(180deg,#06141b9c 0%,transparent 21%,transparent 82%,#05141dcc 100%)}.mode-top{position:absolute;left:31px;top:26px;display:flex;gap:12px;align-items:center;color:#a3c3ca;font-size:10px;letter-spacing:2.1px;font-weight:750}.point-square{height:8px;width:8px;border:1px solid #65d7d8;display:inline-block;transform:rotate(45deg)}.separator{height:14px;width:1px;background:#3d6068}.view-switch{position:absolute;top:68px;left:26px;display:flex;flex-direction:column;gap:5px}.view-switch button{min-width:157px;border:1px solid transparent;background:#0619239c;text-align:left;color:#608391;font-size:10px;letter-spacing:.5px;padding:10px 12px;backdrop-filter:blur(8px);transition:.2s}.view-switch button strong{margin-left:12px;color:#91adb9;letter-spacing:1.1px;font-size:10px}.view-switch button:hover,.view-switch button.active{border-color:#4d8998;background:#133341d9;color:#69c6c8}.view-switch button.active strong{color:#e9f4ee}.component-labels{position:absolute;inset:0;pointer-events:none}.callout{position:absolute;font-size:9px;letter-spacing:1px;font-weight:750;color:#b6e5e1;border-left:2px solid #5ad6de;padding:4px 7px;background:#061a24a8;text-shadow:0 2px 4px #000;white-space:nowrap;transform:translate(6px,-50%)}.callout small{display:block;font-size:8px;color:#6197a9;letter-spacing:1.4px;margin-top:2px}.viewport-bottom{position:absolute;left:29px;right:29px;bottom:23px;display:flex;justify-content:space-between;gap:12px;align-items:center}.scale-note{display:flex;align-items:center;gap:12px;color:#557786;letter-spacing:1.4px;font-size:9px;font-weight:750;flex-wrap:wrap}.scale-note .corner{font-size:19px;font-weight:300;color:#8de1d9}.scale-note .line{height:1px;width:31px;background:#3c626d}.timetext{font-size:10px;color:#6b8998;letter-spacing:1.7px;white-space:nowrap}.timetext strong{color:#c6dfde;margin-left:8px;font-variant-numeric:tabular-nums}.help-btn{position:absolute;right:23px;top:25px;border:1px solid #406574;color:#b1dfe0;width:29px;height:29px;background:#102b36bb;font-size:14px}.hover-tooltip{position:absolute;pointer-events:none;z-index:4;background:#07151de8;border:1px solid #568e98;padding:10px 13px;color:#d4eeed;font-size:12px;max-width:290px;box-shadow:0 9px 22px #0009}.error{position:absolute;top:38%;left:15%;width:70%;background:#2e1319ee;color:#ffe3e2;padding:25px;border:1px solid var(--danger);z-index:99}.sidebar{display:flex;flex-direction:column;background:#0d1c26;border-left:1px solid #304755;min-height:0;z-index:2;box-shadow:-8px 0 45px #05101566}.panel-scroll{overflow-y:auto;min-height:0;padding:23px 24px 25px;scrollbar-color:#42606b #0d1c26;scrollbar-width:thin;flex:1}.section-label{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#9bb3bd;font-weight:800;font-size:9px;letter-spacing:1.35px}.section-label>span:first-child{color:#ddad67;font-size:10px}.section-line{height:1px;background:#28414e;flex:1;min-width:8px}.small-marker{color:#678f92;font-size:8px}.statusline{padding:17px 0 19px;display:flex;align-items:center;justify-content:space-between;gap:4px;color:#8bd4bd;font-size:10px;letter-spacing:1.1px;border-bottom:1px solid #203643}.statusline>span:first-child{display:flex;align-items:center;gap:8px}.statusline b{font-size:9px;white-space:nowrap}.statusline>span:last-child{font-size:8px;color:#4f6c79;white-space:nowrap}.parameter{padding:15px 0 5px;border-bottom:1px solid #1b303b}.parameter-head{display:flex;align-items:baseline;justify-content:space-between;gap:7px;margin-bottom:12px}.parameter-head label{font-size:9px;font-weight:800;letter-spacing:1.05px;color:#8baab7}.parameter-head output{font-size:21px;letter-spacing:-.5px;color:#d8e8e9;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.parameter-head output small{font-size:9px;letter-spacing:.2px;color:#658e9c;font-weight:750}.parameter input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:3px;background:#284451;border-radius:3px;outline:none;display:block;cursor:pointer;--pct:60%}.parameter input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,#73e0de var(--pct),#284451 var(--pct));border-radius:3px}.parameter input[type=range]::-moz-range-track{height:3px;background:linear-gradient(90deg,#73e0de var(--pct),#284451 var(--pct));border-radius:3px}.parameter input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-5px;border-radius:50%;border:3px solid #7ee8e2;background:#123542;box-shadow:0 0 8px #2f9296}.parameter input[type=range]::-moz-range-thumb{width:9px;height:9px;border-radius:50%;border:3px solid #7ee8e2;background:#123542}.ticks{margin-top:10px;display:flex;justify-content:space-between;font-size:8px;color:#4e6b78;letter-spacing:.5px}.spaced{margin-top:25px;margin-bottom:17px}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kpi{border:1px solid #27424d;background:#101f29;padding:11px 11px 9px;min-height:90px}.kpi>span{font-size:8px;font-weight:800;letter-spacing:.85px;color:#6d8d99}.kpi>div:nth-child(2){margin:9px 0 10px;display:flex;align-items:baseline;gap:5px;white-space:nowrap}.kpi strong{font-weight:580;font-size:23px;color:#def1ec;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.kpi small{font-size:8px;color:#72939b}.meter{height:2px;background:#2c4653}.meter i{height:2px;display:block;width:0;background:#69d9d9;transition:width .2s}.secondary-metrics{margin-top:13px;display:grid;grid-template-columns:1fr auto;column-gap:8px;row-gap:12px;align-items:center}.secondary-metrics>span{font-size:9px;letter-spacing:.8px;font-weight:700;color:#7897a5}.secondary-metrics>b{font-size:11px;color:#d5e5df;font-variant-numeric:tabular-nums}.switches{display:grid;gap:12px}.toggle{cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#a5bfc7;font-size:11px}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle i{width:31px;height:17px;border-radius:15px;border:1px solid #3e5a64;background:#1e3541;position:relative;transition:.2s;flex:none}.toggle i:before{content:"";position:absolute;left:3px;top:3px;width:9px;height:9px;border-radius:50%;background:#607b86;transition:.2s}.toggle input:checked+i{border-color:#4fb7b8;background:#15535b}.toggle input:checked+i:before{background:#9eebe2;transform:translateX(14px)}.toggle input:focus-visible+i{outline:2px solid #7ee8e2}.speed-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.speed-row button{height:34px;border:1px solid #34515e;background:#112530;color:#7da4b0;font-size:11px;font-weight:800}.speed-row button.active,.speed-row button:hover{color:#091c23;border-color:#70d4d1;background:#8be1dd}.operation-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:20px}.operation-row button{height:40px;border:1px solid #436476;background:#17303b;color:#b2e3df;font-size:13px;font-weight:800}.operation-row button span{font-size:9px;letter-spacing:.65px;margin-left:2px}.operation-row .run{background:#2f7472;color:#e9ffff;border-color:#51b5a8}.operation-row .estop{color:#ffc1ae;background:#4b2428;border-color:#9b4f52}.operation-row button:hover{filter:brightness(1.23)}.inspector{padding:13px;background:#0a1922;border-left:2px solid #3f8190;min-height:112px}.inspector small{display:block;font-size:9px;letter-spacing:1.5px;color:#5e93a3}.inspector strong{display:block;font-size:14px;margin-top:7px;color:#deeeeb}.inspector p{font-size:11px;color:#809da9;line-height:1.6;margin:9px 0 0}.export-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.export-row button{background:none;border:1px solid #3c6170;color:#82c4ce;padding:11px 3px;font-size:9px;letter-spacing:.5px;font-weight:800}.export-row button:hover{background:#1c3843}.disclaimer{font-size:9px;line-height:1.65;color:#536e7d;padding-top:15px}.sidebar-footer{border-top:1px solid #25404b;display:flex;flex-direction:column;gap:5px;padding:15px 24px;color:#658392;font-size:8px;letter-spacing:.7px;background:#0b1821}.sidebar-footer b{color:#99b8c4;font-weight:600}.modal[hidden],.hover-tooltip[hidden],.error[hidden]{display:none}.modal{position:fixed;inset:0;background:#020a10d8;display:grid;place-items:center;z-index:10;padding:30px}.modal-card{max-width:520px;background:#0d1f2a;border:1px solid #416473;padding:38px;box-shadow:0 30px 100px #000a;position:relative}.modal h2{font-size:29px;letter-spacing:.7px;color:#e3f4f1}.modal p{line-height:1.7;color:#a0b6c0;font-size:13px}.modal strong{color:#e3e8e4}.modal-close{position:absolute;right:20px;top:17px;border:0;background:transparent;color:#a7cad2;font-size:24px}.modal-cta{background:#65c9cb;padding:12px 20px;color:#09202a;font-size:11px;font-weight:800;letter-spacing:1px;border:0;margin-top:8px}@media(max-width:1140px){.workspace{grid-template-columns:minmax(0,1fr) 320px}.panel-scroll{padding:20px 17px}.sidebar-footer{padding:12px 17px}.brand-sector,.brand-border,.edition{display:none}.view-switch button{min-width:120px;padding:8px 7px}.mode-top{font-size:9px}}@media(max-width:800px){html,body{overflow:auto}.app{height:auto;min-height:100dvh}.topbar{height:63px;padding:0 14px}.brandmark{font-size:12px}.titlebox h1{font-size:17px;letter-spacing:1px}.title-eyebrow{font-size:7px;letter-spacing:1px}.top-end{display:none}.workspace{grid-template-columns:1fr}.viewport{height:65vh;min-height:390px}.view-switch{flex-direction:row;flex-wrap:wrap;left:12px;right:12px;top:54px}.view-switch button{min-width:0;width:auto;font-size:8px;padding:7px}.view-switch button strong{font-size:8px;margin-left:5px}.viewport-bottom{left:13px;right:13px;bottom:13px}.scale-note{font-size:8px;gap:6px}.timetext{font-size:8px}.mode-top{left:14px;top:18px}.sidebar{max-height:none}.panel-scroll{overflow:visible;padding:20px}.component-labels{display:none}.help-btn{right:12px;top:13px}}