:root{--page:#07111e;--panel:#0d1c2b;--panel2:#102235;--line:#21364a;--muted:#7f9bb1;--text:#e3eff5;--cyan:#5bdee2;--orange:#edac79;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{min-width:320px;background:var(--page);scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 95% 50% at 46% -20%,#1a344b55,transparent),var(--page);color:var(--text);font-family:var(--font);font-size:13px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #76e9e9;outline-offset:3px}a{color:inherit;text-decoration:none}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,3.5vw,62px);border-bottom:1px solid #233647;background:#081523bb;gap:18px}.wordmark{display:flex;align-items:center;gap:12px;min-width:248px}.wordmark-icon{font-size:34px;line-height:1;color:var(--cyan);border:1px solid #2c5660;border-radius:50%;display:grid;place-items:center;width:43px;height:43px}.wordmark strong{font-size:16px;letter-spacing:.12em;display:block;white-space:nowrap}.wordmark-accent{color:var(--cyan)}.wordmark small{display:block;letter-spacing:.20em;font-size:8px;color:#94a9bb;margin-top:1px}.header-center{color:#a3bacc;font-size:10px;letter-spacing:.15em;display:flex;align-items:center;gap:13px;white-space:nowrap}.header-dot{color:#426479}.top-actions{display:flex;align-items:center;gap:9px}.signal{white-space:nowrap;letter-spacing:.11em;font-size:10px;color:#9ed3c3;margin-right:10px}.signal-dot,.online-dot{display:inline-block;width:7px;height:7px;background:#78d4a9;border-radius:50%;box-shadow:0 0 12px #78d4a977;margin-right:7px}.button{min-height:39px;border-radius:6px;border:1px solid #2b455b;padding:8px 14px;background:transparent;color:#cee1ed;font-weight:650;white-space:nowrap}.button:hover{background:#1a3347}.button.outlined{border-color:#5f9ba1;color:#a9e2e8}.button.quiet{border-color:transparent;background:#162537}.button.primary{background:var(--cyan);border-color:var(--cyan);color:#062332;flex:1;font-weight:800}.button.primary:hover{background:#88efef}.button.secondary{min-width:92px;background:#173146}
.site-shell{max-width:1770px;padding:0 clamp(18px,3.4vw,58px);margin:0 auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:31px 0 27px}.eyebrow{color:var(--cyan);letter-spacing:.20em;font-size:10px;font-weight:750}.eyebrow.small{font-size:9px;letter-spacing:.17em}.eyebrow-mark{display:inline-block;width:16px;height:2px;background:var(--cyan);vertical-align:middle;margin-right:7px}.intro h1{font-weight:670;font-size:clamp(29px,3.15vw,47px);line-height:1.16;letter-spacing:-.035em;margin:12px 0 8px}.intro h1 em{font-style:normal;font-weight:360;color:#9abec8}.intro p{color:#9eb0c1;font-size:13px;margin:0}.intro-meta{display:flex;gap:32px;padding-top:15px}.intro-meta div{border-left:1px solid #29475a;padding-left:14px}.intro-meta small{display:block;color:#6e90a5;font-size:9px;letter-spacing:.15em}.intro-meta strong{display:block;font-size:10px;letter-spacing:.07em;color:#c2d8e4;margin-top:5px;white-space:nowrap}
.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 362px;gap:18px}.viewer-column{min-width:0}.viewport-panel{height:clamp(410px,44vw,584px);min-height:350px;position:relative;overflow:hidden;border-radius:11px;border:1px solid #294357;background:radial-gradient(ellipse at 50% 43%,#183448,#081423 73%);box-shadow:0 19px 50px #0002}.viewport-panel::after{content:"";pointer-events:none;position:absolute;inset:52px 0 35px;background:linear-gradient(90deg,#061522cc 0,transparent 28%,transparent 73%,#06152266)}#scene{display:block;position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none}.viewport-top,.viewport-foot{position:absolute;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#9bb4c8;font-size:10px;letter-spacing:.13em}.viewport-top{top:0;height:48px;border-bottom:1px solid #2f465666;background:#0714208c}.pane-label{color:#b5cbd7;font-weight:700}.pane-icon{font-size:18px;color:var(--cyan);margin-right:7px}.render-info{color:#8ac9b5}.viewport-foot{bottom:0;height:35px;background:#071420aa;border-top:1px solid #2f465666;justify-content:flex-start;gap:30px;color:#7c9bb0;font-size:9px}.viewport-annotation{z-index:2;pointer-events:none;position:absolute;top:73px}.viewport-annotation.top-left{left:24px}.viewport-annotation.top-right{right:24px;text-align:right}.annotation-tag{font-size:9px;letter-spacing:.18em;color:#68cbd2;margin-bottom:6px;font-weight:800}.viewport-annotation strong{display:block;font-size:23px;letter-spacing:-.025em;font-weight:650;color:#e4f6f9}.viewport-annotation small{display:block;color:#7993a7;font-size:10px;margin-top:3px}.viewport-status{position:absolute;bottom:47px;left:22px;z-index:5;padding:12px;background:#a347347f;color:white;border-radius:6px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.metric,.data-panel,.controls-panel{background:linear-gradient(138deg,#102236,#0a1929);border:1px solid #233a4e;border-radius:9px}.metric{min-width:0;padding:16px 16px 13px}.metric-top,.metric-foot{display:flex;justify-content:space-between;gap:8px;align-items:center}.metric-top{font-size:9px;letter-spacing:.11em;font-weight:730;color:#8ca9be}.metric-icon{font-size:17px;color:#698b9e}.metric strong{font-size:27px;letter-spacing:-.055em;display:block;margin:11px 0 11px;line-height:1}.metric strong small{font-size:12px;letter-spacing:0;color:#9bb1c1;font-weight:500}.metric-foot{border-top:1px solid #264052;padding-top:10px;color:#94aabd;font-size:10px;white-space:nowrap}.metric-foot .teal{color:#71d8d1;font-size:9px;letter-spacing:.06em}.muted{font-size:9px;color:#718b9c;letter-spacing:.04em}
.analysis-grid{display:grid;grid-template-columns:1.16fr 1fr;gap:14px;margin-top:14px}.data-panel{padding:19px 19px 16px;min-height:278px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:5px}.panel-heading h2,.controls-heading h2{font-size:17px;letter-spacing:-.01em;margin:3px 0 0}.sub-badge{border:1px solid #345264;color:#97bdc5;border-radius:4px;padding:5px 7px;font-size:9px;letter-spacing:.09em;white-space:nowrap}.optics-layout{display:flex;align-items:center;gap:13px}#detector{width:min(57%,245px);height:210px;min-width:0;object-fit:contain;flex:none}.sensor-details{flex:1;min-width:0;display:grid;gap:11px}.sensor-details small{color:#7e9daf;display:block;font-size:9px;letter-spacing:.1em}.sensor-details strong{color:#d3e7ee;display:block;font-size:14px;letter-spacing:-.01em}.sensor-details .note{color:#718a9f;font-size:10px;line-height:1.35;border-top:1px solid #294357;padding-top:10px;margin:0}#telemetry{width:100%;height:180px;margin-top:12px}.chart-legend{display:flex;align-items:center;gap:14px;color:#87a2b6;font-size:10px}.chart-legend i{display:inline-block;width:12px;height:3px;vertical-align:3px;margin-right:5px;border-radius:3px}
.controls-panel{padding:22px 23px 0;align-self:start}.controls-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.control-led{color:#7adbba;font-size:10px;letter-spacing:.06em}.engine-controls{display:flex;gap:8px;margin-bottom:25px}.control-section{border-top:1px solid #294153;padding-top:18px;margin-bottom:19px}.control-section h3{color:#d2e5ed;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.12em;margin:0 0 19px;font-weight:760}.control-section h3 span{color:#58cdd2;font-family:monospace;font-size:12px}.field{margin-bottom:20px}.field:last-child{margin-bottom:0}.field-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.field-label label{color:#a6bac9;font-size:11px}.field-label output{color:#8ce5ea;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:750}input[type=range]{display:block;width:100%;margin:0;accent-color:var(--cyan);height:5px;cursor:pointer}.range-label{display:flex;justify-content:space-between;font-size:9px;color:#6e8ba2;letter-spacing:.02em;margin-top:6px}.switch-row{display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:10px;padding:5px 0 0}.switch-row strong{font-size:11px;font-weight:650;color:#c1d7e2}.switch-row small{font-size:10px;color:#718da2;display:block;margin-top:2px}.switch-row input{opacity:0;position:absolute}.switch-ui{height:23px;width:42px;background:#2c4656;border-radius:20px;display:inline-block;position:relative;flex:none;transition:background .2s}.switch-ui:after{content:"";background:#a4bcc6;border-radius:50%;width:17px;height:17px;position:absolute;top:3px;left:3px;transition:transform .2s}.switch-row input:checked+.switch-ui{background:#27696e}.switch-row input:checked+.switch-ui:after{background:#72e4e1;transform:translateX(19px)}.switch-row input:focus-visible+.switch-ui{outline:2px solid #9becea;outline-offset:3px}.checks{display:flex;flex-direction:column;gap:8px;color:#9bb4c6;font-size:11px}.checks input{accent-color:var(--cyan);vertical-align:middle;margin-right:7px}.speed-control{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:16px;color:#9bb4c6;font-size:11px}.speed-control select{color:#b8dae1;background:#142c3e;border:1px solid #2a4c5c;border-radius:5px;padding:7px;width:150px}.control-section.slim{margin-bottom:18px}.control-section.presets{margin-bottom:19px}.preset-buttons{display:grid;grid-template-columns:1fr;gap:7px}.preset{width:100%;border:1px solid #2b4a5d;color:#9bb6c6;text-align:left;padding:10px 13px;border-radius:6px;background:#13293a;font-size:11px;font-weight:650}.preset:hover,.preset.active{color:#7fe4e2;border-color:#4f9296;background:#173b48}.controls-footer{border-top:1px solid #2d4558;display:flex;gap:5px;align-items:center;padding:19px 0 24px}.controls-footer strong{color:#c1d7de;letter-spacing:.10em;font-size:9px;display:block}.controls-footer small{font-size:9px;color:#698a9c;display:block;margin-top:3px}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #203448;margin:22px 0 28px;padding-top:19px;color:#638195;letter-spacing:.10em;font-size:9px}.page-footer span{margin:0 6px;color:#375268}
@media(max-width:1380px){.main-grid{grid-template-columns:minmax(0,1fr) 322px}.controls-panel{padding:20px 19px 0}.metric{padding:12px}.metric strong{font-size:23px}.metric-top{font-size:8px}.metric-foot{font-size:9px}.metric-foot .teal,.metric-foot .muted{font-size:8px}.sensor-details .note{display:none}}
@media(max-width:1160px){.header-center{display:none}.intro-meta{display:none}.main-grid{grid-template-columns:1fr}.controls-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}.controls-heading,.engine-controls,.controls-footer{grid-column:1/-1}.control-section{margin-bottom:8px}.viewport-panel{height:510px}}
@media(max-width:720px){.topbar{height:auto;min-height:66px;padding:12px 17px;flex-wrap:wrap}.wordmark{min-width:0}.top-actions{gap:4px}.signal{display:none}.site-shell{padding:0 12px}.intro{padding:25px 4px}.intro h1{font-size:30px}.intro p{font-size:12px}.viewport-panel{height:420px}.viewport-annotation strong{font-size:16px}.viewport-annotation.top-left{left:12px}.viewport-annotation.top-right{right:12px}.annotation-tag{font-size:8px}.viewport-annotation small{font-size:8px;max-width:135px}.viewport-foot{padding:0 12px;gap:10px;font-size:7px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-grid{grid-template-columns:1fr}.controls-panel{display:block}.page-footer{flex-direction:column;align-items:flex-start}.viewport-top{padding:0 13px}}
@media(max-width:420px){.wordmark strong{font-size:12px}.wordmark small{font-size:7px}.wordmark-icon{height:36px;width:36px;font-size:27px}.button.quiet{display:none}.viewport-panel{height:360px}.viewport-annotation{top:62px}.viewport-annotation small{display:none}.viewport-foot span:last-child{display:none}.optics-layout{gap:6px}#detector{width:53%;height:200px}}