:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#233731;background:#f2f3ef;font-synthesis:none;--muted:#829089;--line:#e5e9e3;--green:#183d32;--mint:#d8eccd}*{box-sizing:border-box}body{margin:0}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #87b69d;outline-offset:3px}button{transition:background .16s,color .16s,transform .16s}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit;text-decoration:none}.topbar{height:78px;padding:0 4%;display:flex;align-items:center;border-bottom:1px solid #dde2da;background:#f7f8f4;gap:64px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:750;letter-spacing:-.7px}.brand svg{width:33px;height:33px}.brand-light{color:#95a094;font-weight:400}.topbar nav{display:flex;gap:30px;height:100%;align-items:center;font-size:12px}.nav-active{display:flex;height:100%;align-items:center;border-bottom:2px solid #233d30;font-weight:650}.nav-note{color:#899286}.model-tag{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:#6e7c73}.model-tag strong{color:#243b30}.spark{font-size:26px;margin-right:4px;color:#4f7960}.tag{font-size:8px;border:1px solid #ced8cb;border-radius:4px;padding:3px;margin-left:4px;letter-spacing:1px}main{max-width:1680px;margin:auto;padding:38px 4% 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.65px;color:#788679}h1{font-size:32px;font-weight:550;letter-spacing:-1.2px;margin:11px 0 9px;line-height:1.2}h1 span{color:#8c968b;font-weight:400}.page-heading p{font-size:13px;color:#7d887d;margin:0}.connection{display:flex;align-items:center;gap:7px;font-size:10px;color:#778575;margin-top:18px}.dot{width:6px;height:6px;display:inline-block;background:#659d79;border-radius:50%;box-shadow:0 0 0 3px #659d7913}.dot.amber{background:#d3a351}.dot.red{background:#c77364}.dot.running{animation:pulse 1.5s infinite}.local-badge{font-size:8px;letter-spacing:.7px;border:1px solid #d7ddd3;padding:4px 5px;border-radius:3px;margin-left:5px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.panel{border:1px solid #dce3d8;border-radius:13px;background:#fbfcf9;overflow:hidden}.simulation{height:568px;position:relative;background:#e8eee7}.sim-top{position:absolute;left:24px;right:24px;top:22px;display:flex;align-items:center;justify-content:space-between;z-index:2;pointer-events:none}.live-label{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:650;letter-spacing:1.2px}.sim-version{font-size:8px;letter-spacing:1px;color:#8a9888}.sim-version span{margin:0 7px}#viewport{position:absolute;inset:0}#viewport canvas{width:100%;height:100%;display:block;touch-action:none}#webgl-error{padding:90px 30px;color:#9c4f43}.scene-legend{position:absolute;left:24px;top:50px;display:flex;gap:14px;pointer-events:none}.scene-legend span{font-size:9px;color:#7f8e7d;display:flex;gap:5px;align-items:center}.scene-legend i{display:block;width:6px;height:6px;border-radius:2px;background:var(--swatch)}.scene-legend .defect{background:transparent;border:1px solid #d47965;transform:rotate(45deg)}.camera-tools{position:absolute;right:17px;top:83px;display:flex;flex-direction:column;gap:7px}.icon-button{border:1px solid #d1dccf;background:#f7f9f3c9;border-radius:7px;width:31px;height:31px;font-size:21px;color:#687c66}.icon-button.active{background:#dce8d8;color:#3e6342}.stage-overlay{position:absolute;bottom:67px;left:24px;right:24px;display:flex;gap:12px;align-items:center;background:#ffffffd9;backdrop-filter:blur(14px);border:1px solid #ffffffc9;box-shadow:0 5px 20px #2c4a3510;border-radius:9px;padding:13px 16px}.stage-icon{width:31px;height:31px;border-radius:50%;background:#e5efde;display:grid;place-items:center;color:#4d6e44;font-size:18px}.small-label{font-size:8px;letter-spacing:1.2px;color:#8a9685;font-weight:650}#current-action{font-size:12px;font-weight:550;margin-top:4px}#stage-count{margin-left:auto;font-family:monospace;font-size:11px;color:#8b9685}.sim-bottom{position:absolute;bottom:0;left:0;right:0;height:48px;border-top:1px solid #d5dfd0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#869580;font-size:9px;background:#edf2e9b3}.mouse-icon{font-size:12px;margin-right:5px}.separator{margin:0 8px;color:#b0bbab}.speed-control{display:flex;align-items:center;gap:10px}.speed-control label{color:#75866d}.speed-control input{width:60px;height:3px;accent-color:#638256}.speed-control output{font-family:monospace;min-width:22px;color:#4e6b48}.mission{padding:23px 23px 15px}.section-title{display:flex;align-items:center;justify-content:space-between;min-height:17px}.small-badge{font:8px monospace;letter-spacing:1px;color:#96a08f;border:1px solid #e0e6da;border-radius:4px;padding:3px 5px}h2{font-size:20px;letter-spacing:-.5px;font-weight:550;margin:18px 0 7px}.muted{font-size:11px;line-height:1.55;color:#8a9386;margin:0}.recipes{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0 13px}.recipe{font-size:10px;border:1px solid #e1e7da;background:transparent;border-radius:5px;padding:7px 9px;color:#7f8c75}.recipe.active{background:#e9f1e1;color:#4f6e3e;border-color:#cfddc1}.recipe:hover{background:#edf2e8}textarea{resize:vertical;min-height:85px;max-height:160px;width:100%;border:1px solid #dce4d5;border-radius:7px 7px 0 0;background:#f5f7f1;padding:12px;font:11px/1.65 inherit;color:#4e6044;font-family:inherit;font-size:11px;line-height:1.65;display:block;outline:none}.mission-input-footer{font-size:8px;color:#a0aa94;border:1px solid #dce4d5;border-top:0;background:#f5f7f1;border-radius:0 0 7px 7px;display:flex;justify-content:space-between;padding:0 12px 9px}.primary{margin-top:14px;width:100%;height:40px;border:0;border-radius:6px;background:#213e2c;color:#e9f4dd;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:11px;font-weight:550}.primary:hover:not(:disabled){background:#35553d}.primary span:last-child{font-size:17px}.secondary-controls{display:flex;justify-content:space-between;gap:6px;margin-top:9px}.secondary-controls button{background:transparent;border:0;font-size:9px;color:#8b9680;padding:6px 1px}#stop{color:#b37969}.mission-progress{margin-top:20px}.mission-progress>div:first-child{display:flex;justify-content:space-between;align-items:center}.mission-progress strong{font-size:20px;font-weight:450;letter-spacing:-1px}.out-of{font-size:13px;color:#a6ae9e;font-weight:400}.progress-track{height:4px;background:#e9eee1;border-radius:2px;margin-top:10px;overflow:hidden}#progress-fill{height:100%;width:0;background:#78a15b;transition:width .5s}.mission-progress p{font-size:9px;color:#9ca58f;margin:8px 0 0}.divider{height:1px;background:#e6ebdf;margin:19px 0 16px}.compact{font-size:9px;margin-top:5px}.tray-toggles{display:flex;gap:5px;margin-top:10px}.tray-toggle{font-size:9px;flex:1;padding:7px 2px;border:1px solid #dde4d7;background:transparent;border-radius:5px;color:#76816d}.tray-toggle i{display:inline-block;width:5px;height:5px;background:var(--swatch);border-radius:50%;margin-right:3px}.tray-toggle.blocked{background:#fae8e0;border-color:#e8baa9;color:#a6614d;text-decoration:line-through}.boundary{display:flex;gap:8px;margin-top:14px;color:#a4ad9b}.boundary>span{font-size:14px;margin-top:2px}.boundary p{font-size:8px;line-height:1.5;margin:0}.notice{margin-top:10px;font-size:10px;line-height:1.5;background:#f7e9de;border-radius:6px;padding:9px;color:#986444}.telemetry-grid{display:grid;grid-template-columns:1.05fr 1.12fr .83fr;gap:20px;margin-top:20px}.telemetry-grid>.panel{min-height:226px;padding:20px 22px}.tiny-pill{font-size:7px;letter-spacing:.7px;background:#eef2e8;color:#88967a;border-radius:3px;padding:4px 6px;white-space:nowrap}.decision-head{display:flex;align-items:center;justify-content:space-between}.decision-head h2{font-size:16px;margin:18px 0 14px}.decision-head>span{font:25px/1 monospace;color:#58764b;text-align:right;letter-spacing:-1px}.decision-head small{font:8px/1.8 sans-serif;letter-spacing:0;display:block;color:#9da88f}.probabilities{min-height:85px}.prob-row{display:grid;grid-template-columns:95px 1fr 35px;align-items:center;gap:7px;font-size:9px;margin:9px 0;color:#839176}.prob-track{height:5px;background:#ecf0e6;border-radius:3px;overflow:hidden}.prob-track i{display:block;height:100%;background:#bfd0ac;border-radius:3px}.prob-row:first-child .prob-track i{background:#6c8c55}.prob-row b{font:9px monospace;text-align:right}.empty-prob{position:relative;padding-top:3px}.empty-prob>span{display:block;height:5px;width:100%;margin-bottom:10px;border-radius:3px;background:#edf1e7}.empty-prob>span:nth-child(2){width:74%}.empty-prob>span:nth-child(3){width:48%}.empty-prob p{font-size:9px;color:#a3ac98;margin-top:16px}.decision-footer{border-top:1px solid #e7ecdf;padding-top:10px;display:flex;justify-content:space-between;font-size:8px;color:#9eaa90}.decision-footer strong{font-weight:450;color:#768869;margin-left:4px}.text-button{border:0;background:transparent;font-size:9px;padding:0;color:#81966e}#activity{height:166px;overflow:auto;margin-top:12px;scrollbar-width:thin;scrollbar-color:#dce4d2 transparent}.activity-item{display:flex;gap:10px;position:relative;min-height:48px;padding:8px 0}.activity-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#afc496;margin-top:4px;position:relative}.activity-item:not(:last-child) .activity-dot:after{content:"";position:absolute;width:1px;height:35px;top:9px;left:2px;background:#e1e8d8}.activity-item strong{font-size:10px;font-weight:550;display:block;color:#5a6e4c}.activity-item p{font-size:9px;color:#9aa88a;margin:5px 0 0;line-height:1.45}.activity-item time{margin-left:auto;flex-shrink:0;font:8px monospace;color:#b0baa2;padding-top:2px}.activity-item.error .activity-dot{background:#d0846d}.joints{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px;margin-top:24px}.joint{font:15px monospace;color:#687d58;position:relative}.joint span{display:block;font:8px sans-serif;color:#a3ae93;margin-bottom:5px}.joint i{display:block;background:#e6eddc;height:3px;border-radius:2px;margin-top:6px;overflow:hidden}.joint b{display:block;height:100%;width:50%;background:#b1c397;font-weight:400}.coordinates{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;border-top:1px solid #e7ecdf;margin-top:21px;padding-top:10px;font:8px monospace;color:#9caa8a}.coordinates strong{font-weight:400;color:#81956c}footer{display:flex;justify-content:space-between;align-items:center;padding:23px 0 25px;font-size:9px;color:#99a28f}.footer-mark{font-size:18px;vertical-align:middle;margin-right:5px;color:#6f8660}.footer-sep{padding:0 9px;color:#b6bdaa}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pulse{50%{box-shadow:0 0 0 5px #659d791f}}@media(min-width:1500px){.simulation{height:610px}.workspace{grid-template-columns:minmax(0,1fr) 370px}.mission{padding:26px}.mission-progress{margin-top:30px}.divider{margin:24px 0 20px}.boundary{margin-top:22px}}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 305px}.mission{padding:20px 17px}.nav-note{display:none}.simulation{height:575px}.sim-version{display:none}.telemetry-grid{gap:12px;grid-template-columns:1fr 1fr}.joint-panel{grid-column:span 2}.joints{grid-template-columns:repeat(7,1fr)}h1{font-size:27px}.connection{max-width:180px;flex-wrap:wrap}.sim-bottom{padding:0 14px;font-size:8px}.telemetry-grid>.panel{min-height:195px}}@media(max-width:760px){.topbar{height:62px;padding:0 5%;gap:20px}.topbar nav{display:none}.brand{font-size:19px}.model-tag{font-size:10px}.page-heading{display:block;margin-bottom:20px}.connection{max-width:none;margin-top:17px}main{padding:27px 5% 0}h1{font-size:27px;line-height:1.35}h1 span{display:block}.page-heading p{font-size:11px}.workspace{display:flex;flex-direction:column;gap:14px}.simulation{height:460px}.mission{padding:23px}.recipes{flex-wrap:nowrap}.recipe{flex:1;font-size:9px;padding:8px 4px}.boundary p{font-size:9px}.telemetry-grid{grid-template-columns:1fr;margin-top:14px;gap:14px}.joint-panel{grid-column:auto}.joints{grid-template-columns:repeat(4,1fr)}.sim-top{left:17px;right:17px}.scene-legend{left:17px;gap:10px}.stage-overlay{left:14px;right:14px}.sim-bottom{font-size:8px}.sim-bottom>span{max-width:160px}.separator{margin:0 4px}footer{font-size:8px;gap:15px;align-items:flex-start}.tag{display:none}.telemetry-grid>.panel{min-height:220px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
