.mobile-editor-nav {display:none}
#panelBrightness {display:block;width:100%;margin:12px 0}

@media(max-width:940px) {
  body {
    display:flex!important;
    flex-direction:column;
    height:100dvh!important;
    overflow:hidden!important;
  }
  body>.workspace {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto minmax(0,1fr);
    flex:1 1 0;
    height:auto!important;
    min-height:0!important;
    overflow:hidden;
  }
  .workspace>.mobile-editor-nav {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
    padding:5px 8px;
    border-bottom:1px solid var(--line);
    background:#101817;
  }
  .mobile-editor-nav button {min-height:40px;padding:4px;font-size:12px}
  .mobile-editor-nav button[aria-pressed=true] {background:#28493c;color:#b7ffe1;border-color:#527a66}
  .workspace>main {grid-area:2/1;min-height:0;overflow:hidden}
  .workspace>.sidebar,.workspace>.inspector {display:none!important}
  .workspace[data-mobile-panel=elements]>.sidebar,
  .workspace[data-mobile-panel=properties]>.inspector {
    display:flex!important;
    flex-direction:column;
    grid-area:2/1;
    min-height:0;
    width:auto;
    padding:12px 14px;
    overflow:hidden;
    border:0;
  }
  .workspace[data-mobile-panel=elements]>main,
  .workspace[data-mobile-panel=properties]>main {display:none}
  .workspace>.sidebar .sidebar-scroll,.workspace>.inspector .inspector-scroll {
    flex:1 1 auto;
    min-height:0;
    overflow:auto;
    overscroll-behavior:contain;
  }
  .workspace>.sidebar .course-card,.workspace>.inspector .school-card {flex:none;margin-top:8px}
  .workspace>.resize-handle,.workspace .resize-handle {display:none!important}
  .workspace .view-toolbar {gap:4px!important;padding:6px 8px!important}
  .workspace .view-toolbar>.tabs {margin:0!important;width:100%;justify-content:stretch}
  .workspace .view-toolbar>.tabs button {flex:1;padding-inline:5px!important}
  .workspace .stage-tool-actions {gap:5px;scrollbar-width:thin}
  .workspace .viewport {min-height:0}
  .workspace #threeHost {min-height:0}
  .workspace .viewport-top {left:6px;right:6px;gap:5px}
  .workspace .viewport-bottom {left:6px;right:6px}
  .workspace .viewport-bottom>small {display:none}
  .workspace .map-view,.workspace .input-map-view {padding:10px}
  .workspace .input-transform-fields label {flex:1 1 68px;min-width:0}
  .workspace .map-tools button,.workspace .input-fit-modes button {min-height:38px!important}
  .workspace .inspector input,.workspace .sidebar input {font-size:16px}
  body>.topbar {padding:7px 9px;gap:5px}
  .topbar .header-workspace {width:100%;flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:3px}
  .topbar .header-workspace>* {flex-shrink:0}
  .topbar .header-workspace .header-actions,.topbar .header-workspace .header-sources {flex-wrap:nowrap}
  .topbar .header-workspace #projectName {width:112px}
  .topbar .header-workspace .source-actions,
  .topbar .header-workspace #contentInput {flex:0 0 auto!important;width:max-content!important}
  .topbar .school-navigation {display:none}
}