:root{--bg:#09131d;--panel:#0f1c28;--panel2:#132331;--edge:#2b3d49;--txt:#e5edf1;--muted:#8da0aa;--soft:#607a8b;--mint:#8fe6d4;--amber:#e6b37d;--inter:'Inter',ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--txt);font-family:var(--inter);font-size:13px;background:radial-gradient(ellipse 80% 900px at 65% 10%,#102532 0%,var(--bg) 72%);min-height:100vh}button,input{font-family:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.shell{max-width:1680px;margin:auto;padding:0 35px}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #203442}.logo{display:flex;align-items:center;gap:13px}.logoMark{display:flex;align-items:center;justify-content:center;border:1px solid #667e8b;border-radius:4px;width:46px;height:43px;font-size:19px;letter-spacing:-3px;font-weight:800;color:#e7f7f4}.logoMark .slash{color:#7bdcce;margin:0 2px;font-weight:300}.brandCopy{display:flex;flex-direction:column;gap:4px}.brandCopy strong{font-weight:800;font-size:13px;letter-spacing:2px}.brandCopy small{font-size:9px;color:#819ca7;letter-spacing:1.65px}.topmid{font-size:10px;letter-spacing:2px;color:#94aab5}.miniDot{display:inline-block;width:3px;height:3px;border-radius:50%;background:#89a1ab;vertical-align:middle;margin:0 10px}.livePill{border:1px solid #3d655e;background:#17363183;padding:10px 14px;display:flex;align-items:center;gap:10px;color:#99e4d3;font-size:10px;font-weight:700;letter-spacing:1.25px;border-radius:3px}.liveDot{width:6px;height:6px;background:#80dfc8;border-radius:50%;box-shadow:0 0 9px #80dfc891}.titleRow{display:flex;align-items:end;justify-content:space-between;padding:42px 0 32px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2.2px;color:var(--mint);display:flex;align-items:center;gap:12px}.eyebrow .line{display:inline-block;height:1px;width:26px;background:var(--mint)}.intro h1{font-size:clamp(29px,3.3vw,51px);letter-spacing:-2.0px;font-weight:530;line-height:1.18;margin:13px 0}.intro h1 em{font-style:normal;color:#83d6ca}.intro p{color:#9db0b8;margin:0;line-height:1.6;font-size:13px}.experimentId{display:flex;flex-direction:column;align-items:flex-end;gap:4px;letter-spacing:1.8px;margin-bottom:3px}.experimentId span{font-size:9px;color:#7893a0}.experimentId strong{font-size:34px;font-weight:450;letter-spacing:1px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:13px;align-items:stretch}.visualPanel{border:1px solid #2d4654;background:#0c1b26;min-height:665px;display:flex;flex-direction:column;overflow:hidden}.stageTop,.stageBottom{display:flex;align-items:center;justify-content:space-between;padding:16px 19px}.stageTop{height:56px;border-bottom:1px solid #253946;background:#0f1e29}.stageLabel{font-weight:750;letter-spacing:1.6px;font-size:10px}.statusMark{display:inline-block;height:6px;width:6px;border-radius:50%;background:#90e4d3;margin-right:9px;box-shadow:0 0 10px #90e4d3}.stageMeta{color:#577686;font-size:9px;font-weight:550;margin-left:8px}.stageTools{display:flex;gap:7px}.stageTools button{color:#a9c4ce;border:1px solid #324b5a;background:#172b37;padding:8px 11px;font-size:10px;letter-spacing:.5px}.stageTools button:hover{background:#203845}.viewport{position:relative;flex:1;min-height:475px;overflow:hidden;background:#0a1a28}.viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.viewport canvas:active{cursor:grabbing}.viewport:before{content:'';position:absolute;pointer-events:none;z-index:1;inset:0;background:radial-gradient(ellipse at 50% 52%,transparent 55%,#08172379 100%)}.viewportStat{position:absolute;z-index:2;pointer-events:none;display:flex;flex-direction:column}.viewportStat.topLeft{left:23px;top:23px;gap:6px}.tinyLabel{font-size:9px;letter-spacing:2px;color:#89a5af}.topLeft strong{font-size:16px;letter-spacing:.6px;font-weight:700;color:#edf3f2}.topLeft span:last-child{font-size:9px;letter-spacing:1.1px;color:#86a3af}.bottomRight{right:19px;bottom:22px;gap:7px;letter-spacing:1.45px;font-size:9px;color:#95acb6;text-align:right}.sideAltitude{position:absolute;left:15px;bottom:20px;font-size:9px;letter-spacing:2px;writing-mode:vertical-rl;transform:rotate(180deg);color:#4c7385;z-index:2}.sideAltitude span{font-size:18px}.glError{position:absolute;inset:0;z-index:20;background:#132531;padding:40px;color:#f7c7a7;line-height:1.6}.stageBottom{height:57px;gap:18px;border-top:1px solid #243c49;background:#0d1d28;flex-wrap:wrap}.legendItem{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:9px;letter-spacing:.55px;color:#94a9b4}.legendItem i{height:3px;width:21px;display:inline-block;background:#72dadd;box-shadow:0 0 8px #72dadd7d}.legendItem .surface{background:#dca574}.legendItem .gradient{background:linear-gradient(90deg,#e1a463,#4caace);height:7px;width:21px;box-shadow:none}.measurement{margin-left:auto;font-size:9px;color:#88b0ba;white-space:nowrap}.measurement span{color:#56717e;margin-right:7px}.controls{background:#101f2b;border:1px solid #2b4150;min-height:665px;padding:22px 23px 16px;display:flex;flex-direction:column}.controlHeader{display:flex;justify-content:space-between;align-items:center}.eyebrow.light{font-size:9px;color:#7398a6}.controlHeader h2{margin:6px 0 0;font-size:22px;font-weight:590;letter-spacing:-.6px}.reset{background:transparent;border:0;color:#95b5bf;font-size:11px}.reset:hover{color:#fff}.groupTitle{display:flex;align-items:center;gap:11px;color:#79dfcc;letter-spacing:1.7px;font-size:9px;font-weight:800;margin-top:29px;margin-bottom:12px}.groupTitle span{color:#9ab0bb;font-weight:700}.presetGroup{display:flex;gap:6px}.preset{flex:1;min-width:0;padding:12px 3px 10px;font-size:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:#142634;border:1px solid #2b4350;color:#9cb2bd;transition:.2s}.preset:hover{border-color:#5d8590}.preset.active{background:#1b393b;border-color:#71cbb8;color:#e6f8f2}.presetSymbol{font-size:20px;line-height:1}.presetSymbol.hot{color:#ecad76}.presetSymbol.inversion{color:#80bddc}.presetSymbol.neutral{color:#a5b6c0}.sliders{flex:1}.control{margin:16px 0 0}.controlTitle{display:flex;justify-content:space-between;align-items:center;gap:12px}.controlTitle label{font-size:11px;color:#c4d6df}.controlTitle output{font-size:11px;white-space:nowrap;font-weight:700;color:#a4e4d8;font-variant-numeric:tabular-nums}.control input[type=range]{width:100%;height:3px;appearance:none;background:linear-gradient(to right,#4a9e9b var(--progress,50%),#304551 var(--progress,50%));border-radius:10px;cursor:pointer;display:block;margin:13px 0 5px}.control input[type=range]::-webkit-slider-thumb{appearance:none;height:12px;width:12px;border-radius:50%;background:#b3f8e8;box-shadow:0 0 0 3px #72d8c735;border:1px solid #d8fff2}.control input[type=range]::-moz-range-thumb{height:12px;width:12px;border-radius:50%;background:#b3f8e8;border:1px solid #d8fff2}.sliderFoot{display:flex;justify-content:space-between;font-size:9px;color:#607a88}.dividerTitle{padding-top:17px;border-top:1px solid #2b4150;margin-top:20px}.advanced{margin-top:18px;border-top:1px solid #2b4150}.advanced summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:13px 0 0;color:#9eb6c0;letter-spacing:1.6px;font-size:9px;font-weight:800;cursor:pointer}.advanced summary::-webkit-details-marker{display:none}.advanced[open] summary span{transform:rotate(45deg)}.advanced .control{margin:16px 0}.actionBar{display:flex;gap:8px;margin-top:20px}.actionMain{flex:1;border:1px solid #97e0d5;background:#89d7c8;color:#112c33;font-size:10px;letter-spacing:1px;font-weight:850;padding:14px}.actionMain:hover{background:#b1e9dc}.actionExport{width:43px;background:#1e3541;border:1px solid #3c5864;color:#b7d7dc;font-size:18px}.note{font-size:9px;color:#72909d;line-height:1.6;margin:13px 0 0}.analytics{margin-top:20px;border:1px solid #283f4b;background:#101d28}.analyticsTitle{display:flex;align-items:center;justify-content:space-between;padding:19px 20px;border-bottom:1px solid #263d49}.analyticsTitle .eyebrow{font-size:10px}.sampleTag{font-size:9px;color:#6f8b99;letter-spacing:1.5px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #2a414d}.metric{padding:18px 20px 20px;display:flex;flex-direction:column;gap:5px;min-width:0}.metric:not(:last-child){border-right:1px solid #2b414e}.metric>span{font-size:9px;letter-spacing:1.1px;color:#8ba6b2;white-space:nowrap}.metric span small{color:#527480;font-size:8px}.metric strong{font-size:29px;font-variant-numeric:tabular-nums;letter-spacing:-1px;color:#e8f7f4;font-weight:580}.metric>small{color:#7993a1;font-size:10px}.charts{display:grid;grid-template-columns:1.5fr 1fr}.chartWrap{padding:21px 22px 17px;min-width:0}.chartWrap:first-child{border-right:1px solid #2b414e}.chartHeader{display:flex;align-items:flex-start;justify-content:space-between}.chartHeader>div{display:flex;flex-direction:column;gap:5px}.chartHeader strong{font-weight:650;font-size:12px}.chartHeader small{font-size:9px;letter-spacing:1.15px;color:#7894a0}.chartMarker{height:8px;width:8px;border-radius:50%}.chartMarker.teal{background:#81e4d4;box-shadow:0 0 12px #81e4d4}.chartMarker.amber{background:#e9ac72;box-shadow:0 0 12px #e9ac72}canvas#rayChart,canvas#tempChart{width:100%;height:190px;display:block;margin-top:11px}footer{padding:26px 0 35px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:9px;letter-spacing:1.5px;color:#64818f}footer i{display:inline-block;height:4px;width:4px;border-radius:50%;background:#8de5d4;vertical-align:middle;margin:0 6px}@media(max-width:1160px){.shell{padding:0 20px}.workspace{grid-template-columns:minmax(0,1fr) 315px}.measurement{display:none}.legendItem{font-size:8px}.metric strong{font-size:23px}.metric>span{font-size:8px}}@media(max-width:920px){.workspace{grid-template-columns:1fr}.visualPanel{min-height:570px}.controls{min-height:0}.sliders{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.sliders .groupTitle,.sliders .advanced{grid-column:1/-1}.charts{grid-template-columns:1fr}.chartWrap:first-child{border-right:none;border-bottom:1px solid #2b414e}.experimentId{display:none}.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(1),.metric:nth-child(2){border-bottom:1px solid #2b414e}}@media(max-width:570px){.shell{padding:0 12px}.topbar{height:67px}.topmid{display:none}.brandCopy small{letter-spacing:.8px}.livePill{padding:8px}.livePill span:last-child{font-size:8px}.titleRow{padding:30px 0 23px}.intro h1{font-size:32px;letter-spacing:-1px}.intro p{font-size:12px}.stageTools button span{display:none}.stageTools button{font-size:17px;padding:4px 9px}.visualPanel{min-height:460px}.viewport{min-height:340px}.stageBottom{height:auto;min-height:55px;justify-content:flex-start;gap:10px;padding:12px}.legendItem{font-size:7px}.legendItem i{width:11px}.viewportStat.topLeft{top:15px;left:15px}.controls{padding:18px}.sliders{grid-template-columns:1fr}.metric{padding:15px}.metric strong{font-size:21px}.metric>span{white-space:normal}.chartWrap{padding:16px}canvas#rayChart,canvas#tempChart{height:170px}footer{font-size:8px}}