html.ios-device body,html.ios-native body{height:var(--app-height,100vh);display:flex;flex-direction:column;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}
html.ios-device .app-header,html.ios-native .app-header,html.ios-device .workspace-nav,html.ios-native .workspace-nav,html.ios-device .document-tabs-bar,html.ios-native .document-tabs-bar,html.ios-device .statusbar,html.ios-native .statusbar{flex-shrink:0}
html.ios-device .workspace,html.ios-native .workspace{flex:1;height:auto;min-height:0}
html.ios-device .viewer-toolbar,html.ios-native .viewer-toolbar{overflow-x:auto;flex-shrink:0}
html.ios-device .document-workspace,html.ios-native .document-workspace{min-height:0}
html.ios-device dialog,html.ios-native dialog{max-height:calc(var(--app-height,100vh) - 24px)}
html.ios-device #writer-dialog,html.ios-native #writer-dialog{height:calc(var(--app-height,100vh) - 24px)}
@media(max-width:650px){html.ios-device .app-header,html.ios-native .app-header{height:auto;min-height:102px;flex-wrap:wrap;gap:8px;padding:10px 12px}html.ios-device .brand,html.ios-native .brand{min-width:0;flex:1}html.ios-device .header-actions,html.ios-native .header-actions{width:100%;margin:0;gap:5px;justify-content:space-between}html.ios-device .header-actions>.quiet,html.ios-native .header-actions>.quiet,html.ios-device .header-actions>.icon-btn,html.ios-native .header-actions>.icon-btn{display:inline-flex}html.ios-device .header-actions .btn,html.ios-native .header-actions .btn{min-height:36px;padding:8px;font-size:11px}html.ios-device .document-title,html.ios-native .document-title{display:none}html.ios-device #writer-dialog,html.ios-native #writer-dialog{height:var(--app-height,100vh)}html.ios-device input,html.ios-device select,html.ios-device textarea,html.ios-native input,html.ios-native select,html.ios-native textarea{font-size:16px}html.ios-device .modal-footer,html.ios-native .modal-footer{flex-wrap:wrap}}