:root{color-scheme:dark;--bg:#08121d;--card:#0b1925;--card2:#0d2030;--stroke:#253745;--text:#e5edf2;--muted:#72909d;--cyan:#36ddd0;--gold:#f4b45e;--red:#fa6461;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 85% 35% at 58% -5%,#1d3846 0%,#08121d 69%),#08121d;color:var(--text);min-width:320px}button,a,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}a{color:inherit;text-decoration:none}.shell{max-width:1650px;padding:0 38px;margin:0 auto}.mast{height:82px;border-bottom:1px solid #28404b;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:37px;height:37px;border:3px solid var(--cyan);border-radius:50%;position:relative;transform:rotate(-35deg)}.brand-mark:after{content:'';position:absolute;inset:8px -6px;border:3px solid #0a1722;border-top-color:var(--cyan);border-bottom-color:var(--cyan);border-radius:50%}.ring-inner{position:absolute;inset:9px;border:3px solid var(--cyan);border-radius:50%}.brand b{font-size:12px;letter-spacing:2.7px;font-weight:800}.dot{color:var(--cyan)}.brand small{display:block;font-size:9px;color:#698694;letter-spacing:1.65px;margin-top:4px}.top-right{display:flex;align-items:center;gap:23px;font-size:10px;letter-spacing:1.25px;font-weight:700}.status{color:#b7d7da}.status i,.chart-live i{display:inline-block;height:7px;width:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);margin-right:7px}.id-pill{color:#61808e;font-size:10px}.top-btn{border:1px solid #3b5663;padding:11px 14px;color:#d5e4ea;transition:background .2s}.top-btn:hover{background:#203747}.intro{display:flex;justify-content:space-between;align-items:end;padding:39px 0 27px}.eyebrow,.overline{font-size:10px;letter-spacing:2px;color:var(--cyan);font-weight:800}.slit{margin:0 11px;border-left:1px solid #617683}.intro h1{font-size:clamp(36px,4vw,59px);line-height:1.04;letter-spacing:-1.8px;font-weight:850;margin:14px 0 8px}.intro h1 em{font-style:normal;color:var(--cyan);font-weight:500}.slash{color:#4d6977;font-weight:400;margin:0 8px}.intro p{margin:0;font-size:17px;color:#9db3bc;font-weight:300}.sep{color:#5b7481;margin:0 5px}.intro-right{text-align:right;color:#6c8795;letter-spacing:1.4px;line-height:2;font-size:10px;font-weight:650}.intro-right .dim{color:#3c5b6b}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.dashboard{display:grid;grid-template-columns:minmax(0,1.79fr) minmax(310px,.96fr) minmax(300px,.93fr);gap:15px;align-items:stretch}.visual-card,.controls-card,.chart-card{background:linear-gradient(160deg,#102432 0%,#091923 85%);border:1px solid var(--stroke);min-width:0}.visual-card{display:flex;flex-direction:column}.pane-head{height:55px;display:flex;justify-content:space-between;align-items:center;padding:0 19px;font-size:10px;font-weight:800;letter-spacing:1.2px;color:#d0e5e7;border-bottom:1px solid #233845}.rec-dot{display:inline-block;border-radius:50%;height:7px;width:7px;background:var(--cyan);margin-right:6px}.head-muted{color:#4c6776}.scene-icons{display:flex;align-items:center;gap:10px;color:#728e9b;font-size:9px;white-space:nowrap}.text-btn{color:#83b3c0;border:0;background:none;font-size:9px;letter-spacing:1px;font-weight:700}.text-btn:hover{color:var(--cyan)}.viewer{min-height:456px;flex:1;position:relative;overflow:hidden;background:radial-gradient(circle at 48% 47%,#1a3341 0%,#081724 57%,#07121c 100%)}.viewer:after{pointer-events:none;content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,14,23,.34),transparent 38%,transparent 70%,rgba(3,14,22,.15))}#machine{position:absolute;width:100%;height:100%;inset:0;cursor:grab;touch-action:none}#machine.dragging{cursor:grabbing}.viewer-left,.viewer-right,.orbit-hint,.scale-bar{position:absolute;z-index:1;pointer-events:none}.viewer-left{top:25px;left:21px;display:grid;gap:10px}.viewer-left .overline{color:#acbfc8;letter-spacing:1.1px;font-size:10px;margin-bottom:8px}.viewer-left .overline span{color:var(--cyan)}.legend-row{color:#7b99a4;font-size:10px;letter-spacing:.5px}.legend-dot{display:inline-block;height:7px;width:7px;border-radius:50%;margin-right:9px}.pressure{background:var(--cyan)}.metal{background:#a0b1bd}.shell-dot{background:#e5aa58}.viewer-right{right:20px;top:24px;text-align:right}.live-label{font-size:9px;letter-spacing:1.5px;color:var(--cyan)}#scene-rpm{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:30px;font-weight:700;margin-top:6px}#scene-rpm small{font:600 10px system-ui;color:var(--muted)}.scene-sub{color:#6b8995;font-size:8px;letter-spacing:1px}.orbit-hint{left:20px;bottom:17px;color:#8da4ac;font-size:9px;letter-spacing:1.1px}.orbit-hint span{color:var(--cyan);padding:0 5px}.scale-bar{right:20px;bottom:18px;width:210px}.scale-spectrum{height:5px;background:linear-gradient(90deg,#125762,#34b6be,#b9e568,#e8ad39,#fa3c42)}.scale-bar>div:last-child{display:flex;justify-content:space-between;margin-top:6px;color:#879ca7;font-size:8px;letter-spacing:.3px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #263b47}.kpi{padding:22px 15px;min-width:0;border-right:1px solid #263b47}.kpi:last-child{border-right:0}.kpi small{display:block;font-size:8px;letter-spacing:1.15px;color:#7c97a4;font-weight:750;white-space:nowrap}.kpi>div:nth-child(2){margin-top:11px}.kpi strong{font:700 clamp(21px,2.0vw,32px)/1 ui-monospace,Consolas,monospace;color:#e9f4f6}.kpi span{font-size:11px;color:#89acb6;margin-left:5px}.kpi-sub{font-size:9px;color:#66828f;margin-top:10px}.kpi .kpi-condition{font-size:13px;font-weight:800;letter-spacing:1px;color:var(--cyan);min-height:32px;padding-top:7px}.controls-card,.chart-card{padding:24px 21px;display:flex;flex-direction:column}.card-head h2{font-size:21px;letter-spacing:-.5px;margin:10px 0 4px;font-weight:700}.card-head p{font-size:11px;color:#7593a0;margin:0}.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:25px;margin-bottom:17px}.preset{border:1px solid #294555;background:#0a1c2a;color:#8fa8b2;font-weight:700;font-size:8px;letter-spacing:.4px;padding:11px 3px;white-space:nowrap}.preset.active{color:#06242b;background:var(--cyan);border-color:var(--cyan)}.preset:hover:not(.active){background:#213e49}.control-stack{flex:1}.control{padding:14px 0 17px;border-bottom:1px solid #253b47}.control-row{display:flex;justify-content:space-between;align-items:baseline;gap:7px}.control-row label{font-size:9px;letter-spacing:1.1px;font-weight:750;color:#c6d8dd}.control-row output{font:700 20px ui-monospace,Consolas,monospace;color:#f1f6f8;white-space:nowrap}.control-row output small,.heat-top small{font-size:10px;color:#7ba0ac;font-weight:600}.help{color:#607f8c;font-weight:400}.control input[type=range]{appearance:none;width:100%;height:4px;border:0;background:linear-gradient(90deg,var(--cyan) 0%,var(--cyan) var(--fill,40%),#284657 var(--fill,40%));margin:20px 0 5px;cursor:pointer}.control input[type=range]::-webkit-slider-thumb{appearance:none;height:13px;width:13px;background:#e0fcfb;border:3px solid var(--cyan);border-radius:50%;box-shadow:0 0 0 4px #36ddd01c}.control input[type=range]::-moz-range-thumb{height:9px;width:9px;background:#e0fcfb;border:3px solid var(--cyan);border-radius:50%}.limits,.heat-meta{display:flex;justify-content:space-between;color:#597481;font-size:9px}.thermal-readout{margin-top:23px;margin-bottom:25px}.heat-top{display:flex;justify-content:space-between;align-items:baseline;color:#c3d3d8;letter-spacing:1px;font-size:9px;font-weight:700}.heat-top>span:last-child{font:700 19px ui-monospace,Consolas,monospace;color:#f2f5f7;letter-spacing:0}.heat-bar{margin-top:14px;margin-bottom:9px;height:7px;background:#203543;overflow:hidden}.heat-bar>div{height:100%;width:0;background:linear-gradient(90deg,#37cbd0,#a6de72,#e8a049,#eb5658);transition:width .25s}.control-actions{display:flex;gap:8px;margin-top:auto}.primary-button{background:var(--cyan);color:#052b34;flex:1;border:1px solid var(--cyan);padding:16px 6px;font-size:10px;letter-spacing:1.2px;font-weight:850}.primary-button:hover{background:#82fff0}.secondary-button{background:#18303e;color:#a5c9d0;border:1px solid #355364;width:52px;font-size:26px}.secondary-button:hover{background:#2b4b5c}.chart-title{display:flex;justify-content:space-between;align-items:center}.chart-live{font-size:9px;letter-spacing:1px;color:#7b9caa}.chart-live i{width:5px;height:5px}.chart-heading{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-top:29px;margin-bottom:4px}.chart-heading b{font-size:9px;letter-spacing:1.1px;color:#cfe0e3}.chart-heading span{font-size:8px;color:#607e8b;text-align:right}.chart{display:block;width:100%;height:178px}.chart-divider{height:1px;background:#253c49;margin-top:9px}.telemetry-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #29404d;margin-top:10px;padding-top:22px}.telemetry-bottom small{display:block;color:#6d8a98;font-size:8px;letter-spacing:.8px;font-weight:750;margin-bottom:6px}.telemetry-bottom b{font:650 17px ui-monospace,Consolas,monospace}.export-row{display:flex;gap:4px;margin-top:auto;padding-top:27px}.export-row button{font-size:8px;letter-spacing:.2px;font-weight:750;color:#9dc0c9;background:#102b39;border:1px solid #345060;padding:11px 5px;flex:1;white-space:nowrap}.export-row button:hover{color:#09242e;background:var(--cyan)}.footer{display:flex;justify-content:space-between;gap:15px;align-items:center;min-height:70px;color:#5b7d89;font-size:9px;letter-spacing:.65px;font-weight:650}.footer-lit{color:var(--cyan)}
@media(max-width:1300px){.shell{padding:0 22px}.dashboard{grid-template-columns:minmax(0,1.4fr) minmax(290px,.9fr)}.chart-card{grid-column:1/-1;display:block}.chart-card .chart{height:165px}.telemetry-bottom{grid-template-columns:repeat(4,1fr)}.export-row{margin-top:0}.viewer{min-height:430px}.kpi small{white-space:normal}.intro-right{font-size:9px}}
@media(max-width:720px){.shell{padding:0 12px}.mast{height:70px}.brand b{font-size:9px;letter-spacing:1.4px}.brand small{font-size:7px}.brand-mark{width:27px;height:27px}.top-right{gap:6px}.status,.id-pill,.top-btn{font-size:8px}.status{display:none}.top-btn{padding:7px}.intro{padding:25px 0 20px}.intro h1{font-size:38px}.intro p{font-size:12px}.intro-right{display:none}.dashboard{grid-template-columns:1fr}.chart-card{grid-column:1}.viewer{min-height:380px}.viewer-left{top:15px;left:12px}.viewer-right{top:17px;right:12px}.kpi{padding:15px 10px}.kpi small{font-size:7px}.kpi strong{font-size:20px}.kpi .kpi-condition{font-size:10px}.scale-bar{right:12px;bottom:14px;width:140px}.orbit-hint{left:11px;bottom:12px;font-size:7px}.footer{font-size:8px;display:block;padding:20px 0;line-height:2}.presets{margin-top:18px}.controls-card,.chart-card{padding:21px}}