:root{color-scheme:dark;--bg:#07111a;--panel:#0a1620;--panel2:#0c1b26;--line:#21313d;--line2:#172732;--text:#dce5e7;--muted:#7a929e;--sub:#a3b6c0;--aqua:#48e0d4;--gold:#dcb477;--copper:#e18b5c;font-family:Inter,'Segoe UI',Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#061019;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #65e5db;outline-offset:3px}.shell{min-height:100vh;max-width:2200px;margin:auto;background:radial-gradient(ellipse at 15% 5%,#13263444,transparent 40%),var(--bg)}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:18px}.brand{display:flex;align-items:center;gap:15px}.brand-symbol{display:flex;gap:4px;height:32px;align-items:center;transform:skew(-10deg)}.brand-symbol span{height:26px;width:6px;background:#e4b974}.brand-symbol span:nth-child(2){height:38px;background:#73efe1}.brand-symbol span:nth-child(3){height:21px;background:#e4b974}.brand-symbol span:nth-child(4){height:32px;background:#5bb7bb}.brand-title{font-weight:750;letter-spacing:3px;font-size:21px;line-height:26px}.brand-title span{color:var(--gold);font-weight:450}.brand-sub{font-size:9px;letter-spacing:2.05px;color:var(--muted);margin-top:2px}.top-center{font-size:10px;letter-spacing:2.5px;color:#77929b;font-weight:650}.top-center .thin{padding:0 10px;color:#395763}.edition{color:var(--gold);padding-left:8px}.top-actions{display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:1.3px}.seed{color:#718c97}.live{display:flex;align-items:center;gap:9px;color:var(--aqua);border:1px solid #234c4c;padding:9px 11px;background:#0f2c2c66;border-radius:4px;font-weight:650}.live i,.side-status i,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 11px #48e0d4a8}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 355px;min-height:calc(100vh - 83px)}.workspace{min-width:0;padding:37px 34px 0}.workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow,.panel-kicker{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:2.6px}.eyebrow-line{display:inline-block;width:32px;height:1px;background:#ac8960;margin:0 11px 3px}h1{margin:12px 0 8px;font-size:clamp(25px,3.1vw,43px);line-height:1.16;letter-spacing:-1.2px;font-weight:640}h1 em{font-style:normal;color:#9cc5ca;font-weight:330}.workspace-heading p{margin:0;color:var(--muted);font-size:13px}.viewer-actions{display:flex;gap:7px;flex-wrap:wrap}.action{border:1px solid #334651;background:#0f1f2a;color:#a8bdc5;padding:11px 16px;font-size:11px;letter-spacing:1px;font-weight:720;border-radius:4px}.action:hover,.view-chip:hover{border-color:#71989d;color:#e6fffd}.action.primary{border-color:#2b716d;color:#72f3e3;background:#153434}.viewport-frame{height:clamp(370px,47vw,580px);position:relative;overflow:hidden;border:1px solid #2d444e;background:radial-gradient(ellipse at 50% 53%,#123340 0%,#071520 70%);border-radius:4px}.viewport-frame:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 90px #020e18aa;pointer-events:none}#labCanvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#labCanvas:active{cursor:grabbing}.view-overlay{z-index:1;position:absolute;pointer-events:none;display:flex;flex-direction:column;gap:7px;font-size:10px;letter-spacing:1.1px}.view-overlay.top-left{top:24px;left:25px}.viewport-index{font-size:9px;color:var(--gold);font-weight:680;letter-spacing:2px}.view-overlay strong{font-size:12px;color:#d5e5e6;letter-spacing:1.8px}.indicator-note{font-size:9px;color:#77939c;margin-top:2px}.indicator-note i{padding:0 5px;font-style:normal}.view-overlay.top-right{top:24px;right:26px;text-align:right;color:#80a7a9;gap:6px;font-size:9px}.view-overlay.bottom-left{bottom:22px;left:24px;flex-direction:row;align-items:center;color:#9ab7b3;font-size:9px}.accent-dot{width:5px;height:5px;background:var(--aqua);border-radius:50%;box-shadow:0 0 10px var(--aqua)}.view-overlay.bottom-right{right:22px;bottom:18px;pointer-events:auto;flex-direction:row;gap:0;background:#081924cf;border:1px solid #37515d;border-radius:4px;padding:3px}.view-chip{border:0;background:transparent;color:#7a9da5;padding:8px 11px;font-size:10px;border-radius:2px}.view-chip.selected{color:#59e6d8;background:#153b40}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:13px}.stat{border:1px solid var(--line);background:linear-gradient(145deg,#0e202b,#0b1822);padding:18px 16px 15px;min-width:0}.stat-heading{display:flex;justify-content:space-between;gap:4px;align-items:center;font-size:9px;letter-spacing:1.45px;color:#7f9aa2;font-weight:650;white-space:nowrap}.stat-glyph{color:#bb9c6d;font-size:16px;letter-spacing:0}.stat>div:nth-child(2){display:flex;align-items:baseline;gap:7px;margin:18px 0 7px}.stat strong{font-size:clamp(19px,2.3vw,29px);font-weight:575;color:#d6efeb;font-variant-numeric:tabular-nums;letter-spacing:-.7px}.stat small{font-size:11px;color:#9db5bd;white-space:nowrap}.stat-sub{color:#657e8a;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lower-panels{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:12px;margin-top:12px}.trace-panel,.readout-panel{border:1px solid var(--line);background:#0b1a25;padding:19px 20px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-kicker{font-size:9px;color:#9b8e78;letter-spacing:1.65px}.panel-title h2{margin:7px 0 0;font-size:16px;font-weight:630;letter-spacing:-.3px}.chart-legend{display:flex;align-items:center;gap:7px;color:#8298a2;font-size:9px;letter-spacing:.7px}.trace-line{width:12px;height:3px;display:inline-block}.trace-line.measured{background:#4be1da}.trace-line.target{margin-left:12px;background:#d6ac72}.plot{height:139px;margin:13px 0 4px}#traceCanvas{width:100%;height:100%;display:block}.plot-sub{display:flex;justify-content:space-between;color:#5d7a88;font-size:9px;letter-spacing:1px}.diagnostics{margin:15px 0 0}.diagnostics div{display:flex;justify-content:space-between;border-bottom:1px solid #1f3340;padding:10px 0;gap:9px;font-size:11px}.diagnostics div:last-child{border:0}.diagnostics dt{color:#859ca7}.diagnostics dd{margin:0;color:#bfdbd7;text-align:right;font-variant-numeric:tabular-nums;font-size:10px;font-weight:700}.foot{padding:28px 2px 19px;color:#49636e;letter-spacing:1.05px;font-size:9px}.foot span{color:#9b805f;padding:0 9px}.foot .right{float:right;padding:0;color:#59737d}.sidebar{border-left:1px solid var(--line);display:flex;flex-direction:column;max-height:calc(100vh - 83px);position:sticky;top:0;background:#0b1823}.side-head{padding:29px 26px 22px;border-bottom:1px solid var(--line)}.side-kicker{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--gold);display:flex;justify-content:space-between}.side-kicker span{color:#657f8e}.side-headline{font-size:22px;font-weight:630;letter-spacing:-.35px;margin-top:15px}.side-head p{font-size:11px;color:#8da3ad;line-height:1.65;margin:9px 0 0}.sidebar-scroll{overflow:auto;min-height:0;scrollbar-color:#2e515f transparent;scrollbar-width:thin}.preset-wrap{padding:25px 26px 22px;border-bottom:1px solid var(--line)}.small-label{display:block;font-size:10px;letter-spacing:1.5px;color:#9ab0b5;font-weight:720;margin-bottom:11px}select{appearance:none;width:100%;padding:12px 28px 12px 12px;background:#101f2c;border:1px solid #344a55;border-radius:3px;color:#d5dcdc;font-size:11px;outline:0;background-image:linear-gradient(45deg,transparent 50%,#90aaaf 50%),linear-gradient(135deg,#90aaaf 50%,transparent 50%);background-size:5px 5px,5px 5px;background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px;background-repeat:no-repeat}.preset-wrap p{color:#667e87;font-size:10px;margin:9px 0 0}.control-section{padding:24px 26px 12px;border-bottom:1px solid var(--line2)}.control-section.last{padding-bottom:28px}.section-title{display:flex;align-items:center;gap:11px;white-space:nowrap;color:#c8d3d5;font-size:10px;letter-spacing:1.1px;font-weight:760;margin-bottom:22px}.section-num{color:var(--gold);letter-spacing:0;font-size:11px}.section-title .line{height:1px;background:#2b404b;flex:1}.control{margin-bottom:25px}.control-label{display:flex;justify-content:space-between;align-items:baseline;gap:9px;margin-bottom:13px}.control-label label{font-size:12px;color:#a9bdc2}.control-label output{color:#5fe1d6;font-size:12px;font-weight:680;white-space:nowrap;font-variant-numeric:tabular-nums}.control input[type=range]{appearance:none;width:100%;height:3px;background:linear-gradient(90deg,#55dfd2 var(--fill,50%),#2b4350 var(--fill,50%));outline:0;cursor:pointer;display:block;margin:0}.control input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#77eee1;border:2px solid #d5fffa;box-shadow:0 0 0 3px #14383c}.control input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#77eee1;border:2px solid #d5fffa}.minmax{display:flex;justify-content:space-between;color:#5d7785;font-size:10px;margin-top:11px}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.contact{display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;border:1px solid #324653;background:#0e202b;padding:12px 13px;border-radius:3px;color:#d3e0e0;transition:background .15s,border-color .15s}.contact:hover{background:#15313c}.contact:not(.engaged){opacity:.54;border-color:#563f40}.contact-icon{font-size:15px;font-weight:760}.contact-icon.copper{color:#ed9460}.contact-icon.gold{color:#f3ca86}.contact-icon.cyan{color:#59e4dd}.contact-icon.blue{color:#7aacee}.contact-label{font-size:9px;color:#9caeb4;letter-spacing:1px}.contact-state{font-size:9px;color:#5fe4ce;letter-spacing:.8px}.contact:not(.engaged) .contact-state{color:#d98c7b}.help-text{font-size:10px;line-height:1.62;color:#637f8c;margin-top:14px}.switch-line{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#a9bdc2;margin:18px 0;cursor:pointer}.switch-line input{position:absolute;opacity:0;pointer-events:none}.switch{width:31px;height:17px;border-radius:18px;background:#283a43;position:relative;transition:background .2s}.switch:before{content:"";position:absolute;width:11px;height:11px;top:3px;left:3px;background:#8b9da4;border-radius:100%;transition:transform .2s}.switch-line input:checked+.switch{background:#1c7673}.switch-line input:checked+.switch:before{transform:translateX(14px);background:#91fff5}.side-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #2c3e48;padding:19px 23px;background:#0c1c27}.side-status{color:#80b8af;letter-spacing:.8px;font-size:9px;display:flex;gap:9px;align-items:center}.side-bottom button{font-size:9px;letter-spacing:.7px;color:#d0dbd9;border:1px solid #355665;background:#142a38;border-radius:3px;padding:9px 10px}.fatal{position:fixed;inset:20px 20px auto;z-index:10;padding:24px;background:#3b1717;border:1px solid #dd7272;color:white;white-space:pre-line}
@media(max-width:1200px){.dashboard{grid-template-columns:minmax(0,1fr) 325px}.workspace{padding:28px 22px 0}.topbar{padding:0 22px}.top-center{display:none}.stat{padding:15px 12px}.stat-heading{font-size:8px}.stat small{font-size:9px}.lower-panels{grid-template-columns:1fr}.readout-panel .diagnostics{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}}
@media(max-width:900px){.dashboard{display:block}.sidebar{border-left:0;border-top:1px solid var(--line);position:static;max-height:none}.sidebar-scroll{overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.preset-wrap{grid-column:1/-1}.side-head{padding:25px}.sidebar-scroll .control-section{border-right:1px solid var(--line2)}.sidebar-scroll .control-section.last{border-right:0}.viewport-frame{height:480px}}
@media(max-width:620px){.topbar{height:75px;padding:0 14px}.brand-title{font-size:17px}.brand-sub{font-size:7px}.seed{display:none}.live{font-size:8px;letter-spacing:0;padding:8px}.workspace{padding:24px 13px 0}.workspace-heading{align-items:flex-start;flex-direction:column;gap:18px}.workspace-heading p{font-size:12px}.viewport-frame{height:380px}.view-overlay.top-left{top:14px;left:14px}.view-overlay.top-right{top:14px;right:14px}.view-overlay.bottom-right{bottom:12px;right:12px}.view-overlay.bottom-left{bottom:70px;left:13px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat strong{font-size:24px}.sidebar-scroll{display:block}.control-section{border-right:0!important}.foot{line-height:2}.foot .right{float:none;display:block}.chart-legend{font-size:8px}.trace-panel,.readout-panel{padding:15px}.readout-panel .diagnostics{display:block}}