/* Mobile build only: the desktop stylesheet stays intact. */
html,body{min-height:100%;margin:0;overscroll-behavior-y:none}
#project-workspace .pw-shell{min-height:100dvh}
#project-workspace .pw-mobile-bar{display:none}
#project-workspace .pw-mobile-settings{display:none}
#project-workspace .pw-mobile-update{display:block;margin:8px auto;font-size:14px}
@media(max-width:767px){
  #project-workspace .pw-shell{display:block}
  #project-workspace .pw-mobile-bar{position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:var(--pw-side);border-bottom:1px solid var(--pw-line)}
  #project-workspace .pw-sidebar{position:fixed;inset:0 auto 0 0;z-index:100;width:min(310px,85vw);height:100dvh;overflow-y:auto;border-radius:0;padding:calc(22px + env(safe-area-inset-top)) 16px calc(22px + env(safe-area-inset-bottom));transform:translateX(-105%);visibility:hidden;box-shadow:12px 0 32px #0005}
  #project-workspace.pw-mobile-menu-open .pw-sidebar{transform:none;visibility:visible}
  #project-workspace .pw-mobile-backdrop{position:fixed;inset:0;z-index:90;background:#0007;border:0;width:100%;height:100%}
  #project-workspace .pw-nav,#project-workspace .pw-project-nav{grid-template-columns:1fr}
  #project-workspace .pw-brand{gap:12px;font-size:19px}
  #project-workspace .pw-brand-mark{width:48px;height:48px;min-height:48px;flex:0 0 48px;border-radius:11px;background:var(--pw-focus);color:#fff}
  #project-workspace .pw-brand-mark svg{width:23px;height:23px;color:#fff}
  #project-workspace .pw-nav-button{font-size:17px;min-height:50px;padding:12px;gap:12px}
  #project-workspace .pw-nav-button .pw-icon,#project-workspace .pw-nav-button .pw-icon svg{width:22px;height:22px}
  #project-workspace .pw-mobile-brand{display:flex;align-items:center;gap:10px;min-width:0}
  #project-workspace .pw-mobile-area-title{background:transparent;border:0;padding:4px 0;font-size:18px;font-weight:600;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;white-space:nowrap}
  #project-workspace #settings-nav{display:none}
  #project-workspace .pw-mobile-settings{display:flex;margin-top:20px;border-top:1px solid var(--pw-line);border-radius:0;padding-top:18px}
  #project-workspace .pw-body,#project-workspace.pw-home-view .pw-body{padding:20px max(16px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
  #project-workspace .pw-page-header{grid-template-columns:minmax(0,1fr)}
  #project-workspace .pw-project-columns,#project-workspace .pw-focus-context,#project-workspace .pw-countdown-form-grid,#project-workspace .pw-report-field-grid{display:grid;grid-template-columns:minmax(0,1fr)}
  #project-workspace .pw-capture{gap:8px}
  #project-workspace .pw-capture input{flex-basis:100%;width:100%}
  #project-workspace .pw-capture select{flex:1;max-width:none;min-width:0}
  #project-workspace input:not([type=checkbox]):not([type=color]),#project-workspace select,#project-workspace textarea{font-size:16px}
  #project-workspace button,#project-workspace summary{min-height:44px}
  #project-workspace .pw-project-settings{flex-wrap:wrap}
  #project-workspace .pw-project-settings input:first-child{min-width:0;flex:1}
  #project-workspace .pw-sticky-viewport{min-height:320px;height:60dvh}
  #project-workspace .app-path{overflow-wrap:anywhere}
  #project-workspace .pw-vocab-study-actions{flex-wrap:wrap}
}
@media(prefers-reduced-motion:no-preference){#project-workspace .pw-sidebar{transition:transform .18s ease}}