.mobile-nav,#mobileBackdrop{display:none}.sheet-list{display:grid;gap:6px;margin-top:10px}.sheet-chip{display:flex;justify-content:space-between;text-align:left;width:100%;font-size:12px}.sheet-chip.active{border-color:var(--accent);color:var(--accent)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.agent-panel{position:fixed;right:0;top:68px;bottom:0;width:min(390px,100vw);z-index:28;background:var(--panel);border-left:1px solid var(--line);padding:18px;transform:translateX(105%);transition:transform .25s ease;display:flex;flex-direction:column}.agent-panel.open{transform RangeX/mail?}
@media(max-width:600px){body{position:fixed;inset:0;overflow:hidden;overscroll-behavior:none}header{height:58px;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));align-items:center}header h1{font-size:18px}header nav{max-width:none}header nav #saveBtn,header nav .button{display:none}header nav button{min-height:42px;padding:8px 11px}main{display:block;height:calc(100dvh - 58px);padding-bottom:calc(66px + env(safe-area-inset-bottom))}.workspace{position:absolute;inset:58px 0 calc(66px + env(safe-area-inset-bottom))}.left-panel,.right-panel{position:fixed;top:58px;bottom:calc(66px + env(safe-area-inset-bottom));width:min(88vw,360px);z-index:18;padding:18px;transition:transform .24s ease;box-shadow:0 0 35px #000b}.left-panel{left:0;transform:translateX(-105%)}.right-panel{right:0;transform:translateX(105%)}.left-panel.open,.right-panel.open{transform:translateX(0)}#mobileBackdrop{display:block;position:fixed;inset:58px 0 calc(66px + env(safe-area-inset-bottom));z-index:15;background:#0009;opacity:0;pointer-events:none;transition:opacity .2s}#mobileBackdrop.open{opacity:1;pointer-events:auto}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:25;left:0;right:0;bottom:0;height:calc(66px + env(safe-area-inset-bottom));padding:5px 5px env(safe-area-inset-bottom);background:#101925ee;border-top:1px solid var(--line);backdrop-filter:blur(16px)}.mobile-nav button{border:0;background:transparent;padding:3px 1px;min-width:0;border-radius:9px;color:var(--muted);font-size:10px}.mobile-nav button span{display:block;font-size:23px;line-height:27px}.mobile-nav button.active{color:var(--accent);background:#1b2b3a}.zoom-controls{right:9px;top:9px}.zoom-controls button{min-width:44px;min-height:44px;padding:6px}.zoom-controls #zoomReset{display:none}#viewport{touch-action:pan-x pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.wire-path{stroke-width:9}.wire-path.selected{stroke-width:15}button,.button,input,select,textarea{min-height:44px}.page-row button{min-width:48px}.tool-grid{grid-template-columns:1fr 1fr}.right-panel h2{font-size:18px}.title-input{font-size:22px}dialog{margin:auto;width:calc(100vw - 28px);max-width:none}.dialog-actions button{flex:1}#toast{bottom:calc(80px + env(safe-area-inset-bottom))}}