@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";.workspace.workspace-programming{display:block}.programming-lab{--lab-muted:#8ba4b5;padding:18px 0 30px}.lab-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.lab-kicker{color:#7b9aaa;letter-spacing:.13em;font:10px DM Mono,monospace}.lab-heading h1{letter-spacing:-.045em;margin:10px 0 9px;font-size:36px;line-height:1.15}.lab-heading h1 span{color:#78e0ba}.lab-heading p{color:var(--lab-muted);margin:0;font-size:13px}.lab-simulation-badge{color:#a5e6cb;white-space:nowrap;background:#16372f;border:1px solid #295347;border-radius:30px;align-items:center;gap:9px;padding:10px 15px;font-size:11px;display:flex}.lab-simulation-badge i{background:#75e7b6;border-radius:50%;width:7px;height:7px}.lab-missions{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.lab-missions button{text-align:left;cursor:pointer;background:#0e1d2a;border:1px solid #263b4c;border-radius:10px;align-items:center;gap:15px;padding:18px 20px;display:flex}.lab-missions button[aria-pressed=true]{background:linear-gradient(110deg,#173a35,#10232d);border-color:#77ceae}.lab-missions button>b{color:#587487;font:20px DM Mono,monospace}.lab-missions button[aria-pressed=true]>b{color:#90e4bd}.lab-missions button>span{font-size:13px;font-weight:700}.lab-missions small{color:#8ea7b6;margin-top:4px;font-size:10px;font-weight:400;display:block}.lab-missions .lab-mission-arrow{color:#76958d;margin-left:auto;font-size:18px}.lab-columns{grid-template-columns:minmax(480px,1.22fr) minmax(450px,1fr);align-items:start;gap:20px;display:grid}.lab-world-panel,.lab-editor-panel{background:linear-gradient(145deg,#102130,#0c1925);border:1px solid #283d4c;border-radius:12px;min-width:0;padding:24px}.lab-panel-heading{justify-content:space-between;align-items:center;display:flex}.lab-panel-heading h2{letter-spacing:-.025em;margin:6px 0 0;font-size:20px}.lab-text-button{color:#9cbcc9;cursor:pointer;background:0 0;border:none;padding:5px 0;font-size:11px}.lab-task{color:#a2b6c4;margin:15px 0 20px;font-size:12px;line-height:1.6}.lab-world{border-radius:12px;width:100%;display:block;overflow:hidden}.lab-world-legend{color:#91aab7;justify-content:space-between;align-items:center;gap:8px;margin:14px 0 22px;font-size:10px;display:flex}.lab-world-legend i{background:#38b2ac;border-radius:4px;width:15px;height:3px;margin:0 6px 3px 0;display:inline-block}.lab-feedback{background:#172e3d;border:1px solid #294657;border-radius:8px;align-items:center;gap:12px;min-height:66px;padding:13px 15px;display:flex}.lab-feedback>span{color:#7cdcca;font-size:23px}.lab-feedback p{color:#c7dce5;margin:0;font-size:12px;line-height:1.65}.lab-feedback.success{background:#163d30;border-color:#4d9d77}.lab-feedback.warning{background:#3b3020;border-color:#997a47}.lab-feedback.warning>span{color:#f3cb7f}.lab-hint-button{color:#dcc997;margin-top:16px}.lab-hint{color:#e3d7b7;background:#302e25;border-radius:7px;padding:12px;font-size:12px;line-height:1.65}.lab-footnote{color:#8098a7;margin:15px 0 0;font-size:10px;line-height:1.7}.lab-mode-switch{background:#071420;border-radius:8px;gap:4px;padding:4px;display:flex}.lab-mode-switch button{color:#8da8b8;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;padding:12px 5px;font-size:12px;font-weight:700}.lab-mode-switch button[aria-pressed=true]{color:#e7f7ff;background:#244556;box-shadow:0 2px 5px #0003}.lab-editor-intro h2{margin:24px 0 7px;font-size:19px}.lab-editor-intro p{color:#95adbd;margin:0 0 20px;font-size:12px;line-height:1.65}.lab-manual-controls{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.lab-manual-controls button{cursor:pointer;background:#1b3546;border:1px solid #325970;border-radius:8px;justify-items:center;gap:6px;padding:14px 5px;display:grid}.lab-manual-controls b{color:#94d9f2;font-size:28px;line-height:1}.lab-manual-controls span{font-size:10px;font-weight:700}.lab-manual-controls small{color:#93afbe;font-size:9px}.lab-manual-controls .manual-forward{grid-area:1/2}.lab-manual-controls .manual-left{grid-area:2/1}.lab-manual-controls .manual-backward{grid-area:2/2}.lab-manual-controls .manual-right{grid-area:2/3}.lab-manual-controls .manual-wait{background:#302e45;border-color:#4e496a;grid-area:1/3}.lab-trace-head,.lab-program-heading{align-items:center;gap:10px;margin-top:23px;display:flex}.lab-trace-head h3,.lab-program-heading h3{margin:0;font-size:12px}.lab-trace-head>span,.lab-program-heading>span{color:#91aab7;margin-left:auto;font:10px DM Mono,monospace}.lab-trace{background:#091825;border:1px dashed #345163;border-radius:8px;flex-wrap:wrap;align-content:start;gap:6px;min-height:81px;max-height:170px;margin:12px 0 15px;padding:12px;display:flex;overflow:auto}.lab-trace p{color:#8aa4b5;margin:15px auto;font-size:11px}.lab-trace>span{color:#bce5f3;background:#214458;border:1px solid #345e72;border-radius:5px;place-items:center;width:32px;height:32px;font-size:21px;display:grid}.lab-trace>span.active{background:#347158;border-color:#a2f1be}.lab-primary{color:#12332a;cursor:pointer;background:#94e8be;border:1px solid #adf3d0;border-radius:7px;padding:13px 15px;font-size:12px;font-weight:800}.lab-primary:hover:not(:disabled){background:#b7f5d6}.lab-wide{width:100%}.lab-teaching-note{color:#9caec0;border-left:2px solid #457b70;margin:19px 0;padding-left:12px;font-size:11px;line-height:1.6}.lab-palette{grid-template-columns:1fr 1fr;gap:7px;display:grid}.lab-palette button{cursor:pointer;background:#1b3c50;border:1px solid #365e73;border-radius:7px;align-items:center;gap:9px;padding:9px 10px;font-size:10px;display:flex}.lab-palette b{color:#97d7ef;font-size:19px}.lab-palette span{color:#94b8cb;margin-left:auto}.lab-palette .lab-repeat-add{background:#4b3920;border-color:#8b6d3c}.lab-palette .lab-repeat-add b{color:#edc885}.lab-program{scrollbar-color:#345769 #0a1b28;background:#071520;border:1px solid #233d4d;border-radius:8px;max-height:380px;margin-top:12px;padding:12px;overflow-y:auto}.lab-start-block{color:#e0ffed;background:#347055;border-radius:14px 14px 4px 4px;margin-bottom:9px;padding:9px 14px;font-size:11px;font-weight:700;display:inline-block}.lab-block{background:#1d4560;border:1px solid #356782;border-radius:5px;align-items:center;gap:8px;min-height:43px;margin-bottom:7px;padding:8px 9px;display:flex}.lab-block>span{font-size:11px;font-weight:600}.lab-block-icon{text-align:center;color:#abe3f6;width:20px;font-size:20px}.lab-block.left,.lab-block.right{background:#254a50;border-color:#3c777a}.lab-block.wait{background:#383451;border-color:#5f5783}.lab-block.executing{outline:2px solid #fbe297;box-shadow:0 0 14px #e7bc5433}.programming-lab select{color:#e8f4f9;background:#102937;border:1px solid #557284;border-radius:4px;padding:4px 3px;font-size:11px}.lab-block select{margin-left:auto}.lab-row-actions{gap:2px;margin-left:auto;display:flex}.lab-row-actions button{color:#c5e0e9;cursor:pointer;background:#071e2a66;border:0;border-radius:3px;width:22px;height:25px;padding:0;font-size:14px}.lab-repeat-block{background:#49371e;border:1px solid #8b6c3a;border-radius:7px;margin-bottom:8px;padding:8px}.lab-repeat-block.selected{border-color:#e0b66e}.lab-repeat-head{align-items:center;gap:9px;padding:0 3px 8px;font-size:12px;display:flex}.lab-repeat-head>b{color:#efc679;font-size:21px}.lab-repeat-body{border-left:2px solid #c5934c;padding-left:9px}.lab-insert{color:#bbbcac;text-align:left;cursor:pointer;background:0 0;border:1px dashed #716b50;border-radius:5px;width:100%;padding:10px;font-size:10px}.lab-insert[aria-pressed=true]{color:#dcecbe;background:#c5ca7212}.lab-insert-main{color:#91b3c5;border-color:#325164;margin-top:3px}.lab-empty-program{text-align:center;color:#829cae;padding:16px}.lab-empty-program>b{font-size:23px}.lab-empty-program p{font-size:11px;line-height:1.7}.lab-run-controls{gap:9px;margin-top:15px;display:flex}.lab-run-controls .lab-primary{flex:1}.lab-step{cursor:pointer;background:#1f3545;border:1px solid #4a687c;border-radius:6px;padding:10px 15px;font-size:11px}.lab-save-note{color:#8eaa9e;margin:12px 0;font-size:9px;line-height:1.5}.lab-stop{color:#ffdbe1;cursor:pointer;background:#542a35;border:1px solid #a35968;border-radius:7px;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:18px;padding:10px;font-size:12px;font-weight:700;display:flex}.lab-stop kbd{color:#d6a9b5;background:#361a24;border-color:#8a4a5a;height:20px;font-size:8px}.programming-lab button:disabled{opacity:.4;cursor:not-allowed}.programming-lab button:focus-visible,.programming-lab select:focus-visible{outline-offset:3px;outline:2px solid #ffe098}.programming-active header .app-tabs{margin-left:22px}.programming-active header .app-tabs button{white-space:nowrap;padding-inline:10px}body:has(.programming-active){min-width:360px}.programming-active .app-shell{width:100%;max-width:1480px}@media (width<=1350px){.programming-active .header-meta{display:none}.programming-active header .connection-panel{margin-left:auto}.lab-columns{grid-template-columns:minmax(440px,1.1fr) minmax(420px,1fr);gap:14px}.lab-world-panel,.lab-editor-panel{padding:18px}}@media (width<=1100px){.programming-active header{flex-wrap:wrap;gap:12px;height:auto;padding-bottom:10px}.programming-active header .app-tabs{order:5;width:100%;height:40px;margin:0}.programming-active header .app-tabs button{flex:1}.programming-active .language-switch{margin-left:auto}.lab-columns{grid-template-columns:1fr}.lab-world-panel{max-width:none}.lab-heading h1{font-size:30px}}@media (width<=620px){main.programming-active{padding:16px}.programming-active .brand>span,.programming-active .brand>strong{font-size:16px}.programming-active .brand small{font-size:7px}.programming-active .brand-mark{width:32px;height:32px;margin-right:0}.programming-active header .connection-panel{border-left:0;justify-content:space-between;width:100%;padding-left:0}.programming-active header .app-tabs button{letter-spacing:0;padding-inline:4px;font-size:8px}.lab-heading{flex-direction:column;align-items:start;gap:14px;margin-bottom:20px}.lab-heading h1{font-size:30px}.lab-missions{gap:6px}.lab-missions button{padding:10px;display:block}.lab-missions button>b{margin-bottom:6px;font-size:15px;display:block}.lab-missions button>span{font-size:10px}.lab-missions .lab-mission-arrow{display:none}.lab-missions small{font-size:9px}.lab-world-panel,.lab-editor-panel{padding:14px}.lab-world-legend{flex-wrap:wrap;font-size:9px}.lab-block{gap:4px;padding-inline:5px}.lab-block>span{font-size:10px}.lab-block-icon{width:15px}.lab-row-actions button{width:20px}.lab-repeat-body{padding-left:5px}.lab-run-controls .lab-primary{padding-inline:8px}}.workspace.workspace-odometry{display:block}.odom-lab{padding:8px 0 28px}.odom-columns{grid-template-columns:minmax(420px,1fr) minmax(460px,1.15fr);gap:16px;margin-bottom:16px;display:grid}.odom-panel{background:linear-gradient(145deg,#102130,#0c1925);border:1px solid #283d4c;border-radius:12px;min-width:0;padding:22px}.odom-panel h2{letter-spacing:-.025em;margin:6px 0 0;font-size:20px}.odom-access{color:#8aa3b3;margin:12px 0 16px;font:10px/1.55 DM Mono,monospace}.odom-metrics{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;display:grid}.odom-metrics div{background:#0b1a26;border:1px solid #264154;border-radius:6px;gap:4px;padding:10px 12px;display:grid}.odom-metrics span{color:#6e8ea1;letter-spacing:.08em;text-transform:uppercase;font:8px DM Mono,monospace}.odom-metrics strong{color:#d5eef6;font-size:13px}.odom-table{border-collapse:collapse;width:100%;font:10px/1.45 DM Mono,monospace}.odom-table th{text-align:left;color:#62839a;padding:0 8px 8px 0;font-weight:500}.odom-table td{color:#c3d8e3;vertical-align:top;border-top:1px solid #223848;padding:7px 8px 7px 0}.odom-table td:nth-child(2){color:#9be7ff}.odom-table small{color:#6e8fa3;margin-top:3px;display:block}.odom-notes{flex-wrap:wrap;gap:6px;min-height:28px;margin:14px 0;display:flex}.odom-notes span{color:#9cc4d6;letter-spacing:.04em;background:#173041;border-radius:999px;padding:4px 8px;font:8px DM Mono,monospace}.odom-actions{align-items:center;gap:8px;display:flex}.odom-actions .lab-primary,.odom-actions .lab-stop{width:auto;margin:0;padding:10px 14px}.odom-actions small{color:#7b98a9;margin-left:auto;font:9px DM Mono,monospace}.odom-distance{color:#7ef0c4;font:22px DM Mono,monospace}.odom-map{border-radius:10px;width:100%;margin-top:14px;display:block;overflow:hidden}.odom-map-bg{fill:#07141e}.odom-grid{stroke:#568ca829;stroke-width:1px}.odom-axis{stroke:#58c6e647;stroke-width:1.2px}.odom-trail{fill:none;stroke:#4ee0b3;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.odom-start{fill:#d7f4ff}.odom-label{fill:#8eacbb;font:11px DM Mono,monospace}.odom-robot{fill:#62e9ff;stroke:#0b2430;stroke-width:1px}.odom-uncertainty{fill:#5ed6ff14;stroke:#78d6f073;stroke-dasharray:6 5}.odom-path-meta{color:#7f9eaf;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:12px 0;font:9px DM Mono,monospace;display:flex}.odom-path-legend{align-items:center;gap:12px;display:flex}.odom-path-legend small{color:#7f9aab;font:9px/1.4 DM Mono,monospace}.odom-path-legend .lab-step{margin-left:auto}.odom-confidence{letter-spacing:.08em;text-transform:uppercase;font:700 11px DM Mono,monospace}.odom-confidence.high{color:#7ef0c4}.odom-confidence.medium{color:#f3d27a}.odom-confidence.low{color:#ff8ca0}.odom-confidence.unknown{color:#8ea9b8}.lab-simulation-badge.odom-confidence{background:#1a2c3a;border-color:#2f4d61}.lab-simulation-badge.odom-confidence.high{color:#7ef0c4;background:#16372f;border-color:#295347}.lab-simulation-badge.odom-confidence.medium{color:#f3d27a;background:#3a3018;border-color:#6d5a2c}.lab-simulation-badge.odom-confidence.low{color:#ff8ca0;background:#3a1822;border-color:#6d2c3a}.lab-simulation-badge.odom-confidence.unknown{color:#8ea9b8}.odom-bench-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px;margin:8px 0 16px;display:grid}.odom-bench-grid label{color:#7f9eaf;letter-spacing:.06em;text-transform:uppercase;gap:6px;font:9px DM Mono,monospace;display:grid}.odom-bench-grid select,.odom-bench-grid input{color:#e8f4f9;background:#102937;border:1px solid #557284;border-radius:4px;padding:8px 9px;font-size:12px}.odom-empty{color:#8098a7;font-size:12px;line-height:1.6}.odom-trials td small{font-size:9px}@media (width<=1180px){.odom-columns{grid-template-columns:1fr}.odom-bench-grid{grid-template-columns:repeat(2,1fr)}}:root{color:#eef7ff;font-synthesis:none;--cyan:#62e9ff;--blue:#2076ff;--panel:#0e1b2ad1;--border:#7db2dc24;background:#050b13;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:1080px;min-height:100vh;margin:0;overflow-x:auto}button,input{font:inherit}button{color:inherit}main{background:radial-gradient(circle at 50% -20%,#132b46 0,#07111f 42%,#040a11 100%);min-height:100vh;padding:34px;position:relative;overflow:hidden}main:before{content:"";opacity:.16;pointer-events:none;background-image:linear-gradient(#5fe0ff14 1px,#0000 1px),linear-gradient(90deg,#5fe0ff14 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 65%);mask-image:linear-gradient(#000,#0000 65%)}.ambient{filter:blur(110px);opacity:.13;background:#13bce7;border-radius:50%;width:420px;height:420px;position:absolute}.ambient-one{top:10%;left:-200px}.ambient-two{background:#165eff;bottom:0;right:-200px}.app-shell{z-index:1;width:min(1480px,100vw - 68px);margin:auto;position:relative}header{border-bottom:1px solid var(--border);align-items:center;height:86px;margin-bottom:20px;display:flex}.brand-mark{clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);background:linear-gradient(145deg,#69f2ff,#2377ff);place-items:center;width:45px;height:45px;margin-right:15px;display:grid;box-shadow:0 0 28px #4bdeff66}.brand-mark span{color:#05101c;font-size:31px;font-weight:800;line-height:1;transform:rotate(45deg)}.brand{grid-template-columns:auto auto;align-items:baseline;column-gap:8px;line-height:1;display:grid}.brand>span{color:var(--cyan);letter-spacing:-.04em;font-size:22px;font-weight:800}.brand>strong{letter-spacing:.05em;font-size:22px}.brand small{color:#5c7991;letter-spacing:.13em;grid-column:1/-1;margin-top:8px;font:10px DM Mono,monospace}.header-meta{text-align:right;gap:5px;margin-left:auto;display:grid}.header-meta span{color:#516d83;letter-spacing:.18em;font:9px DM Mono,monospace}.header-meta strong{letter-spacing:.08em;font-size:14px}.connection-panel{background:linear-gradient(100deg,#0c1d2eed,#0a1421e0);border:1px solid #46d1ef2e;border-radius:4px;align-items:center;gap:28px;min-height:82px;padding:17px 20px;display:flex;box-shadow:0 14px 50px #0003}.status-group{align-items:center;min-width:180px;display:flex}.status-group>div{gap:4px;display:grid}.status-group strong{font-size:14px}.eyebrow{color:#5f8199;letter-spacing:.16em;font:9px DM Mono,monospace}.status-dot{background:#6c7a87;border-radius:50%;width:10px;height:10px;margin:0 15px 0 5px;box-shadow:0 0 0 5px #6c7a8714}.status-dot.connected{background:#63f3c6;box-shadow:0 0 12px #31e4af,0 0 0 5px #31e4af14}.status-dot.connecting,.status-dot.disconnecting{background:#ffd166;animation:1s infinite pulse}.status-dot.error{background:#ff657b}.battery{color:#b9d2e3;align-items:center;gap:10px;font:12px DM Mono,monospace;display:flex}.battery-shell{border:1px solid #638197;border-radius:2px;width:30px;height:13px;padding:2px;display:block;position:relative}.battery-shell:after{content:"";background:#638197;border-radius:0 1px 1px 0;width:2px;height:5px;position:absolute;top:3px;right:-4px}.battery-fill{background:var(--cyan);border-radius:1px;height:100%;display:block}.connect-button,.secondary-button{cursor:pointer;text-transform:uppercase;letter-spacing:.1em;border-radius:3px;height:44px;margin-left:auto;padding:0 27px;font:700 11px DM Mono,monospace}.connect-button{color:#03131c;background:linear-gradient(135deg,#69edff,#3dbbd9);border:1px solid #70f0ff;box-shadow:0 0 24px #46dcff26}.secondary-button{color:#8db0c8;background:#0d1c2b;border:1px solid #294b65}.connect-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.7}.app-tabs{border-bottom:1px solid var(--border);gap:3px;margin-top:18px;display:flex}.app-tabs button{color:#587a90;cursor:pointer;text-transform:uppercase;letter-spacing:.11em;background:0 0;border:0;padding:11px 16px 12px;font:9px DM Mono,monospace;position:relative}.app-tabs button:hover{color:#9fc6da}.app-tabs button[aria-current=page]{color:#bfe9f5}.app-tabs button[aria-current=page]:after{content:"";background:#58def4;height:2px;position:absolute;bottom:-1px;left:10px;right:10px;box-shadow:0 0 10px #46dcf573}.workspace{grid-template-columns:minmax(760px,1fr) 340px;align-items:stretch;gap:18px;margin-top:14px;display:grid}.dashboard{transition:opacity .2s}.main-controls{grid-template-columns:1.35fr 1fr;gap:18px;display:grid}.side-controls{grid-template-rows:1fr auto;gap:18px;display:grid}.control-card,.speed-card,.actions-card{border:1px solid var(--border);background:linear-gradient(145deg,#112132db,#08121deb);border-radius:4px;position:relative;box-shadow:inset 0 1px #ffffff04}.control-card:before,.actions-card:before{content:"";border-top:2px solid #4bdcfa52;border-left:2px solid #4bdcfa52;width:16px;height:16px;position:absolute;top:-1px;left:-1px}.movement-card{min-height:430px;padding:31px 36px}.compact-card{min-height:265px;padding:31px 35px}.section-heading{align-items:center;gap:14px;display:flex}.section-heading>span{color:#5d7e97;border-right:1px solid #294154;padding-right:13px;font:11px DM Mono,monospace}.section-heading p{color:#4e7189;letter-spacing:.2em;margin:0 0 3px;font:8px DM Mono,monospace}.section-heading h2{letter-spacing:.015em;margin:0;font-size:19px}.dpad{grid-template:repeat(3,1fr)/repeat(3,1fr);gap:7px;width:256px;height:256px;margin:30px auto 8px;display:grid;position:relative}.control-button,.stop-button{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(145deg,#142a3d,#0a1724);border:1px solid #25445c;border-radius:5px;transition:border .12s,background .12s,transform .12s}.control-button:hover:not(:disabled),.stop-button:hover:not(:disabled){background:#142f43;border-color:#51cce8}.control-button:active:not(:disabled),.stop-button:active:not(:disabled){background:#174158;transform:scale(.96)}.control-button:disabled,.stop-button:disabled,.actions-grid button:disabled,input:disabled{cursor:not-allowed;opacity:.34}.dpad .control-button{color:#9dc6dc;font-size:29px}.dpad .up{grid-area:1/2}.dpad .up-left{grid-area:1/1}.dpad .up-right{grid-area:1/3}.dpad .left{grid-area:2/1}.dpad .right{grid-area:2/3}.dpad .down{grid-area:3/2}.dpad .down-left{grid-area:3/1}.dpad .down-right{grid-area:3/3}.dpad .up-left,.dpad .up-right,.dpad .down-left,.dpad .down-right{font-size:22px}.stop-button{background:#56182547;border-color:#ff5b7161;grid-area:2/2;place-items:center;display:grid}.stop-button span{background:#ff5c75;border-radius:3px;width:19px;height:19px;box-shadow:0 0 16px #ff466459}.hint{color:#47677e;text-align:center;letter-spacing:.08em;font:9px DM Mono,monospace}.rotation-controls{gap:14px;margin-top:35px;display:flex}.rotation-controls .control-button{flex:1;align-content:center;place-items:center;gap:8px;height:115px;display:grid}.rotation-controls b{color:#8ac9e8;font-size:39px;font-weight:400;line-height:1}.rotation-controls small{color:#55788f;letter-spacing:.15em;font:8px DM Mono,monospace}.speed-card{min-height:147px;padding:24px 28px}.speed-card>div:first-child{justify-content:space-between;align-items:center;display:flex}.speed-card strong{color:var(--cyan);font:16px DM Mono,monospace}.speed-card input{appearance:none;background:linear-gradient(90deg, var(--cyan) var(--range-progress), #24394a var(--range-progress));border-radius:2px;width:100%;height:3px;margin:25px 0 7px}.speed-card input::-webkit-slider-thumb{appearance:none;background:#d8fbff;border:3px solid #45cbe5;border-radius:50%;width:17px;height:17px;box-shadow:0 0 14px #41d7f08c}.range-labels{color:#3e6078;letter-spacing:.08em;justify-content:space-between;font:8px DM Mono,monospace;display:flex}.actions-card{margin-top:18px;padding:25px 35px 30px}.actions-note{color:#4c6f85;margin:7px 0 0 43px;font:8px/1.5 DM Mono,monospace}.action-groups{gap:20px;margin-top:22px;display:grid}.action-group-title{color:#7093a8;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:10px;min-height:18px;font:9px DM Mono,monospace;display:flex}.action-group-title:after{content:"";background:#6397b521;flex:1;height:1px}.action-group-title small{color:#405f72;letter-spacing:.06em;order:2;font:7px DM Mono,monospace}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:9px;margin-top:8px;display:grid}.actions-grid.gestures-grid{grid-template-columns:repeat(6,1fr)}.actions-grid button{cursor:pointer;background:#0a1825b3;border:1px solid #203c53;border-radius:4px;align-content:center;place-items:center;gap:7px;min-height:82px;padding:9px 6px;transition:all .15s;display:grid}.actions-grid button:hover:not(:disabled){background:#102b3d;border-color:#44bcd8;transform:translateY(-2px)}.actions-grid b{color:#79bbda;font-size:22px;line-height:1}.actions-grid span{color:#8ba9bc;text-transform:uppercase;text-align:center;letter-spacing:.1em;font:8px DM Mono,monospace}.actions-grid small{color:#3e657b;font:7px DM Mono,monospace}.leg-inspector{border:1px solid var(--border);background:linear-gradient(145deg,#112132db,#08121deb);border-radius:4px;padding:25px 28px 28px}.leg-inspector-head{align-items:center;gap:12px;display:flex}.telemetry-status{color:#64869b;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;margin-left:auto;font:9px DM Mono,monospace;display:flex}.telemetry-status i{background:#536b7c;border-radius:50%;width:6px;height:6px}.telemetry-status.live{color:#64e9b6}.telemetry-status.live i{background:#55e3ab;box-shadow:0 0 8px #55e3ab99}.telemetry-status.loading i{background:#f1c763;animation:1s infinite pulse}.telemetry-status.unavailable{color:#ff788d}.telemetry-status.unavailable i{background:#ff617a}.telemetry-refresh{color:#7598ac;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:#0b1a27;border:1px solid #29475c;border-radius:3px;padding:7px 10px;font:8px DM Mono,monospace}.telemetry-refresh:disabled{opacity:.35;cursor:default}.leg-selector{grid-template-columns:repeat(4,1fr);gap:7px;margin:22px 0 12px;display:grid}.leg-selector button{text-align:left;color:#7898ab;cursor:pointer;background:#0a1825;border:1px solid #203b50;border-radius:4px;gap:4px;min-height:48px;padding:8px 11px;display:grid}.leg-selector button[aria-pressed=true]{color:#d8eff8;border-color:#4dcde8;box-shadow:inset 3px 0 #4dcde8}.leg-selector span{font-size:10px;font-weight:600}.leg-selector small{color:#486a80;font:8px DM Mono,monospace}.leg-telemetry-grid{grid-template-columns:170px minmax(280px,1fr) 210px;gap:10px;display:grid}.robot-map,.leg-chain,.joint-readouts{background:#06101980;border:1px solid #497a972e;border-radius:4px;min-width:0}.robot-map{min-height:270px;position:relative}.robot-body{color:#476c82;background:#102131;border:1px solid #29485c;border-radius:24px;place-items:center;width:72px;height:150px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.robot-body span{color:#52cce6;letter-spacing:.1em;font:7px DM Mono,monospace;position:absolute;top:14px}.robot-body b{font-size:11px}.map-leg{color:#496a80;cursor:pointer;background:0 0;border:0;width:49px;height:72px;position:absolute}.map-leg:before,.map-leg:after{content:"";transform-origin:0;background:currentColor;border-radius:5px;height:5px;position:absolute;left:3px}.map-leg:before{width:33px;top:29px;transform:rotate(-30deg)}.map-leg:after{width:29px;top:12px;left:31px;transform:rotate(43deg)}.map-leg i{background:currentColor;border-radius:50%;width:8px;height:8px;position:absolute;top:25px;left:0;box-shadow:28px -14px,50px 7px #4ddfa6}.map-leg span{font:8px DM Mono,monospace;position:absolute;top:0;left:4px}.map-leg.selected{color:#55dff5}.map-leg.lf{top:18px;left:3px;transform:scaleX(-1)}.map-leg.lf span{transform:scaleX(-1)}.map-leg.rf{top:18px;right:3px}.map-leg.rr{bottom:18px;right:3px;transform:scaleY(-1)}.map-leg.rr span{transform:scaleY(-1)}.map-leg.lr{bottom:18px;left:3px;transform:scale(-1)}.map-leg.lr span{transform:scale(-1)}.leg-chain{padding:12px}.leg-chain-title{justify-content:space-between;align-items:center;display:flex}.leg-chain-title strong{font-size:11px}.leg-chain-title span{color:#4e7085;text-transform:uppercase;font:8px DM Mono,monospace}.leg-chain svg{width:100%;margin-top:3px;display:block}.leg-chain text{fill:#7091a5;font:8px DM Mono,monospace}.leg-chain .projection-label{fill:#456b82;letter-spacing:.08em;font-size:7px}.chain-ground{stroke:#29465a;stroke-width:1px}.chain-envelope{fill:none;stroke:#29475b;stroke-width:1px;stroke-dasharray:4 4}.neutral-link{stroke:#395366;stroke-width:2px;stroke-dasharray:4 4}.front-body{stroke:#56758a;stroke-width:8px;stroke-linecap:round}.chain-shadow{stroke:#79a4bc26;stroke-width:17px;stroke-linecap:round}.chain-link{stroke:#54daf0;stroke-width:6px;stroke-linecap:round;transition:all .2s}.chain-joint{fill:#0c1a27;stroke:#55dff5;stroke-width:3px}.chain-center{fill:#d9f7fd}.chain-foot{fill:#53e0a8}.joint-readouts{align-content:start;gap:15px;padding:14px;display:grid}.joint-readout{gap:7px;display:grid}.joint-readout>div:first-child{justify-content:space-between;align-items:center;display:flex}.joint-readout span{color:#7090a4;font:9px DM Mono,monospace}.joint-readout strong{color:#d9f0f8;font:500 12px DM Mono,monospace}.joint-readout small{color:#48697f;font:8px DM Mono,monospace}.joint-meter{background:#203747;border-radius:4px;height:5px;position:relative}.joint-meter i{background:#3a566a;width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.joint-meter b{background:#56e0f5;border-radius:50%;width:9px;height:9px;transition:left .2s;position:absolute;top:-2px;transform:translate(-50%)}.telemetry-note{color:#55758a;border-top:1px solid #507e9729;gap:8px;padding-top:13px;font:9px/1.55 DM Mono,monospace;display:flex}.telemetry-note i{background:#52d9f0;border-radius:50%;flex:none;width:6px;height:6px;margin-top:4px}.browser-warning,.error-banner{border-radius:4px;align-items:center;gap:10px;margin-top:12px;padding:13px 17px;font-size:12px;display:flex}.browser-warning{color:#ffd685;background:#704b0f38;border:1px solid #ffc14840}.browser-warning span{color:#ac8f5f}.error-banner{color:#ff9baa;background:#6f162b47;border:1px solid #ff567447}.error-banner button{cursor:pointer;color:#ff9baa;background:0 0;border:0;margin-left:auto;font-size:20px}.command-log{background:linear-gradient(160deg,#0a1927f5,#050d16fa);border:1px solid #54b2d233;border-radius:4px;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;height:100%;max-height:605px;display:grid;overflow:hidden;box-shadow:0 18px 45px #0000003b}.log-header{border-bottom:1px solid var(--border);align-items:center;height:75px;padding:18px 18px 14px;display:flex}.log-header h2{margin:4px 0 0;font-size:17px}.log-actions{gap:6px;margin-left:auto;display:flex}.log-header button{color:#7598ac;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:#0b1a27;border:1px solid #29475c;border-radius:3px;padding:7px 9px;font:8px DM Mono,monospace}.log-header button:hover:not(:disabled){color:#a9d5e9;border-color:#3d718d}.log-header button.copied{color:#69eab9;border-color:#4de2a973}.log-header button.failed{color:#ff7489;border-color:#ff5d7673}.log-header button:disabled{opacity:.35;cursor:default}.log-legend{color:#53738a;text-transform:uppercase;border-bottom:1px solid #7db2dc14;gap:15px;padding:11px 18px;font:8px DM Mono,monospace;display:flex}.log-legend span:before{content:"";background:#7790a1;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.log-legend .tx:before{background:#5ee6ff}.log-legend .rx:before{background:#72f0b8}.log-legend .error:before{background:#ff6079}.log-stream{scrollbar-color:#29475c transparent;min-height:0;padding:8px 0;overflow-y:auto}.log-empty{text-align:center;color:#46657a;align-content:center;place-items:center;gap:15px;height:100%;min-height:300px;padding:25px;font:10px/1.6 DM Mono,monospace;display:grid}.log-empty b{color:#3e91aa;font-size:24px}.log-entry{border-bottom:1px solid #7db2dc0f;border-left:2px solid #5d788c;gap:5px;padding:10px 15px;animation:.18s ease-out log-in;display:grid}.log-entry.tx{background:#27b8da09;border-left-color:#50dcf5}.log-entry.rx{background:#26cf8e09;border-left-color:#54e6aa}.log-entry.error{background:#f03f5b0e;border-left-color:#ff5d76}.log-entry>div{color:#4e7086;gap:8px;font:8px DM Mono,monospace;display:flex}.log-entry>div span{color:#7294a9}.log-entry.tx>div span{color:#51dff8}.log-entry.rx>div span{color:#59dfa8}.log-entry.error>div span{color:#ff6c82}.log-entry strong{color:#a9c3d3;font:500 10px/1.4 DM Mono,monospace}.log-entry code{overflow-wrap:anywhere;color:#587e94;font:8px/1.5 DM Mono,monospace;display:block}.log-footer{color:#46677d;border-top:1px solid var(--border);align-items:center;gap:7px;height:34px;padding:0 14px;font:8px DM Mono,monospace;display:flex}.log-footer i{background:#4ee3b0;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #3ce6afb3}.log-footer span:last-child{margin-left:auto}footer{color:#496b82;border-top:1px solid var(--border);letter-spacing:.1em;align-items:center;gap:24px;min-height:76px;margin-top:18px;font:8px DM Mono,monospace;display:flex}footer>span{color:#6f91a7}footer div{align-items:center;gap:4px;display:flex}kbd{color:#7899ad;background:#0b1925;border:1px solid #29465a;border-bottom-width:2px;border-radius:3px;place-items:center;min-width:23px;height:23px;font:9px DM Mono,monospace;display:grid}kbd.space{width:46px;font-size:7px}footer em{margin-left:5px;font-style:normal}footer p{align-items:center;gap:7px;margin-left:auto;display:flex}footer i{background:#45677d;border-radius:50%;width:5px;height:5px}@keyframes pulse{50%{opacity:.4}}main{height:100vh;min-height:0}.app-shell{flex-direction:column;height:100%;display:flex}.workspace{scrollbar-color:#29475c transparent;flex:1;min-height:0;padding:0 3px 12px 0;overflow-y:auto}header,footer{flex:none}.language-switch{border-left:1px solid var(--border);align-items:center;gap:0;margin-right:16px;padding:0 14px;display:flex}.language-switch button{color:#4f7186;cursor:pointer;letter-spacing:.06em;background:0 0;border:0;width:31px;height:36px;padding:0;font:9px DM Mono,monospace;position:relative}.language-switch button+button:before{content:"·";color:#365569;position:absolute;left:-2px}.language-switch button[aria-pressed=true]{color:#c9f3fa}.language-switch button[aria-pressed=true]:after{content:"";background:#58def4;height:1px;position:absolute;bottom:4px;left:8px;right:8px;box-shadow:0 0 7px #46dcf580}.footer-credits{border-left:1px solid var(--border);gap:4px;margin-left:8px;padding-left:18px;display:grid}.footer-credits a{color:#75a9c2;text-decoration:none}.footer-credits a:hover{color:#72e6f8}.footer-credits b{color:#ff6079;font-size:11px}.footer-credits span{white-space:nowrap}.body-bracket{fill:#263e4e;stroke:#668397;stroke-width:1.2px}.leg-plate{fill:#1a303f;stroke:#55758a;stroke-width:1.3px;transition:all .2s}.lower-plate,.front-leg-plate{fill:#162b39}.hip-plate{fill:#223b4b}.leg-chain .chain-link{stroke-width:3px;opacity:.82}.paw-plate{stroke:#253f4f;stroke-width:15px;stroke-linecap:round}.foot-pad{stroke:#263f4d;stroke-width:14px;stroke-linecap:round}.servo-housing{fill:#263e4d;stroke:#6b8798;stroke-width:1.2px}.mechanical-pivot{fill:#132633;stroke:#668597;stroke-width:1.5px}.leg-chain .chain-joint{stroke-width:2.5px}.servo-bolt{fill:#8aa3b2}.leg-chain .chain-foot{stroke:#0d202b;stroke-width:2px}.header-meta{margin-left:auto;padding-right:22px}header .app-tabs{border-bottom:0;align-self:stretch;align-items:flex-end;margin:0 0 0 38px}header .app-tabs button{height:100%;padding:0 13px}header .app-tabs button[aria-current=page]:after{bottom:0}header .connection-panel{border:0;border-left:1px solid var(--border);height:58px;min-height:0;box-shadow:none;background:0 0;border-radius:0;flex:none;gap:17px;padding:7px 0 7px 22px}header .status-group{min-width:128px}header .status-group strong{font-size:12px}header .status-dot{margin-left:0;margin-right:11px}header .battery{font-size:10px}header .connect-button,header .secondary-button{height:36px;margin-left:0;padding:0 16px;font-size:9px}.advanced-controller{gap:18px;display:grid}.advanced-card{border:1px solid var(--border);background:linear-gradient(145deg,#112132db,#08121deb);border-radius:4px;padding:27px 30px 30px}.advanced-card-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.control-selector{grid-template-columns:100px 1fr;align-items:center;gap:12px;margin-top:24px;display:grid}.control-selector>span,.advanced-range span{color:#64859a;letter-spacing:.08em;text-transform:uppercase;font:9px DM Mono,monospace}.control-selector>div{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.control-selector button,.mode-toggle,.center-pose{color:#789aaf;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:#0b1a28;border:1px solid #29475c;border-radius:3px;min-height:38px;font:8px DM Mono,monospace}.control-selector button[aria-pressed=true],.mode-toggle.active{color:#c8f5fb;background:#21849d2e;border-color:#4ccfe9;box-shadow:inset 0 -2px #4ccfe9}.control-selector button:disabled,.mode-toggle:disabled,.center-pose:disabled{cursor:not-allowed;opacity:.34}.advanced-range{margin-top:24px}.advanced-range>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.advanced-range strong{color:#b8d8e7;font:500 11px DM Mono,monospace}.advanced-range input{accent-color:#55dcef;width:100%;margin-top:14px}.mode-toggle{align-items:center;gap:9px;margin-top:21px;padding:0 16px;display:inline-flex}.mode-toggle i{background:#506b7c;border-radius:50%;width:7px;height:7px}.mode-toggle.active i{background:#57e1b0;box-shadow:0 0 8px #57e1b08c}.pose-grid{grid-template-columns:repeat(2,1fr);column-gap:28px;display:grid}.center-pose{padding:0 15px}.imu-row{border-top:1px solid #5c89a329;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding-top:20px;display:flex}.imu-row>div{gap:5px;display:grid}.imu-row strong{font-size:11px}.imu-row span{color:#53758a;font:8px DM Mono,monospace}.imu-row .mode-toggle,.dashboard>.actions-card{margin-top:0}kbd.numpad{width:58px;font-size:7px}@keyframes log-in{0%{opacity:0;transform:translateY(-3px)}}@media (width<=1250px){main{padding:20px}.app-shell{width:1040px}.workspace{grid-template-columns:minmax(0,1fr) 300px}.movement-card{padding-inline:25px}.dpad{width:230px;height:230px}.actions-grid{gap:8px}.command-log{max-height:605px}.leg-telemetry-grid{grid-template-columns:140px minmax(250px,1fr)}.joint-readouts{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.telemetry-note{grid-column:1/-1}}