:root{color-scheme:dark;--ink:#cbd7e1;--muted:#8592a2;--accent:#f2af68;--divider:#29313b;--bg:#090f17}
*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--ink)}button,select,input{font:inherit}button,select{cursor:pointer}#app{display:grid;grid-template-columns:minmax(0,1fr) 397px}.viewer{position:relative;overflow:hidden;background:radial-gradient(circle at 56% 40%,#1d2a38 0%,#0e1722 43%,#080d15 100%)}.viewer canvas{position:absolute;inset:0;display:block;width:100%;height:100%;outline:0}.vignette{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,11,17,.87) 0%,rgba(7,11,17,.45) 31%,rgba(7,11,17,0) 65%),linear-gradient(0deg,#080c14 0%,transparent 19%,transparent 85%,rgba(7,11,17,.5) 100%)}.navtop{position:absolute;z-index:2;top:40px;left:55px;right:55px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.symbol{display:flex;align-items:center;gap:11px}.symbol strong{font:700 19px 'Space Grotesk',sans-serif;letter-spacing:.18em;color:#f3f5f9}.symbol small{display:block;font:8px 'Space Mono',monospace;letter-spacing:.14em;color:#8995a4;margin-top:3px}.hexagon{font-size:39px;line-height:1;color:#f0ad65}.issue{font:9px 'Space Mono',monospace;letter-spacing:.14em;color:#8c9aa8}.issue .line{display:inline-block;width:30px;height:1px;background:#5b6672;vertical-align:middle;margin:0 10px}.issue b{color:#f0ad65;font-weight:400}.hero{position:absolute;z-index:2;top:26%;left:56px;width:362px;pointer-events:none}.eyebrow{display:flex;align-items:center;gap:11px;color:#f7bd7f;font:9px 'Space Mono',monospace;letter-spacing:.15em}.signal,.led,.safety-dot{width:5px;height:5px;border-radius:100%;display:inline-block;background:#efb46e;box-shadow:0 0 12px rgba(249,171,81,.9)}.eyebrow-line{width:21px;height:1px;background:#9b7652}.hero h1{font:700 clamp(44px,4.2vw,69px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.055em;color:#edf1f5;margin:23px 0 18px}.hero h1 i{font-style:normal;color:#e7a45b}.hero p{font-size:12px;line-height:1.9;max-width:270px;color:#a3afbb}.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.hero-tags span{color:#aeb9c4;border:1px solid rgba(173,191,211,.26);background:rgba(13,22,33,.35);padding:10px 11px;font:8px 'Space Mono',monospace;letter-spacing:.04em}.view-bottom{z-index:2;position:absolute;bottom:38px;left:56px;right:47px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:9px 'Space Mono',monospace;letter-spacing:.1em;color:#91a0ad;pointer-events:none}.view-info{display:flex;align-items:center;gap:11px}.view-info .led{background:#7ac8a6;box-shadow:0 0 14px #5cdba666}.view-info .separator{color:#56606c}.mouse-tip{font-size:8px;color:#667787}.mouse-tip span{font-size:17px;vertical-align:middle;margin:0 5px;color:#edab67}.view-actions{position:absolute;z-index:3;right:38px;top:108px;display:flex;gap:8px}.view-actions button{width:39px;height:39px;border:1px solid #36414c;background:#141e29c7;color:#e4bf8b;font-size:21px;border-radius:4px}.view-actions button:hover{border-color:#cd9667}
.panel{background:#111821;position:relative;z-index:4;overflow-x:hidden;overflow-y:auto;border-left:1px solid #34404d;padding:30px 30px 27px;scrollbar-width:thin;scrollbar-color:#4e5660 transparent}.panel-top{display:flex;justify-content:space-between;font:9px 'Space Mono',monospace;letter-spacing:.12em;color:#798b9c}.panel-version{color:#b5c2cf}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:28px 0 27px;border-bottom:1px solid var(--divider)}.panel-title small{font:9px 'Space Mono',monospace;color:#e8a666;letter-spacing:.12em}.panel-title h2{margin:7px 0 0;color:#edf3f7;font:700 25px 'Space Grotesk',sans-serif;letter-spacing:-.04em}.module-glyph{height:50px;width:50px;border:1px solid #574837;background:radial-gradient(circle,#59422e28,#151c25);display:grid;place-items:center;color:#e6a663;font-size:34px}.data-heading{margin:25px 0 19px;display:flex;justify-content:space-between;gap:10px;align-items:center;font:9px 'Space Mono',monospace;letter-spacing:.08em;color:#d0dbe3}.data-heading span{white-space:nowrap}.data-heading span em{font-style:normal;color:#5a6470}.data-heading small{font:8px 'Space Mono',monospace;color:#c09264;white-space:nowrap}.data-heading.two,.data-heading.three{border-top:1px solid var(--divider);padding-top:25px;margin-top:27px}.input-label,.label-line label{font:9px 'Space Mono',monospace;letter-spacing:.05em;color:#8ea1b2}.input-label{display:block;margin-bottom:9px}.panel select{width:100%;background:#1a2530;border:1px solid #3b4653;color:#cedbe4;padding:12px 11px;border-radius:2px;font:11px 'DM Sans',sans-serif;outline:none;appearance:auto}.panel select:focus{border-color:var(--accent)}.sliders{margin-top:20px;display:flex;flex-direction:column;gap:20px}.label-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.label-line output{font:10px 'Space Mono',monospace;color:#f2bc7d;font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;height:3px;appearance:none;background:#34414d;outline:none;cursor:pointer;accent-color:#e3a565;margin:0 0 5px}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;background:#e7b074;border:2px solid #15202c;box-shadow:0 0 0 1px #c5915e;border-radius:50%}input[type=range]::-moz-range-thumb{width:9px;height:9px;background:#e7b074;border:2px solid #15202c;border-radius:50%}.readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px}.readouts>div{min-width:0}.readouts span{display:block;color:#8192a3;font:8px 'Space Mono',monospace;letter-spacing:.04em}.readouts b{font:600 16px 'Space Grotesk',sans-serif;letter-spacing:-.04em;color:#e0ebf3;display:block;margin-top:6px;font-variant-numeric:tabular-nums}.readouts b small{color:#9babb8;font-size:10px;font-weight:400}.manual-controls{display:none;grid-template-columns:1fr 1fr;gap:13px 14px;margin-top:22px;border-top:1px solid var(--divider);padding-top:18px}.manual-controls.visible{display:grid}.manual-controls .label-line{margin-bottom:8px}.manual-controls .label-line label{font-size:8px}.manual-controls .label-line output{font-size:9px}.actuator-readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.actuator-readouts .act{background:#19232e;border:1px solid #303d49;padding:11px 10px 10px}.act-label{font:9px 'Space Mono',monospace;color:#8294a5}.act-value{font:600 15px 'Space Grotesk',sans-serif;color:#e0eaf0;margin-top:7px}.act-bar{margin-top:9px;background:#303b47;width:100%;height:2px}.act-fill{background:linear-gradient(90deg,#866345,#f3b372);height:100%;width:50%;transition:width .06s}.safety{display:flex;align-items:center;gap:12px;background:#182b27;border:1px solid #28473b;padding:13px 11px;margin-top:16px}.safety-dot{background:#7bd3ad;box-shadow:0 0 10px #53cda1}.safety strong{display:block;font:700 9px 'Space Mono',monospace;letter-spacing:.07em;color:#9bdbbb}.safety small{display:block;font:9px 'DM Sans',sans-serif;color:#8da99b;margin-top:3px}.safety.danger{background:#372820;border-color:#6a412e}.safety.danger .safety-dot{background:#ed955a}.safety.danger strong{color:#f5b18a}.transport{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:7px;margin-top:18px}.transport button{border:1px solid #394653;background:#1b2631;color:#aebbc8;padding:13px 6px;border-radius:2px;font:10px 'Space Mono',monospace;white-space:nowrap}.transport button:hover{border-color:#d7a36d;color:#fff}.transport button.primary{color:#1e1c1b;background:#e4a768;border-color:#e4a768;font-weight:700}.transport button.primary:hover{background:#f5bf83}.panel-footer{border-top:1px solid var(--divider);padding-top:21px;margin-top:26px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.panel-footer>div:first-child{flex:1;max-width:165px}.panel-footer span{font:8px 'Space Mono',monospace;letter-spacing:.08em;color:#8799a8}.panel-footer select{font-size:10px;margin-top:8px;padding:8px}.stats{display:flex;flex-direction:column;align-items:flex-end;gap:9px;font:9px 'Space Mono',monospace;color:#acbbc8}.stats span{font:10px 'Space Mono',monospace}
@media(max-width:1080px){#app{grid-template-columns:minmax(0,1fr) 350px}.panel{padding:25px 23px}.hero{left:30px;top:24%;width:295px}.hero h1{font-size:50px}.navtop{left:30px;right:30px}.view-bottom{left:30px;right:30px}.issue{display:none}}
@media(max-width:720px){html,body,#app{height:auto;min-height:100%;overflow:auto}#app{display:block}.viewer{height:71vh;min-height:530px}.panel{border-left:0;border-top:1px solid #34404d;overflow:visible}.hero{top:23%;left:22px;width:260px}.hero h1{font-size:47px}.navtop{left:22px;right:22px;top:25px}.hero p{max-width:216px}.hero-tags span{padding:7px;font-size:7px}.symbol strong{font-size:15px}.view-bottom{left:22px;right:18px;bottom:20px}.mouse-tip{display:none}.view-actions{right:16px;top:76px}}
