:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#273c35;background:#f3f4ef;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #81aa90;outline-offset:3px}[hidden]{display:none!important}.sim-header{max-width:1400px;margin:auto;min-height:78px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2d8;gap:20px}.sim-brand{font-size:25px;font-weight:750;letter-spacing:1.5px}.sim-brand span{display:inline-block;font-size:8px;font-weight:500;letter-spacing:1.3px;margin-left:15px;color:#819082;vertical-align:middle}.sim-header nav{display:flex;gap:26px;font-size:12px;color:#7c8c7d}.sim-header nav a[aria-current]{color:#2e6047;font-weight:600}.sim-header nav a:hover{color:#2e6047}main{max-width:1400px;padding:0 36px;margin:auto}.sim-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:30px 0 24px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#849583;font-weight:600;margin:0 0 7px}h1,h2,p{margin:0}.sim-heading h1{font-size:30px;font-weight:600;letter-spacing:-.7px;margin-bottom:7px}.sim-heading>div>p:last-child{font-size:12px;color:#82917e}.prototype-tag{font-size:10px;color:#8b846d;white-space:nowrap;background:#eeede5;border:1px solid #dfdfd2;border-radius:5px;padding:5px 9px}.sim-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.sim-stage{min-width:0;border:1px solid #dce3d9;background:#fff;border-radius:18px;overflow:hidden}.stage-toolbar{padding:16px 21px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #e7ebe2}.stage-toolbar h2{font-size:13px;font-weight:600}.look-tabs{display:flex;padding:3px;background:#f0f3ec;border-radius:8px;gap:3px}.look-tabs button{border-radius:6px;font-size:12px;background:none;padding:5px 13px;color:#80907b}.look-tabs button[aria-pressed=true]{background:#fff;color:#365d42}.stage-toolbar>span{margin-left:auto;color:#71846e;font-size:10px}.robot-viewport{position:relative;height:540px;background:#e9ede6;overflow:hidden}.robot-viewport canvas{display:block;width:100%;height:100%;touch-action:none;outline:0}.view-controls{position:absolute;top:16px;left:18px;display:flex;background:#ffffffdb;padding:3px;gap:2px;border:1px solid #dce3d8;border-radius:8px}.view-controls button{font-size:10px;padding:5px 10px;border-radius:5px;background:none;color:#7d8e7b}.view-controls button[aria-pressed=true]{color:#355f44;background:#e9f0e3}.viewport-foot{position:absolute;bottom:14px;left:18px;right:18px;display:flex;align-items:center;gap:15px;color:#798b79;font-size:10px}.viewport-foot>span{margin-right:auto}.viewport-foot label{display:flex;align-items:center;gap:4px;cursor:pointer}.viewport-foot input{accent-color:#52775c;width:12px;height:12px;margin:0}.stage-caption{position:absolute;right:21px;top:18px;text-align:right;pointer-events:none}.stage-caption>span{display:block;font-size:9px;color:#8c9b88;letter-spacing:1px}.stage-caption strong{display:block;font-size:13px;font-weight:500;color:#557050;margin-top:4px}.sim-player{padding:19px 21px 17px}.player-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.player-heading>div{display:flex;align-items:center;gap:13px}.player-heading strong{font-size:14px;font-weight:600}.player-heading span{font-size:11px;color:#879680}.player-heading output{font:11px ui-monospace,SFMono-Regular,monospace;color:#819379;white-space:nowrap}.player-controls{display:flex;align-items:center;gap:9px;margin-top:14px}.primary{background:#3e694e;color:white;font-size:12px;padding:9px 15px;border-radius:7px;white-space:nowrap;min-width:66px}.primary:hover{background:#31553e}#replayMotion{background:#eff3e9;border-radius:7px;height:36px;width:33px;font-size:17px;color:#6f8e61;flex-shrink:0}.player-controls input[type=range]{min-width:0;flex:1;width:100%;accent-color:#6c9462;height:18px}.slow-control{display:flex;align-items:center;gap:4px;font-size:11px;color:#809276;white-space:nowrap}.slow-control input{accent-color:#6c9462}.phase-stops{display:flex;gap:5px;margin-top:14px}.phase-stops button{font-size:10px;border:1px solid #e3e9dc;color:#78916c;background:#f8faf4;border-radius:5px;padding:4px 10px}.phase-stops button:hover{background:#eaf2e1}.joint-readouts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e8ece3;background:#fbfcf8}.joint-readouts>div{padding:11px 17px;border-right:1px solid #e8ece3}.joint-readouts>div:last-child{border:0}.joint-readouts span{display:block;font-size:9px;color:#8a9980}.joint-readouts strong{font:13px ui-monospace,SFMono-Regular,monospace;color:#61795a;display:block;margin-top:3px}.sim-panel{background:#fff;border:1px solid #dce3d9;border-radius:18px;padding:24px 22px}.panel-title h2{font-size:20px;font-weight:550;letter-spacing:-.5px}.control-modes{display:flex;border-bottom:1px solid #e4e9df;margin:18px 0}.control-modes button{font-size:11px;flex:1;padding:9px 4px;color:#8b9981;background:none;border-bottom:2px solid transparent}.control-modes button[aria-pressed=true]{border-bottom-color:#5d8659;color:#426b43;font-weight:550}.gesture-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gesture-grid button{text-align:left;padding:12px 10px;border:1px solid #e0e7d9;border-radius:9px;background:#fbfcf8;min-width:0}.gesture-grid button strong{display:block;font-size:12px;font-weight:550;color:#5a7451}.gesture-grid button span{display:block;font-size:9px;margin-top:5px;color:#98a58a;line-height:1.6}.gesture-grid button[aria-pressed=true]{background:#edf4e5;border-color:#94b47e}.gesture-grid button[aria-pressed=true] strong{color:#426c37}.gesture-grid button:last-child{grid-column:1/-1}.amplitude-control{margin-top:23px;border-top:1px solid #e7ece1;padding-top:16px}.amplitude-control label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#70866a}.amplitude-control output{font:11px ui-monospace,SFMono-Regular,monospace}.amplitude-control input{width:100%;accent-color:#7d9e69;margin:11px 0 2px}.amplitude-control>div{display:flex;justify-content:space-between;font-size:9px;color:#a0ad94}.amplitude-control p{font-size:9px;color:#a3ad97;margin-top:9px}.demo-button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:18px;padding:11px 12px;background:#edf3e7;border:1px solid #dfe9d3;border-radius:7px;font-size:11px;color:#5a7f4a}.demo-button span{font-size:16px}.design-note{font-size:10px;line-height:1.9;color:#8e9b84;border-top:1px solid #e8ece3;margin-top:22px;padding-top:16px}.geometry-settings{margin-top:15px;border-top:1px solid #e8ece3;font-size:10px;color:#849779}.geometry-settings summary{cursor:pointer;padding:12px 0}.geometry-settings>p{font-size:10px;line-height:1.8;color:#9aa88f;margin-bottom:13px}.geometry-inputs{display:grid;grid-template-columns:1fr 1fr;gap:11px 8px}.geometry-inputs label{font-size:10px;color:#809473}.geometry-inputs input{display:block;width:100%;border:1px solid #dfe7d7;border-radius:6px;padding:6px 8px;font-size:12px;color:#526d48;background:#fafcf7;margin-top:4px}.secondary{font-size:11px;background:#edf3e5;border:1px solid #dfe8d4;border-radius:6px;padding:9px 11px;color:#648653}.geometry-settings .secondary{margin:14px 0 8px}.text-button{font-size:10px;background:none;color:#789769;padding:5px 0}.geometry-settings>.text-button{display:block}.export-row{margin-top:13px}.export-row>span{display:block;font-size:10px;color:#91a17e;margin-top:5px}.sim-footer{font-size:10px;color:#98a68b;display:flex;justify-content:space-between;gap:20px;margin:19px 0 35px;line-height:1.9}.sim-footer a{white-space:nowrap;color:#708f5e}.manual-intro,.joystick-hint{font-size:10px;color:#8d9d80;line-height:1.8}.joystick-wrap{display:flex;align-items:center;flex-direction:column;margin:13px 0 0;font-size:9px;color:#a0ae93;gap:4px}.joystick{position:relative;width:125px;height:125px;border:1px solid #dce7d1;background:#f1f5eb;border-radius:50%;touch-action:none;cursor:grab}.joystick:active{cursor:grabbing}.cross{position:absolute;background:#dce5d3;pointer-events:none}.cross.horizontal{height:1px;left:13px;right:13px;top:50%}.cross.vertical{width:1px;top:13px;bottom:13px;left:50%}.joystick-thumb{position:absolute;width:28px;height:28px;border-radius:50%;background:#7e9f6f;border:4px solid #e0e9d7;top:calc(50% - 14px);left:calc(50% - 14px);pointer-events:none}.joystick>span{position:absolute;top:calc(50% + 21px);width:100%;text-align:center;font-size:8px;color:#a9b59d;pointer-events:none}.joystick-hint{text-align:center;font-size:9px;margin-top:8px}.joint-sliders{margin:18px 0}.joint-slider{margin-bottom:14px}.joint-slider label{display:flex;justify-content:space-between;font-size:11px;color:#6f8663}.joint-slider label span{font-size:9px;color:#a0af93}.joint-slider input{width:100%;accent-color:#7d9c6a;margin:8px 0 0}.joint-slider output{font:10px ui-monospace,SFMono-Regular,monospace}#webglError{position:absolute;left:20px;right:20px;top:35%;padding:20px;background:#fff;border:1px solid #dfe6da;color:#61755b;font-size:14px}
@media(min-width:1440px){.robot-viewport{height:600px}.sim-workspace{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:1050px){main{padding:0 25px}.sim-header{padding:0 25px}.sim-workspace{grid-template-columns:minmax(0,1fr) 290px;gap:15px}.sim-panel{padding:22px 18px}.robot-viewport{height:510px}.prototype-tag{display:none}.stage-toolbar{padding:14px;gap:12px}.stage-toolbar>span{font-size:9px}.joint-readouts>div{padding:10px}.player-heading>div{display:block}.player-heading span{display:block;margin-top:3px}.viewport-foot{gap:9px;font-size:9px}.view-controls{top:13px;left:13px}.stage-caption{right:13px}.stage-toolbar h2{font-size:12px}}
@media(max-width:800px){.sim-workspace{grid-template-columns:1fr}.sim-panel{padding:23px}.robot-viewport{height:480px}.sim-heading{margin:25px 0 20px}.sim-heading h1{font-size:27px}.gesture-grid{grid-template-columns:repeat(4,1fr)}.gesture-grid button:last-child{grid-column:auto}.gesture-grid button span{font-size:10px}.sim-panel .control-modes{max-width:340px}.geometry-inputs{grid-template-columns:repeat(3,1fr)}.sim-footer{display:block}.sim-footer a{display:inline-block;margin-top:9px}.amplitude-control{max-width:420px}.joint-sliders{display:grid;grid-template-columns:1fr 1fr;gap:5px 25px}.joystick-wrap{margin:14px auto}.sim-header nav{gap:18px}.sim-brand span{display:none}}
@media(max-width:480px){main{padding:0 14px}.sim-header{padding:0 18px;min-height:67px}.sim-brand{font-size:22px}.sim-header nav{gap:15px;font-size:10px}.sim-heading h1{font-size:25px}.sim-heading>div>p:last-child{font-size:11px;max-width:290px;line-height:1.8}.eyebrow{font-size:8px}.stage-toolbar{gap:10px;flex-wrap:wrap;padding:12px 14px}.stage-toolbar>span{font-size:9px}.look-tabs button{font-size:11px;padding:5px 10px}.robot-viewport{height:420px}.viewport-foot{font-size:8px;gap:10px;left:12px;right:12px;bottom:12px}.viewport-foot>span{max-width:104px;line-height:1.5}.sim-player{padding:16px 15px}.player-heading strong{font-size:13px}.player-heading span{font-size:10px}.player-heading output{font-size:10px}.player-controls{gap:7px}.primary{font-size:11px;padding:9px 10px;min-width:58px}.slow-control{font-size:10px;gap:1px}.joint-readouts>div{padding:10px 8px}.joint-readouts span{font-size:8px}.joint-readouts strong{font-size:11px}.sim-panel{padding:22px 18px}.gesture-grid{grid-template-columns:1fr 1fr}.gesture-grid button:last-child{grid-column:1/-1}.gesture-grid button{padding:12px}.gesture-grid button strong{font-size:13px}.gesture-grid button span{font-size:10px}.geometry-inputs{grid-template-columns:1fr 1fr}.joint-sliders{grid-template-columns:1fr;gap:0}.stage-caption{top:53px}.stage-caption strong{font-size:11px}.phase-stops{gap:4px}.phase-stops button{padding:4px 8px;font-size:9px}}

.structure-picker{display:flex;align-items:center;gap:22px;margin:0 0 20px}.structure-options{display:flex;gap:9px}.structure-options button{background:#fafbf6;border:1px solid #dce3d5;border-radius:10px;padding:10px 17px;text-align:left}.structure-options strong{display:block;font-size:13px;font-weight:600}.structure-options span{display:block;font-size:10px;color:#92a088;margin-top:2px}.structure-options button[aria-pressed=true]{background:#eaf1e1;border-color:#91ab7e}.structure-options button[aria-pressed=true] strong{color:#426536}.structure-picker>p{font-size:11px;color:#84947b;max-width:460px}.joint-readouts[data-axes="2"]{grid-template-columns:repeat(2,1fr)}
@media(max-width:800px){.structure-picker{align-items:flex-start;flex-direction:column;gap:8px}.structure-picker>p{font-size:10px}}
@media(max-width:480px){.structure-options{width:100%}.structure-options button{flex:1;padding:10px 12px}.structure-options span{font-size:9px}.viewport-foot{flex-wrap:wrap;gap:7px}.viewport-foot>span{margin-right:auto}.structure-picker{margin-bottom:15px}}

/* Studio finish: a quiet product stage, clear controls and warm material accents. */
:root{color:#29322f;background:#f4f4f0;line-height:1.55}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}button{transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}.sim-header{min-height:64px;border-bottom-color:#e3e4dd}.sim-brand{font-size:22px}.sim-brand span{color:#8b918a;letter-spacing:1.9px}.sim-header nav{color:#737d74}.sim-heading{margin:25px 0 20px;align-items:center}.sim-heading .eyebrow{color:#9a8d72;font-size:9px;letter-spacing:2px}.sim-heading h1{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:8px 0;font-weight:600}.sim-heading>div>p:last-child{font-size:12px;color:#7c847b}.structure-picker{margin:0;display:block;text-align:right}.structure-options{gap:4px;padding:4px;background:#e9ebe4;border:1px solid #e0e3d9;border-radius:12px}.structure-options button{padding:8px 17px;background:none;border:1px solid transparent;border-radius:9px;min-width:105px}.structure-options button strong{font-size:12px;color:#80877c;font-weight:500}.structure-options span{font:8px ui-monospace,SFMono-Regular,monospace;letter-spacing:.3px;color:#9b9f92}.structure-options button[aria-pressed=true]{background:#fff;border-color:#d8ddcf;box-shadow:0 2px 6px #303f2510}.structure-options button[aria-pressed=true] strong{color:#3d5341;font-weight:600}.prototype-tag{background:none;border:0;padding:0;display:block;color:#99978a;font-size:9px;margin-top:6px}.sim-workspace{gap:20px;grid-template-columns:minmax(0,1fr) 300px}.sim-stage{border-radius:20px;border-color:#dce0d7;box-shadow:0 5px 25px #28342705}.stage-toolbar{padding:11px 20px;gap:18px;background:#fff}.stage-toolbar h2{font-size:11px;color:#8b9286;font-weight:500}.look-tabs{padding:3px;gap:1px;background:#f1f3ec;border-radius:7px}.look-tabs button{padding:5px 15px;font-size:11px;color:#929a89}.look-tabs button[aria-pressed=true]{box-shadow:0 1px 4px #24341b10;color:#41543b}.stage-toolbar>span{font-size:9px;color:#7f8d74;display:flex;gap:6px;align-items:center}.stage-toolbar>span:before{content:"";width:5px;height:5px;background:#8d9e7d;border-radius:50%}.robot-viewport{height:clamp(420px,57vh,610px);background:#e7e8e4}.view-controls{top:17px;left:18px;border:1px solid #d7dcd0cc;background:#fffffff0;box-shadow:0 2px 7px #24301a05;backdrop-filter:blur(12px)}.view-controls button{padding:5px 10px;color:#959b90;font-size:10px}.view-controls button[aria-pressed=true]{background:#e9eee2;color:#4d6342}.stage-caption{top:18px;right:21px}.stage-caption>span{font-size:8px;letter-spacing:1.3px;color:#a0a593}.stage-caption strong{font-size:11px;color:#768067;font-weight:400}.viewport-foot{bottom:15px;left:20px;right:19px;font-size:9px;color:#939b8b;gap:10px}.viewport-foot>span{max-width:none}.viewport-foot button{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #d9dfd2;background:#ffffffe3;border-radius:6px;color:#718163;font-size:9px}.viewport-foot button[aria-expanded=true]{background:#f0f4e9;border-color:#8ea478}.viewport-foot svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}.view-settings-panel{position:absolute;z-index:4;bottom:52px;right:19px;width:185px;background:#fffffff5;backdrop-filter:blur(14px);border:1px solid #dbe1d3;border-radius:12px;box-shadow:0 10px 30px #26301914;padding:14px}.view-settings-panel>p{font-size:10px;color:#9a9f8f;letter-spacing:1px;margin-bottom:7px}.view-settings-panel label{display:flex;align-items:center;gap:8px;font-size:11px;color:#68795c;padding:7px 0;cursor:pointer}.view-settings-panel input{accent-color:#6c8358}.sim-player{padding:16px 20px 14px}.player-heading strong{font-size:13px;color:#46553d}.player-heading span{font-size:10px;color:#9aa18f}.player-heading output{font-size:10px;color:#8e9980}.player-controls{margin-top:10px}.primary{font-size:11px;min-width:60px;border-radius:6px;background:#536b43;padding:8px 13px}.primary:hover{background:#415734}#replayMotion{height:32px;width:31px;font-size:15px}.player-controls input[type=range]{accent-color:#82966e}.phase-stops{margin-top:10px}.phase-stops button{font-size:9px;color:#94a181;border-color:#e4e8dc;padding:3px 9px;background:#fafbf7}.phase-stops button:hover{color:#5a7046}.slow-control{font-size:10px;color:#929d85}.joint-readouts{background:#f9faf6}.joint-readouts>div{padding:9px 17px}.joint-readouts span{font-size:8px;color:#a0a88f}.joint-readouts strong{font-size:11px;color:#7d8c6b}.sim-panel{padding:22px 20px;border-radius:20px;border-color:#dde2d5;box-shadow:0 4px 22px #29322204;background:#fff}.panel-title .eyebrow{color:#a49c85;letter-spacing:1.5px;font-size:8px}.panel-title h2{font-size:20px;color:#394734;margin-top:5px}.control-modes{margin:16px 0;border:1px solid #e2e7d9;background:#f6f8f1;border-radius:7px;padding:3px;gap:3px}.control-modes button{font-size:10px;border:0;padding:6px 3px;border-radius:4px;color:#98a08b}.control-modes button[aria-pressed=true]{background:#fff;color:#5d734b;box-shadow:0 1px 4px #26341c0a}.gesture-grid{gap:7px}.gesture-grid button{display:flex;align-items:center;gap:8px;min-height:65px;padding:9px 8px;background:#fafbf7;border:1px solid #e2e7d9;border-radius:9px}.gesture-grid button:hover{border-color:#b7c4a5;background:#f5f8ee;transform:translateY(-1px)}.gesture-grid button strong{font-size:12px;color:#61724f;line-height:1.4;font-weight:500}.gesture-grid .gesture-copy>span{font-size:8px;line-height:1.55;margin-top:3px;color:#9aa589;max-width:83px}.gesture-grid button[aria-pressed=true]{background:#eef3e5;border-color:#a0b187;box-shadow:inset 0 0 0 1px #cbd8ba50}.gesture-grid button[aria-pressed=true] strong{color:#425b32;font-weight:600}.gesture-grid .gesture-symbol{width:31px;height:35px;flex:0 0 31px;border-radius:9px;background:#f0f3e9;color:#9cab85;margin:0;display:grid;place-items:center}.gesture-symbol svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.gesture-symbol .blush{stroke:#c1a49a}.gesture-symbol .tear{stroke:#99b4b7}.gesture-grid button[aria-pressed=true] .gesture-symbol{background:#e0e9d2;color:#72915b}.gesture-grid button:last-child{grid-column:1/-1;min-height:56px}.gesture-grid button:last-child .gesture-copy>span{max-width:none}.amplitude-control{margin-top:19px;padding-top:15px}.amplitude-control label{font-size:11px;color:#758467}.amplitude-control output{font-size:10px}.amplitude-control input{accent-color:#91a47a}.amplitude-control>div{font-size:8px;color:#a3ae94}.amplitude-control p{font-size:8px;color:#afb79f}.demo-button{padding:10px 12px;font-size:10px;border-color:#dfe8d1;background:#eef3e5;color:#6d8655}.demo-button:hover{background:#e6efd9}.geometry-settings{margin-top:17px;font-size:9px}.geometry-settings summary{color:#91a17b}.export-row{margin-top:6px}.text-button{font-size:9px;color:#9aa78b}.sim-footer{font-size:9px;line-height:1.7;margin-top:15px;color:#a7ae9a}.sim-footer a{color:#8a9a74}.geometry-settings>p{color:#8c9b7b}.manual-intro{color:#8c9b7a;font-size:10px}
@media(min-width:1440px){.sim-workspace{grid-template-columns:minmax(0,1fr) 320px}.robot-viewport{height:clamp(500px,58vh,680px)}.gesture-grid .gesture-copy>span{font-size:9px;max-width:95px}.gesture-grid button{padding:11px 10px}}
@media(max-width:1050px){.sim-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:15px}.sim-panel{padding:20px 16px}.stage-caption strong{font-size:10px}.view-controls button{padding:5px 8px}.gesture-grid button{gap:5px}.gesture-grid .gesture-symbol{width:27px;flex-basis:27px}.gesture-symbol svg{width:27px}.gesture-grid .gesture-copy>span{max-width:75px}.robot-viewport{height:460px}}
@media(max-width:800px){.sim-workspace{grid-template-columns:1fr}.sim-heading{margin:24px 0 18px}.sim-heading h1{font-size:29px}.structure-picker{align-items:initial}.structure-options button{min-width:90px;padding:8px 12px}.prototype-tag{display:none}.robot-viewport{height:480px}.gesture-grid{grid-template-columns:repeat(4,1fr)}.gesture-grid button{display:block;text-align:left;padding:12px}.gesture-grid .gesture-symbol{margin-bottom:7px}.gesture-grid button:last-child{grid-column:auto}.gesture-grid .gesture-copy>span{max-width:none;font-size:9px}.sim-panel{padding:23px}.sim-footer{font-size:9px}.stage-caption strong{font-size:11px}}
@media(max-width:600px){.sim-header{min-height:59px}.sim-heading{align-items:flex-start;gap:16px;flex-direction:column;margin:22px 0 15px}.sim-heading h1{font-size:29px}.sim-heading>div>p:last-child{max-width:none;font-size:11px}.structure-picker{width:100%}.structure-options{width:100%;padding:3px}.structure-options button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px}.structure-options button strong{font-size:11px}.structure-options span{font-size:7px;margin:0}.stage-toolbar{padding:10px 13px;gap:12px;flex-wrap:nowrap}.stage-toolbar h2{font-size:10px}.look-tabs button{padding:4px 12px;font-size:10px}.stage-toolbar>span{font-size:8px}.robot-viewport{height:435px}.view-controls{left:12px;top:12px}.view-controls button{font-size:9px;padding:5px 8px}.stage-caption{top:51px;right:15px}.stage-caption strong{font-size:10px}.stage-caption>span{font-size:7px}.viewport-foot{left:13px;right:13px;bottom:12px;font-size:8px;flex-wrap:nowrap}.viewport-foot button{font-size:9px}.sim-player{padding:14px}.player-heading span{font-size:9px}.player-heading output{font-size:9px}.joint-readouts>div{padding:9px 13px}.gesture-grid{grid-template-columns:1fr 1fr}.gesture-grid button{display:flex;min-height:67px;padding:10px 12px;gap:10px}.gesture-grid button:last-child{grid-column:1/-1;min-height:55px}.gesture-grid .gesture-symbol{margin:0;width:32px;flex-basis:32px;height:36px}.gesture-symbol svg{width:32px;height:32px}.gesture-grid .gesture-copy>span{font-size:9px}.gesture-grid button strong{font-size:12px}.sim-panel{padding:21px 18px}.view-settings-panel{right:12px}.phase-stops button{font-size:9px;padding:3px 8px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;height:18px;outline-offset:3px}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:6px;background:linear-gradient(90deg,#8b9c75 0 var(--range-fill,0%),#e4e9db var(--range-fill,0%) 100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#8b9c75;border:2px solid #fff;box-shadow:0 0 0 1px #b4c39e66;margin-top:-4.5px}input[type=range]::-moz-range-track{height:3px;background:#e4e9db;border-radius:6px}input[type=range]::-moz-range-progress{background:#8b9c75;height:3px}input[type=range]::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#8b9c75;border:2px solid #fff}
@media(min-width:1051px) and (max-width:1439px){.robot-viewport{height:510px}}@media(min-width:1440px){.robot-viewport{height:600px}}

.player-heading>div{min-width:0}.player-heading span{line-height:1.5}.player-heading output{flex-shrink:0}@media(max-width:800px){.player-heading>div{display:block}.player-heading span{display:block;margin-top:4px;max-width:330px}}
.new-look{display:inline-flex;align-items:center;justify-content:center;margin-left:5px;padding:1px 4px;border-radius:4px;background:#daf0ed;color:#346664;font-size:9px;line-height:1.3}
.aqua-details{padding:10px 1px 12px;border-bottom:1px solid #e5e9df;font-size:11px;color:#708674;display:flex;flex-direction:column;gap:8px}.aqua-details[hidden]{display:none}.aqua-details label{display:flex;align-items:center;gap:5px;font-size:11px}.aqua-details input{accent-color:#648b75}.look-tabs{flex-wrap:wrap}
.gesture-grid button:last-child:nth-child(even){grid-column:auto;min-height:65px}
@media(max-width:600px){.stage-toolbar{gap:7px;flex-wrap:wrap}.look-tabs button{padding:4px 9px}.stage-toolbar>span{margin-left:auto}.new-look{font-size:8px;margin-left:3px}.gesture-grid button:last-child:nth-child(even){min-height:67px}}

.gesture-section-label{grid-column:1/-1;font-size:10px;color:#88977c;margin:7px 0 2px;letter-spacing:.03em}
/* Keep the robot and transport together while browsing a compact action palette. */
.task-picker{margin:0 0 18px}.section-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:9px}.section-heading h3{font-size:12px;font-weight:600;margin:0;color:#4d634b}.section-heading>span{font-size:9px;color:#91a08a}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.task-grid button{text-align:left;background:#f7f9f2;border:1px solid #e0e6d8;border-radius:9px;padding:11px 10px;min-height:75px}.task-grid strong{font-size:12px;font-weight:600;display:block;color:#4d684a}.task-grid span{font-size:9px;line-height:1.65;display:block;color:#8c9a7f;margin-top:5px}.task-grid button:hover{background:#eef4e6;border-color:#b7c8a7}.task-grid button[aria-pressed=true]{background:#eaf2e2;border-color:#91ad7c;box-shadow:inset 0 0 0 1px #91ad7c33}.expression-heading{margin-top:17px}.gesture-filters{display:flex;gap:6px;margin-bottom:10px}.gesture-filters button{font-size:11px;padding:5px 12px;border-radius:16px;background:#f4f6f0;color:#8a987e}.gesture-filters button[aria-pressed=true]{background:#54734d;color:white}.gesture-grid{max-height:245px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#c6d2bc transparent;padding:2px 3px 3px 0;align-content:start}.gesture-grid .gesture-section-label{display:none}.gesture-grid button:last-child{grid-column:auto;min-height:65px}.gesture-grid button .gesture-copy>span{max-width:none}.task-progress{padding:13px 20px;background:#f4f7ee;border-bottom:1px solid #e2e9d9}.task-progress-heading{display:flex;align-items:center;gap:9px;margin-bottom:9px}.task-progress-heading strong{font-size:12px;color:#44613c}.task-progress-heading span{font:10px ui-monospace,SFMono-Regular,monospace;color:#8c9c7e}.task-progress-heading>button{margin-left:auto;font-size:10px;background:none;color:#789065;padding:3px 0}.task-steps{display:flex;gap:6px}.task-steps button{flex:1;min-width:0;padding:7px 5px;font-size:10px;background:#fff;color:#91a080;border:1px solid #e0e8d5;border-radius:6px}.task-steps button[aria-current=step]{color:#3e6438;border-color:#a7be90;background:#e8f0de;font-weight:600}.player-heading span{font-size:11px;color:#849476}.sim-stage{scroll-margin-top:16px}.sim-panel{scroll-margin-top:16px}.robot-viewport{height:clamp(300px,calc(100dvh - 350px),540px)}
@media(min-width:801px){.sim-stage{position:sticky;top:16px}.sim-workspace{grid-template-columns:minmax(0,1fr) 320px}.sim-stage:has(.task-progress:not([hidden])) .robot-viewport{height:clamp(260px,calc(100dvh - 395px),490px)}}
@media(min-width:1440px){.sim-workspace{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:1050px) and (min-width:801px){.sim-workspace{grid-template-columns:minmax(0,1fr) 285px}.task-grid button{padding:10px 8px}.task-grid strong{font-size:11px}.task-steps button{font-size:9px}.section-heading>span{display:none}}
@media(max-width:800px){.robot-viewport{height:430px}.task-grid{grid-template-columns:repeat(4,1fr)}.gesture-grid{max-height:220px}.task-progress{padding:12px 15px}.task-steps button{font-size:10px}.sim-panel{margin-bottom:5px}}
@media(max-width:600px){.robot-viewport{height:350px}.task-grid{grid-template-columns:1fr 1fr}.task-grid span{font-size:10px}.gesture-grid{max-height:230px}.task-steps{gap:4px}.task-steps button{font-size:9px;padding:7px 3px}.section-heading>span{font-size:9px}.task-progress-heading strong{font-size:12px}.task-progress-heading>button{font-size:10px}.sim-player .player-heading strong{font-size:13px}}