.phone-tools{display:none}
@media(max-width:600px){
 :root{--ui-header:96px}
 header{height:96px!important;display:grid!important;grid-template-columns:28px minmax(0,1fr);grid-template-rows:28px 44px;gap:4px 8px!important;padding:6px 12px!important}
 .brand{grid-column:1;grid-row:1}.filename{grid-column:2;grid-row:1;width:100%}.filename input{font-size:16px!important;padding:2px!important;height:28px}
 .header-actions{grid-column:1/-1;grid-row:2;justify-content:flex-end;gap:4px!important;width:100%}.header-actions button,.header-history button{min-width:44px!important;min-height:44px!important;padding:10px!important}
 .saved{bottom:22px!important;left:12px!important;max-width:min(100px,calc(100vw - 252px))!important;font-size:10px!important;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
 .workspace,.workspace.no-drawer,.workspace.inspector-idle,.workspace.inspector-idle.no-drawer{height:calc(100dvh - 96px)!important;display:block!important;padding:0!important}
 .canvas-pane{position:absolute;left:0;right:0;top:96px;bottom:calc(64px + env(safe-area-inset-bottom));border-radius:0!important}
 .navigation-rail{position:fixed;left:0;right:0;bottom:0;height:calc(64px + env(safe-area-inset-bottom));padding:4px 8px env(safe-area-inset-bottom)!important;display:flex;flex-direction:row!important;justify-content:space-around;align-items:center;z-index:40;background:var(--md-sys-color-surface);border-top:1px solid var(--md-sys-color-outline-variant);border-right:0}
 .navigation-rail button{height:56px;min-height:52px!important;width:60px!important;min-width:44px;font-size:10px!important;padding:2px!important;gap:2px!important}.navigation-rail button>span:last-child:not(.material-symbol){white-space:nowrap}.navigation-rail button .material-symbol{height:24px;width:32px;padding:0}.navigation-rail [data-nav=comments],.navigation-rail [data-nav=bookmarks],.navigation-rail [data-tool=layout],.navigation-rail .rail-spacer{display:none!important}
 .navigation-rail button[aria-label=Appearance],.navigation-rail [data-nav=bookmark]{display:none!important}
 #toolbar{display:none!important}.phone-tools{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:8px;height:60px;padding:8px 12px;background:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);z-index:14}
 .phone-tools label{font-size:12px}.phone-tools select{flex:1;min-width:0;min-height:44px;font-size:16px;padding:8px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border-radius:12px!important}.phone-tools button{min-height:44px;padding:8px 12px;border-radius:20px!important;background:var(--md-sys-color-secondary-container);font-size:12px}
 main{top:60px!important;bottom:48px!important;overscroll-behavior:contain}#pages{padding:12px!important;gap:20px;align-items:flex-start}
 .floating{height:48px!important}.floating button{min-width:44px!important;min-height:44px!important}.floating .divider{display:none}
 .welcome-screen{top:60px;bottom:48px;padding:20px!important}.welcome-screen button{min-height:44px}.welcome-screen h1{font-size:24px}.welcome-screen .workflow-info{font-size:12px!important}
 .workspace.drawer-open #sidebar{left:8px!important;right:8px!important;top:104px!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;width:auto!important;border-radius:16px!important}
 #properties.sheet-open,.workspace.inspector-idle #properties.sheet-open{bottom:calc(72px + env(safe-area-inset-bottom))!important;max-height:65dvh;border-radius:20px!important}
 .sheet-heading button,.drawer-heading button{min-width:44px;min-height:44px}.property-fields input:not(.pdf-field),.property-fields select{font-size:16px}.color-controls button{min-width:40px;min-height:40px}
 .annotation-layer[data-tool=move],.annotation-layer[data-tool=form]{touch-action:pan-x pan-y}.annotation{touch-action:none}.resize-handle{width:20px!important;height:20px!important}
 .text-selection-actions{bottom:calc(124px + env(safe-area-inset-bottom));max-width:calc(100vw - 16px);padding:6px}.text-selection-actions button{min-height:44px;font-size:13px;padding:10px}
 #toast{bottom:calc(128px + env(safe-area-inset-bottom));padding:12px 16px;font-size:13px}
 dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);padding:16px!important;border-radius:20px!important}dialog button{min-height:44px}#modalBody input:not([type=color]):not([type=range]),#modalBody textarea,#modalBody select{font-size:16px}.modal-header h2{font-size:20px}
}