/* The same four tool sections as on a phone, beside the scene on desktop. */
@media(min-width:901px){
  .workspace{grid-template-columns:minmax(0,1fr) 340px;min-height:0}
  .sidebar{display:block;min-width:0;min-height:0;padding:0 20px 24px;scrollbar-gutter:stable;overscroll-behavior:contain}
  .mobile-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;position:sticky;top:0;z-index:8;padding:16px 0;background:var(--surface);border-bottom:1px solid var(--line);margin-bottom:20px}
  .mobile-sections button{min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:#526358;font-size:13px;line-height:1.4;text-align:center}
  .mobile-sections button:hover{background:#eaf0e9;color:var(--green)}
  .mobile-sections button[aria-selected=true]{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}
  .mobile-panel{display:block;min-width:0;padding-bottom:8px}
  .mobile-panel .sidebar-section{margin:22px 0 0;padding:20px 0 0;border-top:1px solid var(--line)}
  .mobile-panel>.sidebar-section:first-child{margin-top:0;padding-top:0;border-top:0}
  .mobile-panel .sidebar-section h3{font-size:14px;color:var(--ink);margin:0 0 12px}
  .mobile-panel .button{min-width:0;min-height:44px;height:auto;padding:10px 12px;font-size:13px;line-height:1.45;white-space:normal}
  .mobile-panel .toggle-row{font-size:13px;min-height:44px;height:auto;gap:12px;padding:10px 0;color:#526358}
  .mobile-panel .toggle-row>span:first-child{min-width:0}
  .mobile-panel .toggle-row:has(input:disabled){opacity:.6}
  .mobile-panel .control-hint,.mobile-panel .import-note p{font-size:12px;line-height:1.65}
  .mobile-panel input[type=range]{min-height:36px}
  .mobile-panel select{min-width:0;max-width:100%;min-height:44px;font-size:13px}
  .mobile-panel .explode-label,.mobile-panel .animation-controls>label,.mobile-panel .assembly-controls>label{font-size:13px}
  .mobile-panel .animation-buttons{gap:8px}
  .mobile-panel .animation-buttons .button{padding:10px 5px}
  .mobile-panel .sidebar-heading{margin-bottom:16px}
  .mobile-panel .model-card strong{font-size:15px}
  .mobile-panel .model-card span,.mobile-panel .loaded{font-size:12px}
  .mobile-panel .model-details dt,.mobile-panel .model-details dd{font-size:13px}
  .mobile-panel .panel-area-info dd{font-size:20px}
  .mobile-panel .dimensions dd{font-size:17px;white-space:normal;line-height:1.5}
  .mobile-panel .dimensions>span,.mobile-panel .panel-area-info span{font-size:12px}
  .mobile-panel .components-open,.mobile-panel .overall-open{margin-top:0}
  #mobile-panel-project .components-open{margin-top:24px}
  .mobile-panel .detail-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .mobile-panel .detail-controls .button{margin:0}
  #manage-access,#manage-textures,#texture-summary{grid-column:1/-1}
  .mobile-panel .navigation>div{font-size:12px;height:36px;color:#617166}
  .mobile-panel .navigation kbd{font-size:11px}
  .mobile-panel .import-note{padding:8px 12px;margin-top:20px}
  .mobile-panel .import-note summary{min-height:44px;font-size:12px}
  .mobile-panel .private-note{margin:0;padding-top:20px}
  .mobile-panel .private-note p{font-size:12px;color:#617166}
  .mobile-panel :is(button,input,select,summary):focus-visible{outline:3px solid #74a38d;outline-offset:3px}
}
@media(min-width:901px) and (max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 320px}.sidebar{padding-left:16px;padding-right:16px}}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 360px}}