@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#e8eff5;background:#09131e;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}header{height:76px;border-bottom:1px solid #25374a;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1480px)/2));background:#0b1723}.brand{display:flex;align-items:center;gap:13px;font:700 19px Space Grotesk,sans-serif;letter-spacing:2px}.brand small{display:block;font:700 9px DM Sans,sans-serif;letter-spacing:3px;color:#6e92a7;margin-top:2px}.mark{display:grid;place-items:center;background:#19c8bd;color:#06131c;width:39px;height:39px;border-radius:11px;letter-spacing:-4px;font-size:23px}.mark span{font-size:12px;position:relative;top:-9px;left:-3px}.pill{font-size:12px;color:#7fe1d8;border:1px solid #285f63;border-radius:99px;padding:9px 14px;background:#143337}main{max-width:1480px;margin:auto;padding:48px 28px 56px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.eyebrow{letter-spacing:2.2px;font-size:10px;font-weight:800;color:#2ad4c5}.intro h1{font:700 clamp(32px,4vw,58px)/1.05 "Space Grotesk",sans-serif;letter-spacing:-2.6px;margin:13px 0}.intro em{font-style:normal;color:#32d4c4}.intro p{margin:0;color:#9db3c3;line-height:1.6;max-width:650px}.step-tags{display:flex;gap:7px;white-space:nowrap}.step-tags span{font-size:12px;border:1px solid #2a3b4c;padding:9px 11px;border-radius:7px;color:#a9bbc8}.step-tags b{color:#32c9bc;margin-right:5px}.workspace{display:grid;grid-template-columns:380px minmax(0,1fr);gap:16px;align-items:start}.controls,.viewport{border:1px solid #2a3c4e;border-radius:14px;background:#111e2b;overflow:hidden}.controls{padding:25px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.panel-heading h2{font:700 21px Space Grotesk;margin:5px 0 0}.version{font-size:10px;color:#97aeba;background:#263748;padding:6px 8px;border-radius:5px}.upload{display:flex;min-height:124px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed #467184;border-radius:10px;background:#142c3a;text-align:center;cursor:pointer;padding:12px}.upload.drag,.upload:hover{border-color:#2ed6c7;background:#183b47}.upload input{display:none}.upload-icon{font-size:31px;color:#34d4c5;line-height:1}.upload strong{font-size:13px}.upload small{font-size:11px;color:#93abbc}.model-meta{color:#91a9b7;font-size:12px;line-height:1.5;margin:12px 0 9px}.secondary{color:#38d9cb;background:transparent;border:0;padding:4px 0;font-weight:700;font-size:12px}.secondary:hover{text-decoration:underline}.divider{height:1px;background:#2b3a4a;margin:23px 0}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:17px}.section-title h3{font:700 15px Space Grotesk;margin:0}.number{display:grid;place-items:center;width:24px;height:24px;background:#194c50;color:#5be4d8;border-radius:5px;font-size:10px;font-weight:800}.field{margin:0 0 17px}.field label{display:flex;justify-content:space-between;margin-bottom:9px;color:#c9d9e2;font-size:12px;font-weight:700}.field output{color:#53d8c9;font-weight:700}.field small,.hint{color:#7693a6;font-size:11px}.segments{display:flex;gap:6px}.segments button{flex:1;background:#1b2d3c;color:#8aa8b7;border:1px solid #304758;border-radius:6px;padding:9px}.segments button.selected{background:#1a5558;color:#5ff0e0;border-color:#2dcabb}.field input[type=range]{width:100%;accent-color:#26c9bd;margin:4px 0 7px}.joint-cards{display:grid;gap:7px}.joint-cards label{cursor:pointer}.joint-cards input{position:absolute;opacity:0}.joint-cards label span{display:flex;flex-direction:column;gap:3px;background:#182a39;border:1px solid #304354;border-radius:8px;padding:10px 13px}.joint-cards label:has(input:checked) span{border-color:#2bd1c5;background:#174345}.joint-cards strong{font-size:12px}.joint-cards small{color:#86a1b2;font-size:11px}.joint-cards input:focus-visible+span{outline:2px solid #fff}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.row .field{margin:0}.field input[type=number],select{width:100%;color:#e8eff5;background:#182b39;border:1px solid #33495a;border-radius:6px;padding:9px 10px;min-width:0}.hint{display:block;line-height:1.5;margin-top:13px}.primary{margin-top:25px;background:#2bd6c5;border:0;color:#08232b;width:100%;border-radius:8px;padding:13px 15px;font-weight:800}.primary:hover:not(:disabled){background:#62f2e4}.primary:disabled{opacity:.45;cursor:not-allowed}.primary span{margin-right:7px}.status{font-size:12px;color:#9fb5c2;line-height:1.45;margin-top:12px}.status.error{color:#ffaaa0}.downloads{background:#143737;border:1px solid #277d71;border-radius:9px;padding:15px;margin-top:16px}.downloads h3{margin:0;font-size:15px}.downloads p{font-size:12px;color:#b2c7c6;margin:7px 0 13px}.download-row{display:flex;gap:8px}.download-row button{flex:1;color:#b5fff2;border:1px solid #3cb6a5;background:#19544f;border-radius:6px;padding:8px 3px;font-size:11px;font-weight:700}.viewport{position:relative;min-height:720px}.viewport-top,.viewport-bottom{height:50px;display:flex;align-items:center;gap:9px;color:#a7bbca;padding:0 21px;font-size:11px;letter-spacing:1px;font-weight:700}.viewport-top{border-bottom:1px solid #24384a}.live-dot{width:7px;height:7px;border-radius:50%;background:#3de0cb;box-shadow:0 0 12px #39d9ca}.view-controls{margin-left:auto;font-weight:400;letter-spacing:0}.viewport-bottom{border-top:1px solid #24384a;justify-content:space-between;letter-spacing:0;font-weight:400}.axis-legend{white-space:nowrap}.axis-legend i{display:inline-block;width:5px;height:5px;margin-left:8px;border-radius:50%}.ax-x{background:#ff8e8e}.ax-y{background:#67dd9c}.ax-z{background:#77a7ff}#canvas{height:620px;width:100%;display:block}#canvas canvas{display:block}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:28px}.notes div{border-left:2px solid #2aa598;padding-left:13px;display:grid;gap:5px}.notes b{font-size:10px;letter-spacing:1.3px;color:#54d5c7}.notes span{font-size:12px;color:#8fa8b8;line-height:1.5}footer{border-top:1px solid #273a4a;padding:24px 28px;max-width:1480px;margin:auto;font-size:11px;color:#668396;display:flex;justify-content:space-between}@media(max-width:900px){main{padding:32px 16px}.intro{align-items:start;display:block}.step-tags{margin-top:24px}.workspace{grid-template-columns:1fr}.viewport{min-height:500px;grid-row:1}#canvas{height:490px}.notes{grid-template-columns:1fr}.controls{padding:19px}}@media(max-width:600px){header{height:67px;padding:0 16px}.brand{font-size:15px}.pill{font-size:10px;padding:7px}.intro h1{font-size:36px}.step-tags span{font-size:10px;padding:7px}#canvas{height:370px}.viewport{min-height:470px}.viewport-top,.viewport-bottom{padding:0 12px}.view-controls{display:none}.viewport-bottom{font-size:10px}.row{gap:6px}footer{display:block;line-height:1.7}footer span{display:block}}