/* Small screens and touch input. Also loaded in the portable desktop file. */
[hidden]{display:none!important}
#appUpdate{position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:1000;width:min(94vw,600px);display:flex;align-items:center;gap:12px;padding:12px;background:#fff8dd;color:#243b35;border:1px solid #a78235;border-radius:8px;box-shadow:0 4px 16px #0003;font-size:14px}
#appUpdate button{flex:none}#mobileInstructions{max-width:560px;max-height:90dvh;overflow:auto;line-height:1.6}#mobileStatus{font-weight:600}
.mobile-plan-choice{display:none}
.mobile-project-actions{margin:8px 0 0}.mobile-project-actions>summary{display:none}.mobile-project-actions>button{width:100%;margin-top:8px}
@media(pointer:coarse){button,.button,select,summary{min-height:44px}input:not([type=checkbox]):not([type=range]),textarea{min-height:44px;font-size:16px}.studio-shell .studio-panel-hide,.studio-shell .studio-stage-tools button{min-height:40px}.studio-stage .drag-chip{width:40px!important;height:40px!important;transform:translate(-8px,-8px)}.studio-stage .drag-chip::after{left:17px;top:17px}}
@media(max-width:700px){
 header{gap:8px;padding:12px;padding-top:max(12px,env(safe-area-inset-top))}.brand{font-size:1.05rem;max-width:100%}.brand strong{letter-spacing:2px}#saveState{width:100%;margin:0}header [data-theme-choice]{max-width:145px}
 main{padding:20px 12px 160px}.titlebar .buttonrow{gap:6px}.fields{gap:10px}.card{padding:16px}.notice{padding:10px;font-size:13px}
 .mobile-project-actions>summary{display:block;margin:0;font-size:13px;min-height:36px;padding:9px 0}.mobile-project-actions>.buttonrow{margin-top:8px}.mobile-project-actions>button{width:auto}aside{padding:12px 16px}nav{margin-top:8px}
 .plan-toolbar{width:100%;justify-content:flex-start}.plan-toolbar button{min-height:40px}.plan-size input{width:70px}.mobile-plan-choice{display:flex;flex-direction:row;align-items:center;gap:4px}.mobile-plan-choice select{max-width:110px;font-size:13px;min-height:40px}
 #designResults .plan-visuals{display:block!important}#designResults[data-mobile-plan-view=centers] .plan-front,#designResults[data-mobile-plan-view=centers] .plan-side,#designResults[data-mobile-plan-view=front] .diagram,#designResults[data-mobile-plan-view=front] .plan-side,#designResults[data-mobile-plan-view=side] .diagram,#designResults[data-mobile-plan-view=side] .plan-front{display:none!important}
 #designResults.plan-collapsed .plan-visuals{display:none!important}.plan-pinned .plan-top{max-height:55dvh!important;padding-bottom:env(safe-area-inset-bottom)}#designResults .plan-front{display:block;border:0}#designResults .plan-front svg{width:100%;height:190px}.plan-pinned .plan-side svg{height:180px}#designResults .diagram:before{display:none}.plan-pinned .diagram{margin:6px 0}
 .studio-dialog{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;margin:0!important}.studio-shell>.studio-top{gap:6px;padding:8px!important;max-height:26dvh;overflow:auto}.studio-title{width:100%;font-size:12px}.studio-shell .studio-main{display:block!important;overflow:auto!important}.studio-shell .studio-visual{height:78dvh!important;min-height:470px!important}.studio-shell .studio-camera{max-height:140px;overflow:auto;padding:8px}.studio-shell .studio-stage{min-height:240px!important}.studio-shell .studio-inspector{padding:12px}.studio-shell .studio-info{font-size:11px}.studio-shell .studio-mini{height:135px}.studio-shell .studio-fields{gap:10px}.studio-shell.studio-no-inspector .studio-main{overflow:hidden!important}.studio-shell.studio-no-inspector .studio-visual{height:100%!important;min-height:0!important}.studio-shell.studio-no-inspector .studio-stage{min-height:0!important}
 .studio-shell [data-action=popup]{display:none}.documents-dialog{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:10px}.documents-bar{gap:8px;align-items:flex-start}.documents-bar h2{font-size:18px}.documents-tools label{min-width:140px}#appUpdate{flex-wrap:wrap}#appUpdate button{margin-left:auto}
 footer.audio{max-width:calc(100vw - 24px);padding-bottom:max(8px,env(safe-area-inset-bottom))}#toggleAudio{min-height:40px}.audio input[type=number]{min-height:36px}.audio button{min-height:36px}
}
@media(max-height:500px) and (pointer:coarse){.studio-shell .studio-visual{height:85dvh!important;min-height:300px!important}.studio-shell .studio-stage{min-height:140px!important}.studio-shell .studio-info{display:none}.studio-shell .studio-mini{height:85px}}
@media print{#installApp,#appUpdate,#mobileInstructions{display:none!important}}