/* One drawer, one scroll area. Scene and controls never overlap on desktop. */
:root{--dock-width:364px;--panel:#f2f0e9;--panel-ink:#30392e;--border:#d9dcd1;--accent:#516349}
header{padding:22px 28px;z-index:3}.brand{font-size:25px;gap:18px}.brand span{padding-left:18px}.topright{gap:20px}.topright #workspace-toggle{font-size:12px;padding:10px 15px;border:1px solid #ffffff40;border-radius:5px;background:#26342de8;color:#f4f1e8}.topright>span{font-size:11px;opacity:.85}
#view{width:100%;height:100%;}body.workspace-open #view{width:calc(100% - var(--dock-width) - 28px)}
body.workspace-open header{width:calc(100% - var(--dock-width) - 28px)}body.workspace-open .topright>span{display:none}
#intro[inert]{visibility:hidden}body.workspace-open #intro{display:none}body.workspace-open #veil{opacity:.12}
#workspace{position:fixed;z-index:10;inset:16px 16px 16px auto;width:var(--dock-width);max-height:none;display:flex;flex-direction:column;padding:0;background:var(--panel);color:var(--panel-ink);border:1px solid #ffffff80;border-radius:12px;box-shadow:0 8px 32px #0e190b26;backdrop-filter:none;overflow:hidden}
.workspace-head{display:flex;justify-content:space-between;align-items:center;padding:21px 20px 16px}.workspace-eyebrow{font:9px sans-serif;letter-spacing:.15em;color:#818777}.workspace-head h2{font-size:17px;letter-spacing:.04em;font-weight:500;margin:6px 0 0}.workspace-head #workspace-close{font-size:24px;width:34px;height:34px;border:1px solid var(--border);border-radius:50%;color:#616b58}
.workspace-tabs{display:grid;grid-template-columns:repeat(5,1fr);margin:0 16px;padding:4px;background:#e4e7dd;border-radius:7px;gap:2px}.workspace-tabs button{padding:9px 2px;font-size:12px;color:#65705c!important;border:0;border-radius:5px;white-space:nowrap}.workspace-tabs button[aria-selected=true]{background:#fafaf6;color:#293d26!important;box-shadow:0 1px 4px #1a301322}.workspace-content{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:18px 20px 24px;flex:1;min-height:0}
#workspace :is(#map,#settings,#g1-panel,#object-panel,#research-panel,#g1-metrics){position:static;inset:auto;display:block;width:100%;max-width:none;max-height:none;overflow:visible;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;color:var(--panel-ink);font-size:12px}
#workspace :is(#map,#settings,#g1-panel,#object-panel,#research-panel)>.panel-head{display:none}
#workspace :is(p,small){font-size:11px;line-height:1.75;color:#68715f;opacity:1}#workspace p{margin:10px 0}#workspace small{margin-top:12px}#workspace label{font-size:11px;line-height:1.7;margin:12px 0}#workspace select,#workspace input[type=number]{max-width:100%;background:#fafbf6;border:1px solid var(--border);border-radius:5px;color:#35432f;padding:8px;font-size:11px}#workspace select option{color:#35432f}#workspace input[type=range]{accent-color:var(--accent)}#workspace input[type=checkbox]{width:auto;accent-color:var(--accent)}
#workspace button:not([role=tab]):not(#workspace-close){font-size:11px;letter-spacing:0;line-height:1.5;padding:9px 7px;color:#374a2e;background:#fafbf6;border:1px solid #d5dacb;border-radius:5px}#workspace button:enabled:hover{background:#e3e9da;color:#2e4026}#workspace button:disabled{cursor:default;opacity:.42}#workspace :is(button,select,input,summary):focus-visible{outline:2px solid #6e855b;outline-offset:2px}
#workspace :is(#g1-stop,#body-start,#body-stop,#dynamics-start,#object-approach){background:#516349!important;color:white!important;border-color:#516349!important}
.workspace-fold{border-top:1px solid var(--border);margin:15px 0;padding-top:3px}.workspace-fold>summary,#dynamics-panel>summary{cursor:pointer;font-size:12px;font-weight:500;line-height:1.7;padding:11px 0;margin:0;color:#3e4c36}.workspace-fold>summary::marker{color:#929d86}#workspace #camera-section{margin-top:0}#workspace .body-controls{border:0;padding:0;margin:0}#workspace .body-controls>.g1-section-label{display:none}#workspace .g1-section-label{font-size:11px;margin-top:16px;color:#6b765f}.g1-caption{font-size:10px;margin:0}
#workspace :is(.body-buttons,.g1-drive,.g1-poses,.dynamics-drive){gap:6px}#workspace .g1-mini{display:none}#workspace #g1-panel.collapsed{width:100%}#workspace .body-controls label{display:block}#workspace .body-controls select{width:100%;margin-top:5px}#workspace .g1-check{display:flex;align-items:center;gap:7px}#workspace .g1-inline{display:flex}#workspace .g1-patrol-row{align-items:stretch}#workspace .g1-patrol-row select{width:60%;font-size:10px}#workspace .g1-keys{font-size:10px!important;color:#7d8774}
#workspace #body-preview{position:relative;inset:auto;width:100%;margin:12px 0;border:0;background:#283427;box-shadow:none;border-radius:7px;color:#fff}#workspace #body-preview-close{background:transparent;border:0;color:#fff}.body-video-wrap{min-height:80px}#workspace .body-preview-head{font-size:10px}
#workspace #research-panel #g1-metrics{display:block}#workspace #g1-metrics .panel-head{display:none}#workspace .metrics-scroll{max-height:none;overflow:visible}#workspace #g1-metrics table{font-size:10px;color:#33472c}#workspace #g1-metrics th{color:#69795c}#workspace #g1-metrics td{border-color:#dce1d4}#workspace #g1-metrics thead{position:static;background:transparent}
#workspace .room-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;white-space:normal}#workspace .room-grid button{text-align:left;padding:11px 9px}#workspace .room-grid b{font-size:9px;font-weight:400;opacity:.5;margin-right:7px}#workspace .room-grid button.active{background:#e0e7d6;border-color:#849676}#workspace #map svg{margin:0;width:100%;max-height:360px}#workspace #map .map-footer{display:none}
#workspace #settings label{display:block;margin:0 0 22px}#workspace #settings label select,#workspace #settings label input{display:block;width:100%;margin-top:7px}#workspace #performance{font:11px ui-monospace,monospace;color:#57644b}#workspace #object-state,#workspace #object-grip-values{color:#577044}#workspace #dynamics-values{font-size:11px}#workspace #dynamics-policy-note{font-size:11px}#workspace hr{border:0;border-top:1px solid var(--border);margin:20px 0}
footer{padding:16px 28px;z-index:2;pointer-events:none;min-height:52px;gap:12px;flex-wrap:wrap}footer>*{pointer-events:auto}#controls-note{display:block;font-size:10px;max-width:none;color:#f3f1e9;opacity:.8;text-shadow:0 1px 5px #000}#activity-bar{display:none;gap:5px;align-items:center;padding:4px 7px;background:#253528eb;border:1px solid #ffffff26;border-radius:7px;max-width:100%;color:#f1eddc}body.g1-mode #activity-bar{display:flex}#activity-bar button{font-size:10px;padding:7px;letter-spacing:0}#g1-state{font-size:10px;font-weight:400}body.workspace-open footer{width:calc(100% - var(--dock-width) - 28px)}body.workspace-open #controls-note{font-size:9px}#walk-hint{top:auto;bottom:67px;padding:10px 16px;background:#253528e0;border:1px solid #ffffff24;border-radius:7px;backdrop-filter:none}#walk-hint button{font-size:11px;margin:0;padding:3px}#walk-hint span{display:none}body.workspace-open #walk-hint{display:none}#stop-tour{background:#26362ceb;border:1px solid #fff4;border-radius:5px;padding:8px 14px}
@media(max-width:760px){:root{--dock-width:330px}header{padding:18px}.brand{font-size:22px}.brand span{display:none}.topright{gap:12px}#workspace{inset:10px 10px 10px auto}.workspace-content{padding:15px 16px}.workspace-head{padding:18px 16px 12px}footer{padding:14px 18px}body.workspace-open #controls-note{display:none}}
@media(max-width:560px){#workspace{top:74px;bottom:10px;width:calc(100% - 20px);max-height:64vh}body.workspace-open #view{width:100%;height:34vh}body.workspace-open header{width:100%;padding:12px 18px}body.workspace-open #workspace{top:35vh}body.workspace-open footer{display:none}#workspace .room-grid{grid-template-columns:repeat(3,1fr)}#workspace .room-grid button{font-size:10px;padding:9px 5px}}