/* Reduce GPU cost: panel blur only, no blur on every individual control. */
button,.button,.toolbar,.docicon,dialog::backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.mobile-nav,.mobile-done{display:none}#paper{touch-action:pan-x pan-y}#overlay{touch-action:pan-x pan-y}
@media(max-width:760px){body{overflow:hidden}header{height:91px;margin:8px;padding:8px 12px;flex-wrap:nowrap}header .brand{width:auto;min-width:0;gap:8px}header .brand img{width:46px;height:46px}header .brand strong{font-size:17px}header .brand small{display:none}header .private,header #close{display:none}header #export{flex:0 0 auto;font-size:11px;padding:8px 10px;min-height:42px}header .theme-toggle{flex:0 0 40px;width:40px;height:40px}header,aside,.toolbar,footer{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}header,aside,footer{background:var(--glass-strong)!important}.mobile-nav{display:flex;gap:7px;margin:0 9px 8px}.mobile-nav button{flex:1;min-height:44px;font-size:12px}.mobile-nav button.active{background:var(--selected)!important;border-color:var(--focus)!important;color:var(--accent)!important}main{height:calc(100dvh - 173px - env(safe-area-inset-bottom));min-height:0;display:block;margin:0 9px;padding-bottom:env(safe-area-inset-bottom)}.workspace{height:100%;min-height:0}.page-panel,.inspector{display:none;height:100%;overflow:auto;overscroll-behavior:contain}.mobile-done{display:block!important;width:100%!important;position:sticky;top:0;z-index:3;background:var(--glass-strong)!important;min-height:44px!important;margin-bottom:15px!important}.inspector textarea{font-size:16px;min-height:110px}.inspector input,.inspector select{font-size:16px;min-height:44px}.inspector button,.inspector .button,.page-panel button,.page-panel .button{min-height:44px}.page-panel{flex-direction:column}.page-panel>.section{margin:15px 0 9px}.page-panel>button,.page-panel>.button{width:100%}.page-panel #pages{flex-direction:column;overflow:visible}.pageitem{min-height:57px}.toolbar{flex-shrink:0}.tools{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.tools button{min-width:58px;flex-shrink:0;min-height:44px}.controls input{min-height:35px}.pagebar{flex-shrink:0}.pagebar button{min-height:38px;width:38px}.pagebar select{min-height:38px}#stage{min-height:0;padding:12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}footer{flex-shrink:0}footer button{min-height:34px}body[data-mobile-panel="pages"] .workspace,body[data-mobile-panel="details"] .workspace{display:none}body[data-mobile-panel="pages"] .page-panel{display:flex}body[data-mobile-panel="details"] .inspector{display:block}#empty{margin:8px auto;padding:14px 9px}#empty h1{font-size:23px}.docicon{height:60px;width:60px;font-size:33px}#empty p{font-size:13px}#empty .button{margin:15px auto}#empty small{font-size:11px}}
@media(max-width:950px) and (orientation:landscape){header{height:64px;margin:6px;padding:7px 14px}header .brand img{width:42px;height:42px}header .brand small{display:none}.mobile-nav{display:flex;position:absolute;top:13px;left:45%;gap:5px;margin:0}.mobile-nav button{min-height:40px;font-size:11px;padding:6px 9px}header .private,header #close{display:none}header #export{margin-left:auto;max-width:130px;font-size:11px}.mobile-nav{left:33%}main{height:calc(100dvh - 83px);min-height:0;display:block}.workspace{height:100%;min-height:0}.page-panel,.inspector{display:none;height:100%;overflow:auto}.mobile-done{display:block}.toolbar{padding:5px;margin-top:5px;flex-wrap:nowrap}.controls{width:auto;margin-left:auto}.tools{width:auto}.toolbar button{min-height:34px;font-size:11px}.pagebar{padding:5px 12px}footer{padding:4px 10px}#stage{padding:8px}body[data-mobile-panel="pages"] .workspace,body[data-mobile-panel="details"] .workspace{display:none}body[data-mobile-panel="pages"] .page-panel{display:flex}body[data-mobile-panel="details"] .inspector{display:block}}