@media(max-width:720px){.app-shell{display:block}.sidebar{height:auto;position:static;display:flex;flex-direction:row;overflow:auto;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line);gap:10px}.brand{min-width:max-content}.brand-mark{width:35px;height:35px}.sidebar nav{display:flex;gap:5px}.nav{min-width:48px;padding:10px;text-align:center}.main{padding:14px 10px 30px}.topbar{display:block}.topbar h1{font-size:25px}.top-actions{margin-top:14px}.connection{flex:1}.training-note{font-size:11px}.state-grid{grid-template-columns:1fr 1fr}.state-card strong{font-size:13px}#robotViewport,#robotViewport canvas{min-height:390px;height:390px}.viewport-status{display:none}.viewport-toolbar label{width:100%;margin:0;justify-content:space-between}.viewport-toolbar input{flex:1}.smartpad-shell{margin:10px 6px;padding:8px;border-radius:18px}.smartpad-hardware-top{grid-template-columns:44px 54px 1fr 67px;gap:5px}.smartpad-name{font-size:10px}.smartpad-name small{font-size:6px}.estop{width:62px;height:50px;border-width:6px;font-size:7px}.smartpad-main{grid-template-columns:minmax(0,1fr) 104px;gap:6px}.smartpad-screen{min-height:430px}.sp-content{height:299px}.sp-statusbar{grid-template-columns:28px 25px minmax(60px,1fr) repeat(7,34px) 32px;overflow-x:auto}.sp-status small{display:none}.sp-status b{font-size:9px}.sp-page[data-sp-page="navigator"]{grid-template-columns:42% 58%}.position-grid{grid-template-columns:repeat(2,1fr)}.smartpad-controls{gap:6px}.jog-row{grid-template-columns:28px 1fr 1fr}.jog-row button{height:29px}.physical-keys button{font-size:8px;padding:7px 2px}.segmented{grid-template-columns:1fr}.enable-box small{display:none}.panel-head-actions .chip-button{display:none}.editor-panel textarea{min-height:360px;font-size:12px}.pendant-actions .btn{flex:1;min-width:calc(50% - 4px)}.learning-steps{grid-template-columns:1fr}.toast{right:15px;bottom:15px}}
@media(max-width:480px){.smartpad-main{display:block}.smartpad-controls{margin-top:8px}.jog-bank{grid-template-columns:1fr 1fr}.control-section,.enable-box{display:grid}.segmented{grid-template-columns:repeat(4,1fr)}.physical-keys{grid-template-columns:repeat(3,1fr)}.physical-keys #padBack{grid-column:auto}.state-grid{grid-template-columns:1fr}.sp-statusbar{grid-template-columns:30px 28px 90px repeat(7,38px) 38px}.smartpad-screen{min-width:460px}.smartpad-screen-wrap{overflow-x:auto}.smartpad-hardware-top{grid-template-columns:40px 50px minmax(100px,1fr) 60px}.estop{width:56px}}
@media(max-width:720px){.viewport-panel .panel-head{align-items:flex-start;flex-direction:column}.robot-picker{width:100%;justify-content:space-between}.robot-picker select{flex:1;max-width:none}.robot-picker .badge{margin-left:auto}}