/* Mobile split-entry presentation only; original model and motion assets are unchanged. */
body[data-smart-mode]{overflow-x:hidden}
body[data-smart-mode] .site-header{padding:16px 24px;gap:14px}
.mobile-section-nav{display:flex;gap:8px!important;max-width:none!important}
.mobile-section-nav a{padding:10px 15px;text-decoration:none;border-radius:8px;border:1px solid #d8e3e7;color:#45677c;font-size:14px}
.mobile-section-nav a[aria-current=page]{background:#355d73;color:#fff;border-color:#355d73}
body[data-smart-mode] main{max-width:1400px;padding:0 24px}
body[data-smart-mode] .mobile-introduction{padding:24px 0 22px}
.mobile-introduction h1{font-size:32px;margin:7px 0 10px}
.mobile-introduction .intro-copy{font-size:14px;line-height:1.7}
body[data-smart-mode] .assembly-actions,body[data-smart-mode] .sidebar-tabs,body[data-smart-mode] .walk-panel,body[data-smart-mode] .scope-note,body[data-smart-mode] .download-row{display:none!important}
body[data-smart-mode] .workspace,body[data-smart-mode] .workspace.code-mode{grid-template-columns:minmax(0,1fr) 320px}
body[data-smart-mode] .panel-toolbar{padding:13px 16px;min-height:64px;height:auto;gap:10px;flex-wrap:wrap}
body[data-smart-mode] .toolbar-actions{flex-wrap:wrap;gap:6px}
body[data-smart-mode] .toolbar-actions button{padding:10px;font-size:12px;min-height:42px;border:1px solid #d7e1e6;border-radius:7px;white-space:nowrap}
body[data-smart-mode] button[aria-pressed=true]{background:#deebe8;border-color:#aac3b9;color:#2f6155}
body[data-smart-mode] .model-stage{height:580px;min-height:0}
body[data-smart-mode] .parts-bar{padding:12px 16px;border-bottom:1px solid #e4e9ea;gap:8px}
body[data-smart-mode] .parts-bar button{padding:10px 12px;font-size:12px;min-height:42px}
body[data-smart-mode] .parts-bar select{height:42px;font-size:13px;max-width:205px}
body[data-smart-mode=actions] .parts-bar,body[data-smart-mode=actions] .selection-card,body[data-smart-mode=actions] .reference-details,body[data-smart-mode=actions] .head-views{display:none!important}
body[data-smart-mode=actions] .parts-sidebar{align-self:start}
body[data-smart-mode=actions] .code-studio{padding:20px}
body[data-smart-mode=actions] .code-heading h3{font-size:19px}
body[data-smart-mode=actions] .code-heading .eyebrow{display:none}
body[data-smart-mode=actions] .code-example-label{display:block;margin-top:17px;font-size:13px;line-height:1.7}
body[data-smart-mode=actions] .code-example-label span{display:block;font-size:12px}
body[data-smart-mode=actions] .code-examples{grid-template-columns:1fr 1fr;margin:10px 0 18px;gap:8px}
body[data-smart-mode=actions] .code-examples button{min-height:44px;font-size:14px;padding:11px 8px}
body[data-smart-mode=actions] #customExample{display:none}
body[data-smart-mode=actions] .advanced-code{border:1px solid #dce5e7;border-radius:8px;padding:12px;margin:0 0 18px}
.advanced-code summary{cursor:pointer;font-size:13px;color:#526e7c}
body[data-smart-mode=actions] .code-run-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body[data-smart-mode=actions] .code-run-controls button{font-size:14px;padding:12px 8px;min-height:44px}
body[data-smart-mode=actions] #runCode{grid-column:1/-1}
body[data-smart-mode=actions] #codeRunState{grid-column:1/-1;font-size:12px;margin:2px 0 0}
body[data-smart-mode=actions] .parts-sidebar .code-examples,body[data-smart-mode=actions] .parts-sidebar .code-example-label,body[data-smart-mode=actions] .parts-sidebar .code-run-controls{display:none!important}
.quick-actions{padding:14px 16px;background:#f8faf9;border-bottom:1px solid #dfe7e8;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}
.quick-actions>label{font-size:13px;color:#567281}.quick-actions>select{width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid #cbdce2;border-radius:7px;background:white;color:#315366;font-size:14px}
.quick-transport{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px}.quick-transport button{min-height:44px;padding:11px;border:1px solid #ccdde3;border-radius:7px;font-size:14px;color:#426879;background:white}.quick-transport #quickPlay{background:#355e76;border-color:#355e76;color:white}.quick-transport button:disabled{opacity:.45;cursor:wait}
.quick-actions>p{grid-column:1/-1;font-size:12px;color:#6a818e;margin:0;min-height:17px}.quick-actions .code-playback{grid-column:1/-1;padding:0;margin:0;border:0;background:transparent;gap:5px}.quick-actions .code-playback strong{font-size:12px}.quick-actions .code-playback>span{font-size:11px}.quick-actions input[type=range]{min-height:28px}
body[data-smart-mode=actions] .code-playback strong{font-size:13px;line-height:1.7}
body[data-smart-mode=actions] .code-help,body[data-smart-mode=actions] .code-log-panel{font-size:12px}
body[data-smart-mode=disassembly] #codePane,body[data-smart-mode=disassembly] #electronicsPane{display:none!important}
.number-picker{padding:14px 16px;border-bottom:1px solid #dfe7e7;background:#f7faf9}
.number-picker[hidden]{display:none}
.number-picker summary{font-size:13px;color:#456577;cursor:pointer}
.number-picker p{font-size:13px;color:#385a6c;line-height:1.7;margin:12px 0}
.number-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(36px,1fr));gap:6px}
.number-list button{height:36px;background:white;border:1px solid #d8e3e5;border-radius:6px;font-size:12px;color:#426174}
.label-number{font-weight:700;margin-right:5px;display:none}
body[data-show-numbers=true] .label-number{display:inline}
body[data-show-names=false] .part-label .label-title,body[data-show-names=false] .part-label small{display:none}
body[data-show-names=false] .part-label{width:27px;height:27px;min-width:27px;padding:5px;border-radius:50%;display:grid;place-items:center;overflow:visible}
body[data-show-names=false] .part-label .label-number{margin:0}
.part-label[hidden]{display:none!important}
body[data-smart-mode] .part-label.separated::before{content:none}
body[data-smart-mode] .part-label{max-width:180px}
@media(max-width:900px){body[data-smart-mode] .workspace,body[data-smart-mode] .workspace.code-mode{grid-template-columns:1fr}body[data-smart-mode] .model-stage{height:60svh;min-height:360px;max-height:620px}body[data-smart-mode] .parts-sidebar{width:100%;min-width:0}body[data-smart-mode] .part-catalogue{max-height:360px}body[data-smart-mode=actions] .code-studio{padding:20px}body[data-smart-mode=actions] .code-heading{flex-wrap:wrap;gap:8px}}
@media(max-width:600px){body[data-smart-mode] .site-header{padding:12px 14px;align-items:center}.brand-mark{width:34px;height:34px}.brand{gap:8px}.brand>span:last-child{font-size:12px}.brand small{font-size:8px}.mobile-section-nav a{padding:9px 10px;font-size:12px}body[data-smart-mode] main{padding:0 10px}body[data-smart-mode] .mobile-introduction{padding:16px 4px}.mobile-introduction h1{font-size:27px;margin:5px 0 7px}.mobile-introduction .eyebrow{font-size:10px}.mobile-introduction .intro-copy{font-size:12px;margin:0}body[data-smart-mode] .panel-toolbar{padding:10px 12px;gap:8px}.panel-heading h2{font-size:15px}.small-number{display:none}body[data-smart-mode] .toolbar-actions{margin-left:0;gap:5px}body[data-smart-mode] .toolbar-actions button{font-size:12px;min-height:40px;padding:9px 8px}body[data-smart-mode] .model-stage{height:54svh;min-height:330px;max-height:500px}body[data-smart-mode] .stage-topline{top:12px;left:12px;right:12px}.stage-tag{font-size:9px}.height-mark{font-size:17px}.stage-bottomline{left:10px;right:10px;bottom:10px;font-size:9px}body[data-smart-mode] .parts-bar{padding:10px 12px;gap:6px}body[data-smart-mode] .parts-bar .parts-divider{display:none}body[data-smart-mode] .parts-bar label{font-size:11px}body[data-smart-mode] .parts-bar select{max-width:calc(100% - 70px);min-width:170px}body[data-smart-mode] .parts-bar button{font-size:12px;padding:10px 11px}body[data-smart-mode] .angle-bar{padding:12px;gap:10px;flex-wrap:wrap}body[data-smart-mode] .angle-buttons button{font-size:12px;padding:10px 14px}body[data-smart-mode] .selection-card{padding:13px 12px;gap:10px}body[data-smart-mode] .selection-card strong{font-size:13px}.selection-card p{font-size:11px}body[data-smart-mode] .part-label{max-width:130px;font-size:10px}.part-label small{font-size:8px}.number-list{grid-template-columns:repeat(8,minmax(0,1fr))}.number-list button{height:38px}.reference-details{margin-top:12px}body[data-smart-mode] footer{font-size:10px;line-height:1.7;padding:18px 14px;flex-wrap:wrap;gap:6px}}
@media(max-height:520px) and (orientation:landscape){body[data-smart-mode] .site-header{padding:8px 16px}.mobile-introduction{display:none!important}body[data-smart-mode] main{padding:10px 12px}body[data-smart-mode] .workspace,body[data-smart-mode] .workspace.code-mode{grid-template-columns:minmax(0,1fr) 280px;gap:12px}body[data-smart-mode] .panel-toolbar{padding:8px 10px}body[data-smart-mode] .panel-heading{display:none}body[data-smart-mode] .toolbar-actions button{padding:8px;min-height:36px;font-size:11px}body[data-smart-mode] .model-stage{height:calc(100svh - 130px);min-height:230px;max-height:none}body[data-smart-mode] .parts-bar{padding:8px;gap:5px}body[data-smart-mode] .parts-bar button{min-height:36px;padding:8px;font-size:11px}body[data-smart-mode] .parts-bar label,body[data-smart-mode] #partSelect,body[data-smart-mode] #togglePart,body[data-smart-mode] #focusPart{display:none}body[data-smart-mode=actions] .code-studio{padding:14px}body[data-smart-mode=actions] .code-heading h3{font-size:15px}body[data-smart-mode=actions] .code-examples button{font-size:12px;min-height:38px}.number-list{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:600px){body[data-smart-mode=actions] .model-stage{height:42svh;min-height:300px;max-height:420px}.quick-actions{padding:10px 12px;gap:7px}.quick-actions .code-playback strong{font-size:12px}}
@media(max-height:520px) and (orientation:landscape){body[data-smart-mode=actions] .workspace,body[data-smart-mode=actions] .workspace.code-mode{display:block}.quick-actions{position:absolute;right:0;top:51px;width:275px;height:calc(100% - 51px);align-content:start;border-left:1px solid #dfe7e8;border-bottom:0;padding:18px 15px}.model-panel{position:relative}body[data-smart-mode=actions] .model-stage,body[data-smart-mode=actions] .angle-bar,body[data-smart-mode=actions] .number-picker{width:calc(100% - 275px)}body[data-smart-mode=actions] .model-stage{height:calc(100svh - 125px);min-height:230px}.quick-transport{grid-template-columns:1fr 1fr}.quick-transport #quickPlay{grid-column:1/-1}.quick-actions .code-playback{margin-top:6px}.parts-sidebar{margin-top:14px}}
/* Leave more of the phone screen for the robot; the completed pose also reframes in model.js. */
@media(max-width:600px) and (orientation:portrait){body[data-smart-mode=actions] .mobile-introduction{padding:10px 4px}body[data-smart-mode=actions] .mobile-introduction .eyebrow{display:none}body[data-smart-mode=actions] .mobile-introduction h1{font-size:24px;margin:2px 0 5px}body[data-smart-mode=actions] .panel-heading{display:none}body[data-smart-mode=actions] .panel-toolbar{padding:9px 11px}body[data-smart-mode=actions] .quick-actions{padding:8px 11px;gap:5px}body[data-smart-mode=actions] #quickState{display:none}body[data-smart-mode=actions] .quick-actions>select,body[data-smart-mode=actions] .quick-transport button{min-height:40px;padding:9px}body[data-smart-mode=actions] .quick-actions .code-playback{grid-template-columns:minmax(0,1fr) auto;gap:4px;align-items:center}body[data-smart-mode=actions] .quick-actions .code-playback strong{font-size:11px;line-height:1.4}body[data-smart-mode=actions] .quick-actions .code-playback>span{font-size:10px}body[data-smart-mode=actions] .quick-actions .code-playback input{grid-column:1/-1;min-height:24px}body[data-smart-mode=actions] .model-stage{height:calc(100svh - 360px);min-height:320px;max-height:460px}}
@media(max-height:520px) and (orientation:landscape){body[data-smart-mode=actions] .quick-actions{top:60px;height:calc(100% - 60px)}body[data-smart-mode=actions] .model-stage{height:calc(100svh - 135px);min-height:200px}}

/* Short landscape: reserve one complete model column and place 44px controls beside it. */
@media (min-width:640px) and (max-height:520px) and (orientation:landscape){
 body[data-smart-mode] .site-header{height:56px;min-height:56px;padding:5px 12px;gap:10px}
 body[data-smart-mode] .brand-mark{width:34px;height:34px;font-size:24px}
 body[data-smart-mode] .brand{font-size:12px;gap:8px}
 body[data-smart-mode] .brand small{font-size:8px;margin-top:4px}
 body[data-smart-mode] .mobile-section-nav a{display:grid;place-items:center;min-height:44px;padding:8px 12px;font-size:12px}
 body[data-smart-mode] .mobile-introduction{display:none!important}
 body[data-smart-mode] main{padding:6px 10px}
 body[data-smart-mode] .workspace,body[data-smart-mode] .workspace.code-mode{display:block}
 body[data-smart-mode] .model-panel{position:relative;padding-right:280px}
 body[data-smart-mode] .model-stage{width:100%!important;height:calc(100svh - 72px);min-height:200px;max-height:none}
 body[data-smart-mode] .panel-toolbar{position:absolute;right:0;top:0;width:280px;height:106px;min-height:106px;padding:6px 10px;display:block;border-left:1px solid #dfe7e8}
 body[data-smart-mode] .panel-heading{display:none}
 body[data-smart-mode] .toolbar-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}
 body[data-smart-mode] .toolbar-actions button{height:44px;min-height:44px;padding:8px;font-size:12px}
 body[data-smart-mode] .parts-bar{position:absolute;right:0;top:106px;width:280px;height:62px;padding:8px 10px;border-left:1px solid #dfe7e8;gap:8px}
 body[data-smart-mode] .parts-bar button{height:44px;min-height:44px;padding:8px 12px;font-size:12px}
 body[data-smart-mode] .parts-bar label,body[data-smart-mode] #partSelect,body[data-smart-mode] #togglePart,body[data-smart-mode] #focusPart{display:none}
 body[data-smart-mode] .angle-bar{position:absolute;right:0;top:168px;width:280px;height:62px;padding:8px 10px;gap:0;border-left:1px solid #dfe7e8}
 body[data-smart-mode] .angle-bar>.control-label{display:none}
 body[data-smart-mode] .angle-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:100%}
 body[data-smart-mode] .angle-buttons button{min-height:44px;padding:8px 6px;font-size:12px}
 body[data-smart-mode] .number-picker{width:100%!important;max-height:190px;overflow:auto}
 body[data-smart-mode] .number-picker summary{min-height:44px;line-height:24px;padding:10px 0}
 body[data-smart-mode] .number-list button{min-height:44px;height:44px}
 body[data-smart-mode] .selection-card{display:none}
 body[data-smart-mode] .parts-sidebar{margin-top:12px}
 body[data-smart-mode] .stage-topline{top:10px;left:12px;right:12px}
 body[data-smart-mode] .stage-bottomline{bottom:8px;left:10px;right:10px}
 body[data-smart-mode=actions] .quick-actions{top:106px;right:0;width:280px;height:calc(100svh - 230px);min-height:90px;padding:8px 10px;gap:6px;overflow-y:auto;align-content:start}
 body[data-smart-mode=actions] .quick-actions>select{min-height:44px;height:44px;padding:8px;font-size:12px}
 body[data-smart-mode=actions] .quick-actions>p{display:none}
 body[data-smart-mode=actions] .quick-transport{grid-template-columns:1.4fr 1fr 1fr;gap:6px}
 body[data-smart-mode=actions] .quick-transport #quickPlay{grid-column:auto}
 body[data-smart-mode=actions] .quick-transport button{min-height:44px;height:44px;padding:8px;font-size:12px}
 body[data-smart-mode=actions] .quick-actions .code-playback{margin:0;gap:4px;grid-template-columns:minmax(0,1fr) auto}
 body[data-smart-mode=actions] .quick-actions .code-playback strong{font-size:11px;line-height:14px}
 body[data-smart-mode=actions] .quick-actions .code-playback>span{font-size:10px}
 body[data-smart-mode=actions] .quick-actions .code-playback input{min-height:24px;height:24px;margin:0;grid-column:1/-1}
 body[data-smart-mode=actions] .angle-bar{top:calc(100svh - 124px);height:52px;padding:4px 10px}
}