:root{--lab-ink:#1b2a23;--lab-cream:#f3eedf;--lab-panel:#f8f5ec;--lab-line:#c9c9bd;--lab-coral:#ee765f;--lab-green:#b7d96b}*{box-sizing:border-box}button{font:inherit;color:inherit}.lab-shell{background:var(--lab-cream);min-height:100svh;color:var(--lab-ink);font-family:Arial,sans-serif}.lab-topbar{border-bottom:1px solid var(--lab-line);background:#f7f3e8;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 20px;display:grid}.lab-brand{letter-spacing:.12em;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.lab-brand span{background:var(--lab-coral);color:#fff;letter-spacing:-.05em;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.lab-step{letter-spacing:.12em;align-items:center;gap:8px;font-size:9px;display:flex}.lab-step i{background:var(--lab-green);border-radius:50%;width:7px;height:7px}.lab-step b{color:#6e746e;padding-left:12px;font-weight:500}.simulate-button{background:var(--lab-ink);color:#fff;letter-spacing:.12em;cursor:pointer;border:0;border-radius:3px;justify-self:end;padding:12px 18px;font-size:9px;font-weight:800}.lab-workspace{grid-template-columns:280px minmax(460px,1fr) 320px;height:calc(100svh - 64px);min-height:650px;display:grid}.parts-panel,.properties-panel{background:var(--lab-panel);padding:22px 16px}.parts-panel{border-right:1px solid var(--lab-line);overflow-y:auto}.properties-panel{border-left:1px solid var(--lab-line);overflow-y:auto}.panel-title{border-bottom:1px solid var(--lab-line);align-items:center;gap:10px;padding:0 4px 18px;display:flex}.panel-title span{color:#777;font-size:8px}.panel-title h1,.panel-title h2{letter-spacing:.14em;margin:0;font-size:11px}.panel-title button{cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:20px}.search{border:1px solid var(--lab-line);color:#777;gap:8px;margin:16px 0;padding:12px;font-size:12px;display:flex}.panel-label{color:#777;text-transform:uppercase;letter-spacing:.13em;margin:22px 4px 10px;font-size:8px}.part-list{flex-direction:column;gap:5px;display:flex}.part-row{text-align:left;cursor:pointer;background:#eeeadf;border:1px solid #0000;grid-template-columns:34px 1fr auto;align-items:center;width:100%;padding:11px;display:grid}.part-row:hover{border-color:var(--lab-coral);background:#fff}.part-row:disabled{cursor:not-allowed;opacity:.45}.part-row i{background:#ded8ca;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.part-row span{flex-direction:column;gap:4px;display:flex}.part-row b{font-size:10px}.part-row small{color:#747a74;font-size:8px}.part-row em{font-style:normal}.custom-part{letter-spacing:.11em;cursor:pointer;background:0 0;border:1px dashed #9b9e96;width:100%;margin-top:16px;padding:14px;font-size:8px;font-weight:700}.viewport-panel{background:#e9e8df;flex-direction:column;min-width:0;display:flex;position:relative}.viewport-tools{border-bottom:1px solid var(--lab-line);align-items:center;gap:6px;height:48px;padding:10px 14px;display:flex}.viewport-tools button{border:1px solid var(--lab-line);cursor:pointer;background:#f7f3e8;width:28px;height:28px}.viewport-tools span{letter-spacing:.14em;margin-left:auto;font-size:8px}.robot-stage{background-image:linear-gradient(#1b2a230f 1px,#0000 1px),linear-gradient(90deg,#1b2a230f 1px,#0000 1px);background-size:32px 32px;flex:1;min-height:460px;position:relative;overflow:hidden}.robot-stage:after{content:"";background:#969d95;height:1px;position:absolute;bottom:17%;left:5%;right:5%}.arm-preview{width:250px;height:310px;position:absolute;bottom:17%;left:47%}.arm-preview i{font-style:normal;display:block;position:absolute}.base{background:var(--lab-ink);width:90px;height:35px;bottom:0;left:-45px}.link{background:var(--lab-coral);transform-origin:11px 11px;border:5px solid var(--lab-ink);height:22px}.link-a{width:150px;bottom:30px;left:-10px;transform:rotate(-66deg)}.joint{background:var(--lab-green);border:8px solid var(--lab-ink);z-index:3;border-radius:50%;width:32px;height:32px}.joint-a{bottom:155px;left:52px}.link-b{width:125px;bottom:160px;left:64px;transform:rotate(-28deg)}.joint-b{bottom:215px;left:165px}.link-c{width:85px;bottom:221px;left:178px;transform:rotate(16deg)}.gripper{font-size:32px;bottom:249px;left:248px;transform:rotate(90deg)}.target-dot{border:4px solid var(--lab-ink);background:var(--lab-green);border-radius:50%;width:18px;height:18px;position:absolute;top:24%;left:77%;box-shadow:0 0 0 12px #b7d96b40}.target-dot span{letter-spacing:.14em;font-size:8px;font-weight:800;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.stage-hint{letter-spacing:.13em;font-size:8px;font-weight:800;position:absolute;bottom:22px;left:20px}.stage-hint span{letter-spacing:0;color:#6d746e;font-weight:400;line-height:2}.robot-stats{border-top:1px solid var(--lab-line);background:#f7f3e8;grid-template-columns:repeat(4,1fr);display:grid}.robot-stats div{border-right:1px solid var(--lab-line);flex-direction:column;gap:7px;padding:15px 18px;display:flex}.robot-stats span{letter-spacing:.14em;color:#6d746e;font-size:7px}.robot-stats b{font:400 23px/1 Georgia,serif}.robot-stats small{font:400 9px Arial,sans-serif}.health-score{align-items:end;gap:8px;padding:24px 4px;display:flex}.health-score strong{font:400 54px/.8 Georgia,serif}.health-score span{letter-spacing:.1em;color:#777;font-size:7px;line-height:1.6}.health-list{margin:0;padding:0;list-style:none}.health-list li{border-top:1px solid #ddd9cd;gap:10px;padding:13px 5px;font-size:12px;display:flex}.health-list li>span{flex-direction:column;gap:4px;display:flex}.health-list small{color:#777;font-size:8px}.health-list .ok{color:#5f7940}.health-list .warn{color:#b24a38}.health-list b{color:var(--lab-ink)}.learn-card{background:var(--lab-coral);margin-top:18px;padding:18px}.learn-card>span{letter-spacing:.13em;font-size:7px;font-weight:800}.learn-card h3{margin:35px 0 12px;font:400 24px/1.05 Georgia,serif}.learn-card p{font-size:10px;line-height:1.45}.learn-card button{cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0 0 4px;font-size:8px;font-weight:800}.mode-card{border:1px solid var(--lab-line);gap:10px;margin-top:10px;padding:13px;display:flex}.mode-card>i{color:#759f2a}.mode-card span{flex-direction:column;gap:4px;display:flex}.mode-card b{font-size:9px}.mode-card small{color:#777;font-size:8px}.top-actions{justify-self:end;gap:7px;display:flex}.export-button{border:1px solid var(--lab-line);letter-spacing:.11em;cursor:pointer;background:0 0;padding:11px 13px;font-size:8px;font-weight:800}.simulate-button.active{background:var(--lab-coral)}.canvas-host{position:absolute;inset:0}.canvas-host canvas{width:100%;height:100%;display:block}.robot-stage.interactive{cursor:crosshair;touch-action:none}.robot-stage.interactive.dragging{cursor:grabbing}.robot-stage.interactive:after{display:none}.target-readout{border:1px solid var(--lab-line);letter-spacing:.12em;pointer-events:none;background:#f7f3e8e0;padding:9px 11px;font-size:7px;position:absolute;top:18px;right:18px}.target-readout b{letter-spacing:0;margin-top:4px;font-size:10px;display:block}.success-badge{background:var(--lab-green);border:1px solid var(--lab-ink);letter-spacing:.12em;pointer-events:none;padding:9px 13px;font-size:8px;font-weight:800;position:absolute;top:20px;left:50%;transform:translate(-50%)}.joint-tree{border-top:1px solid var(--lab-line);margin-top:22px;padding-top:5px}.joint-tree>button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:45px 1fr;align-items:center;width:100%;padding:8px 6px;display:grid}.joint-tree>button span{color:#838a83;white-space:pre;grid-row:1/3;font-size:9px}.joint-tree>button b{font-size:9px}.joint-tree>button small{color:#7d827d;margin-top:2px;font-size:7px}.joint-tree>button:hover,.joint-tree>button.selected{background:#e1ded3}.joint-tree>button.selected{box-shadow:inset 3px 0 var(--lab-coral)}.joint-tree .tree-base{letter-spacing:.1em;font-size:8px;font-weight:800;display:block}.dof-controls{border:1px solid var(--lab-line);grid-template-columns:34px 1fr 34px;align-items:center;margin-top:12px;display:grid}.dof-controls button{cursor:pointer;background:#e4e0d5;border:0;height:38px}.dof-controls button:disabled{opacity:.35}.dof-controls span{flex-direction:column;align-items:center;gap:3px;display:flex}.dof-controls b{font-size:9px}.dof-controls small{color:#767b76;font-size:7px}.joint-properties{border-top:1px solid var(--lab-line);border-bottom:1px solid var(--lab-line);margin:16px 0;padding:14px 4px}.property-heading{grid-template-columns:1fr auto;margin-bottom:14px;display:grid}.property-heading span{letter-spacing:.14em;color:#777;grid-column:1/-1;margin-bottom:7px;font-size:7px}.property-heading b{font:400 23px/1 Georgia,serif}.property-heading small{color:#777;align-self:end;font-size:8px}.joint-properties label{text-transform:uppercase;letter-spacing:.1em;grid-template-columns:1fr auto;gap:7px;margin:11px 0;font-size:8px;font-weight:700;display:grid}.joint-properties output{color:#6e746e}.joint-properties select{border:1px solid var(--lab-line);background:#eeeadf;grid-column:1/-1;width:100%;padding:9px;font-size:9px}.joint-properties input[type=range]{width:100%;accent-color:var(--lab-coral);grid-column:1/-1}.maths{border-top:1px solid #1b2a234d;flex-direction:column;gap:7px;margin-top:14px;padding-top:13px;display:flex}.maths b{font:italic 24px Georgia,serif}.maths small{font-size:8px;line-height:1.5}.simulation-modes{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mode-card.disabled{opacity:.5}.simulation-modes .mode-card{margin:0;padding:10px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1b2a2394;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.motor-modal{background:var(--lab-cream);border:1px solid var(--lab-ink);width:min(520px,100%);max-height:90svh;box-shadow:12px 12px 0 var(--lab-coral);padding:35px;position:relative;overflow:auto}.modal-close{cursor:pointer;background:0 0;border:0;font-size:25px;position:absolute;top:12px;right:15px}.modal-kicker{letter-spacing:.15em;font-size:8px;font-weight:800}.motor-modal h2{letter-spacing:-.04em;margin:22px 0 12px;font:400 42px/.9 Georgia,serif}.motor-modal>p{color:#656b65;margin-bottom:25px;font-size:11px;line-height:1.5}.motor-modal label{text-transform:uppercase;letter-spacing:.11em;flex-direction:column;gap:7px;margin:12px 0;font-size:8px;font-weight:700;display:flex}.motor-modal input{border:1px solid var(--lab-line);background:#fbf8ef;padding:11px;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.save-motor{background:var(--lab-ink);color:#fff;letter-spacing:.12em;cursor:pointer;border:0;width:100%;margin-top:18px;padding:14px;font-size:9px;font-weight:800}@media (max-width:1120px){.lab-workspace{grid-template-columns:230px 1fr;height:auto}.properties-panel{border-left:0;border-top:1px solid var(--lab-line);grid-column:1/-1;grid-template-columns:140px 1fr 260px;gap:14px;display:grid}.properties-panel .panel-title{display:none}.learn-card{margin-top:0}.mode-card{height:max-content;margin:0}.health-score{padding:20px}.health-list{grid-template-columns:repeat(3,1fr);display:grid}.joint-properties{margin:0}.simulation-modes{grid-column:3}}@media (max-width:760px){.lab-topbar{grid-template-columns:1fr auto}.lab-step,.export-button{display:none}.lab-workspace{display:block}.parts-panel{border-right:0;border-bottom:1px solid var(--lab-line);max-height:none}.part-list{grid-template-columns:1fr 1fr;display:grid}.viewport-panel{min-height:650px}.robot-stage{min-height:510px}.properties-panel,.health-list{display:block}.learn-card{margin-top:18px}.simulation-modes{margin-top:10px}.robot-stats div{padding:12px 9px}.robot-stats b{font-size:18px}}@media (max-width:480px){.lab-topbar{padding:0 10px}.lab-brand{font-size:9px}.lab-brand span{width:27px;height:27px}.part-list{grid-template-columns:1fr}.robot-stats{grid-template-columns:1fr 1fr}.robot-stats div{border-bottom:1px solid var(--lab-line)}.form-grid{grid-template-columns:1fr}.motor-modal{padding:28px 20px}.stage-hint{display:none}}