:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#e6eef1;background:#081115;font-synthesis:none;font-size:13px}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer;transition:.15s ease;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #e9834b;outline-offset:3px}.app{width:100vw;height:100dvh;min-height:620px;display:grid;grid-template-columns:310px minmax(0,1fr) 276px;grid-template-rows:64px minmax(0,1fr) 34px;background:#0e181c}.topbar{grid-column:1/4;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid #263238;background:#0b1519;gap:24px;z-index:5}.brand{text-decoration:none;color:#f6fbfc;display:flex;align-items:center;gap:10px;white-space:nowrap}.brandmark{height:35px;width:37px;border:2px solid #f3793d;display:grid;place-items:center;font-size:21px;font-weight:900;letter-spacing:-4px;color:white;transform:skew(-7deg)}.brandmark span{color:#ee7d3c}.brandtext b{display:block;font-size:13px;font-weight:900;letter-spacing:2px}.brandtext b span{color:#f17f49}.brandtext small{font-size:7px;letter-spacing:1.28px;color:#879a9e;display:block;margin-top:4px}.vline{height:25px;width:1px;background:#36474b}.crumb{color:#7b8a8d;font-size:10px;font-weight:700;letter-spacing:1.1px;white-space:nowrap}.crumb span{margin:0 9px;color:#4d686c}.crumb strong{color:#d6e7e9}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px;white-space:nowrap}.pulse-dot,.live-dot,.status-dot{width:7px;height:7px;background:#72d8b4;border-radius:50%;box-shadow:0 0 12px #72d8b49c}.running-label{color:#85d4b2;font-size:10px;font-weight:800;letter-spacing:1px}.top-sep{width:1px;height:17px;background:#29383c}.chip{background:#1c292e;border:1px solid #38494d;border-radius:3px;font-size:10px;padding:8px 9px;font-weight:800}.chip:hover,.btn-outline:hover,.view:hover,.view-utilities button:hover{border-color:#f3814e;color:#f9a472}.revision{font-size:9px;color:#6b7a7e;letter-spacing:.4px}.sidebar{background:#101a1f;border-right:1px solid #27363b;display:flex;flex-direction:column;min-height:0}.side-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#3a4c51 transparent;padding:28px 23px 12px;flex:1}.eyebrow,.telemetry-heading{display:flex;align-items:center;gap:9px;font-size:9px;color:#9aaeb1;font-weight:900;letter-spacing:1.45px}.dash{width:15px;height:2px;background:#ee8855;display:inline-block}.serial{margin-left:auto;color:#eb874f;font-size:9px}.machine-title{font-family:Impact,"Arial Narrow","Segoe UI",sans-serif;font-size:51px;letter-spacing:1px;line-height:.90;margin-top:22px;font-weight:900;color:#edf2ee}.machine-title span,.machine-title strong{display:block}.machine-title strong{font-weight:900}.machine-title .accent{display:inline;color:#ed7d40}.machine-sub{font-size:9px;font-weight:800;color:#8c9da1;letter-spacing:1.07px;line-height:1.5;margin:13px 0 17px}.profile-tag{display:flex;align-items:center;gap:8px;color:#92cfb2;background:#19312f;padding:9px 10px;font-size:9px;font-weight:850;letter-spacing:1px}.profile-tag>span:last-child{margin-left:auto;color:#7fa499}.divider-line,.sep{height:1px;background:#28383d;margin:23px 0 18px}.section-head{display:flex;align-items:center;font-size:9px;font-weight:900;letter-spacing:1.05px;color:#c0d0d2;gap:10px;margin-bottom:19px}.section-head>span:first-child{color:#ff8852}.section-head .mini-label{margin-left:auto;color:#57716f;font-size:8px}.second{margin-top:27px}.control-block{margin-bottom:20px}.slider-line{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;gap:5px}.slider-line label{font-size:11px;color:#c6d0d2}.slider-line output{color:#ff925a;font-size:11px;font-weight:900;font-variant-numeric:tabular-nums}.control-block input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:4px;border-radius:5px;background:linear-gradient(90deg,#ed8553 var(--filled,50%),#304248 var(--filled,50%));cursor:pointer;outline:none}.control-block input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:2px;transform:rotate(45deg);background:#fc9b65;border:2px solid #0f1a1f;box-shadow:0 0 0 1px #d67b4a}.control-block input[type=range]::-moz-range-thumb{width:9px;height:9px;border:2px solid #0f1a1f;background:#fc9b65;transform:rotate(45deg);border-radius:2px}.range-ends{display:flex;justify-content:space-between;color:#587074;font-size:8px;margin-top:9px;font-weight:800;letter-spacing:.4px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #1e2c31}.toggle-row b{font-size:11px;font-weight:600;display:block}.toggle-row small{font-size:9px;color:#657b80;margin-top:4px;display:block}.switch{position:relative;width:33px;height:18px;flex:none}.switch input{opacity:0;position:absolute}.switch span{display:block;height:18px;width:33px;background:#38474b;border-radius:20px;transition:.2s}.switch span:after{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;background:#9cafb2;border-radius:50%;transition:.2s}.switch input:checked+span{background:#bd6a3e}.switch input:checked+span:after{transform:translateX(15px);background:#fff1d9}.side-actions{display:flex;gap:9px;padding:15px 22px;border-top:1px solid #29383e;background:#0e181d}.btn-primary{background:#e98045;color:#101516;border:0;padding:12px 13px;font-weight:900;letter-spacing:.7px;font-size:10px;flex:1;display:flex;justify-content:center;align-items:center;gap:11px}.btn-primary:hover{background:#ffad77}.btn-outline{background:#202e33;border:1px solid #3a4a50;width:44px;font-size:22px}.viewer{display:flex;flex-direction:column;min-width:0;min-height:0;background:#162125}.viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 40%,#293d40,#121f24 65%,#101b21)}.viewport canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.viewport canvas:active{cursor:grabbing}.scene-hint{position:absolute;left:28px;top:27px;pointer-events:none}.hint-strong{font-size:10px;font-weight:900;color:#eaf4f1;letter-spacing:1.25px}.hint-square{display:inline-block;background:#ed8750;width:7px;height:7px;margin-right:7px}.hint-sub{color:#8ba5a7;font-size:9px;letter-spacing:1px;margin-top:8px}.hover-help{position:absolute;left:26px;bottom:23px;font-size:9px;color:#b2c2c1;letter-spacing:.5px;background:#122126ab;padding:8px 12px;pointer-events:none}.hover-help span{color:#ed8651}.focus-indicator{position:absolute;right:20px;bottom:23px;padding:8px 10px;font-size:9px;letter-spacing:.8px;color:#c9d8d6;background:#172528c2;pointer-events:none}.dot-badge{display:inline-block;width:6px;height:6px;border:1px solid #ed8551;transform:rotate(45deg);margin-right:6px}.compass{position:absolute;top:28px;right:24px;text-align:center;pointer-events:none}.compass-ring{width:42px;height:42px;border:1px dashed #819b9d88;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#dce8e5;position:relative}.compass-needle{position:absolute;bottom:8px;width:2px;height:19px;background:#f18951;transform:rotate(28deg);transform-origin:bottom}.compass small{font-size:7px;letter-spacing:1px;color:#93a8a9;display:block;margin-top:7px}.part-label{position:absolute;display:none;align-items:center;gap:6px;padding:6px 10px;border:1px solid #b6c3bf55;border-left:2px solid #f68e54;background:#162327c7;white-space:nowrap;font-size:8px;letter-spacing:1px;pointer-events:none;transform:translate(-50%,-50%)}.part-label span{color:#ffae78;font-weight:900}.part-label b{font-weight:750}.part-label i{position:absolute;height:14px;width:1px;background:#f68e5480;bottom:-15px;left:50%}.viewer-bottom{height:76px;flex:none;background:#111d22;border-top:1px solid #2b3b40;padding:0 22px;display:flex;align-items:center;gap:15px}.view-title{display:flex;flex-direction:column;gap:4px;flex:none;padding-right:15px;border-right:1px solid #2b3b40}.view-title span:first-child{font-size:8px;color:#f08a52;letter-spacing:1px;font-weight:850}.view-title span:last-child{font-size:12px;font-weight:700;color:#d9e4e5}.view-buttons{display:flex;gap:5px;flex:1;overflow-x:auto;scrollbar-width:none}.view{background:#18282d;border:1px solid transparent;font-size:9px;color:#7e9799;padding:13px 10px;white-space:nowrap;letter-spacing:.4px}.view b{font-size:9px;color:#b7c6c5}.view.active{border:1px solid #ed8249;color:#fca776;background:#2d302c}.view.active b{color:#fbe3cc}.view-utilities{display:flex;gap:6px}.view-utilities button{background:#18272b;border:1px solid #37494d;padding:12px 11px;color:#c2d0ce;font-size:9px;white-space:nowrap}.telemetry{background:#101a1f;border-left:1px solid #27363b;padding:29px 20px 20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#34494c transparent;min-height:0}.telemetry-heading{letter-spacing:.7px;font-size:9px;gap:7px}.green-status{margin-left:auto;letter-spacing:0;font-size:9px;color:#82cda9}.big-stat{padding-top:29px}.big-stat>span:first-child,.stat-grid span,.right-title,.clock small{font-size:9px;color:#859a9c;font-weight:850;letter-spacing:1.1px}.big-stat strong{font:700 45px/1.2 "Arial Narrow",Inter,sans-serif;letter-spacing:-1.4px;display:block;margin-top:10px;color:#edf7ef}.big-stat strong small{font-size:13px;color:#82a79a;margin-left:5px;letter-spacing:0}.sparkline{height:58px;margin-top:7px}.sparkline svg{width:100%;height:100%}.stat-note{display:flex;align-items:center;gap:10px;color:#607b7e;font-size:9px;letter-spacing:.8px}.stat-note span{font-size:9px;color:#8dd7b4;font-weight:800}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}.stat-grid>div{border:1px solid #334349;padding:13px 11px;background:#162429;min-width:0}.stat-grid strong{font-size:23px;line-height:1.6;display:block;white-space:nowrap}.stat-grid strong small{font-size:11px;color:#91a3a4}.stat-grid em{font-size:8px;color:#648085;letter-spacing:.7px;font-style:normal}.telemetry .sep{margin:24px 0 19px}.right-title{display:flex;justify-content:space-between;color:#dce5e4;margin-bottom:19px}.right-title span{font-size:8px;color:#6e8587}.health-row{margin:18px 0}.health-row>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#abbcbe;margin-bottom:10px}.health-row b{font-size:9px;color:#87d5ad}.progress{background:#2a3c42;height:4px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#387f75,#7acba2);transition:width .2s}.spec{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #243337;gap:5px;color:#879a9e;font-size:10px}.spec b{color:#d3dddb;white-space:nowrap;font-size:10px}.clock span{font-family:Consolas,monospace;font-size:30px;font-weight:700;color:#e9f4ef;display:block;letter-spacing:1px}.clock small{display:block;margin-top:8px;font-size:8px}.telemetry-footer{margin-top:30px;padding-top:16px;border-top:1px solid #294039;display:flex;align-items:center;gap:9px}.telemetry-footer b{display:block;color:#a0d1bf;font-size:9px;letter-spacing:.5px}.telemetry-footer small{display:block;color:#698584;font-size:8px;margin-top:5px;letter-spacing:.3px}.footer{grid-column:1/4;border-top:1px solid #2b3b3e;background:#091418;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:12px;font-size:8px;font-weight:750;letter-spacing:.6px;color:#749095}.footer span span{color:#eb8e57}.footer i{font-style:normal;color:#e58a56;margin:0 7px}.footer b{color:#d0dcd9;font-weight:750}.toast{position:fixed;bottom:50px;left:50%;transform:translateX(-50%) translateY(15px);background:#203237;padding:11px 16px;border:1px solid #cf855d;color:#f3e8df;opacity:0;pointer-events:none;transition:.2s;font-size:11px;z-index:10}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}dialog{border:1px solid #41555b;background:#142329;color:#e0edec;width:min(520px,92vw);padding:24px;box-shadow:0 16px 80px #0009}dialog::backdrop{background:#000a}.dialog-head{display:flex;align-items:center;justify-content:space-between;color:#fc965d;font-weight:900;font-size:11px;letter-spacing:1px}.dialog-head button{background:none;border:0;font-size:17px}dialog h2{font:800 27px Inter,"Segoe UI",sans-serif}dialog p{line-height:1.7;color:#acbec0}.close-guide{border:0;background:#ea8954;color:#152329;font-weight:850;padding:11px 15px;font-size:10px;letter-spacing:1px}
@media (max-width:1280px){.app{grid-template-columns:275px minmax(0,1fr) 245px}.side-scroll{padding:23px 18px}.viewer-bottom{padding:0 13px}.view-title{display:none}.view{padding:12px 7px}.view-utilities button span{display:none}.machine-title{font-size:45px}.telemetry{padding:23px 14px}.topbar{gap:14px}.revision{display:none}}
@media (max-width:990px){.app{grid-template-columns:255px minmax(0,1fr);grid-template-rows:55px minmax(0,1fr) 30px}.topbar,.footer{grid-column:1/3}.telemetry{display:none}.view b{display:none}.crumb{display:none}.viewer-bottom{height:66px}.viewer .view{font-size:10px}.machine-title{font-size:41px}.topbar{padding:0 14px}}
@media (max-width:660px){html,body{overflow:auto}.app{display:flex;flex-direction:column;height:auto;min-height:100dvh}.topbar{height:56px;min-height:56px}.brandtext small,.top-sep,.topbar-right .running-label{display:none}.sidebar{order:2;max-height:none}.side-scroll{overflow:visible;padding:20px}.machine-title{font-size:34px}.profile-tag{max-width:370px}.viewer{order:1;height:min(76vh,610px);min-height:340px}.viewport{min-height:290px}.viewer-bottom{min-height:62px}.footer{order:3;height:35px;min-height:35px}.footer span:nth-child(2),.footer span:nth-child(3){display:none}.scene-hint{left:14px;top:15px}.hint-sub{font-size:8px}.hover-help{font-size:7px;left:9px;bottom:10px}.focus-indicator,.part-label{display:none!important}.side-actions{position:sticky;bottom:0}.chip{padding:7px}.view{padding:10px 7px}.view-utilities{margin-left:0}}