/* Only settings scroll. Navigation and the primary action share a permanent dock. */
#studio-console > :not(.console-content) { flex-shrink:0; }
#studio-console .console-content { min-height:0; overscroll-behavior:contain; scrollbar-gutter:stable; }
#studio-console .console-dock { flex:0 0 auto; background:#141311; padding-top:10px; border-top:1px solid #75624550; }
#studio-console .console-navigation { min-width:0; margin:0; padding:0; border:0; }
body:not([data-studio-view="planet"]) .console-navigation,.console-navigation:has(#sphere-controls[hidden]) { display:none; }
#studio-console .console-dock #sphere-controls > .sphere-zoom-row { display:grid; grid-template-columns:36px minmax(60px,1fr) 36px 40px; align-items:center; gap:8px; }
#studio-console #sphere-zoom-range { appearance:none; -webkit-appearance:none; width:100%; height:30px; margin:0; cursor:pointer; background:transparent; accent-color:#e0bd85; }
#sphere-zoom-range::-webkit-slider-runnable-track { height:4px; border-radius:3px; background:#6d5a39; }
#sphere-zoom-range::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:15px; height:15px; margin-top:-5.5px; border:2px solid #f3dcb4; border-radius:50%; background:#c19a62; box-shadow:0 2px 6px #0005; }
#sphere-zoom-range::-moz-range-track { height:4px; border-radius:3px; background:#6d5a39; }
#sphere-zoom-range::-moz-range-thumb { width:12px; height:12px; border:2px solid #f3dcb4; border-radius:50%; background:#c19a62; }
#sphere-zoom-value { color:#ead9b9; font:11px/1.3 var(--font-ui); text-align:right; }
#studio-console #sphere-controls > .sphere-view-actions { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; }
#studio-console .sphere-view-actions > button { flex:1 1 58px; min-height:32px; }
#studio-console #sphere-help { display:block; margin:7px 0 0; font:10px/1.6 var(--font-ui); color:#aaa08d; }
#studio-console .console-primary { margin-top:10px; padding-top:10px; }
#studio-console #go-camera { display:block; padding:12px 10px; line-height:1.5; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#studio-console .console-status { max-height:90px; overflow:auto; padding-top:7px; }
#studio-console .console-about { max-height:none; overflow:visible; padding-bottom:10px; }
@media(max-height:650px) and (min-width:761px) {
  #studio-console .console-dock { padding-top:6px; }
  #studio-console .console-primary { margin-top:7px; padding-top:7px; }
  #studio-console #go-camera,#studio-console #shutter-button { min-height:40px; }
  #studio-console .console-status { max-height:55px; }
  #studio-console #sphere-help { margin-top:5px; }
}
@media(max-width:760px) {
  body[data-has-account="true"] #composer { padding-bottom:calc(var(--console-dock-height,180px) + 30px); }
  body[data-has-account="true"] #studio-workspace { height:clamp(230px,min(52dvh,calc(100dvh - var(--console-dock-height,180px) - 100px)),500px); }
  body[data-has-account="true"] #studio-console .console-dock { position:fixed; z-index:40; left:12px; right:12px; bottom:0; padding:10px 14px max(10px,env(safe-area-inset-bottom)); border:1px solid #8d764d80; border-bottom:0; border-radius:15px 15px 0 0; box-shadow:0 -10px 28px #0008; background:#171511fa; }
  #studio-console .console-dock #sphere-controls > .sphere-zoom-row { grid-template-columns:40px minmax(80px,1fr) 40px 38px; }
  #studio-console #sphere-controls button { min-height:38px; }
  #studio-console .console-status { max-height:45px; }
  #studio-console .console-primary { margin-top:7px; padding-top:7px; }
  #studio-console #go-camera,#studio-console #shutter-button { min-height:44px; }
  #studio-console #console-print-actions:has(#save-button:not([hidden])) { grid-template-columns:1fr 1fr; }
  #studio-console #save-button { min-height:44px; }
}