/* 主屏模式专用，普通浏览器不应用这些布局规则。 */
html.app-standalone .topbar {
  height: calc(84px + env(safe-area-inset-top, 0px));
  padding-top: env(safe-area-inset-top, 0px);
  padding-left: max(32px, env(safe-area-inset-left, 0px));
  padding-right: max(32px, env(safe-area-inset-right, 0px));
}
html.app-standalone main {
  padding-left: max(14px, env(safe-area-inset-left, 0px));
  padding-right: max(14px, env(safe-area-inset-right, 0px));
  padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
}
html.app-standalone .workspace.md-editor-workspace.editor-focus,
html.app-standalone .workspace.md-editor-workspace.preview-focus {
  top: calc(var(--app-view-top, 0px) + env(safe-area-inset-top, 0px) + 8px);
  left: max(8px, env(safe-area-inset-left, 0px));
  right: max(8px, env(safe-area-inset-right, 0px));
  bottom: auto;
  height: max(120px, calc(var(--app-view-height, 100dvh) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 16px));
}
.app-file-name { overflow-wrap: anywhere; }
.app-file-actions a { display: inline-flex; align-items: center; text-decoration: none; padding: 9px 16px; border-radius: 7px; font-size: 13px; }
@media (max-width: 700px) {
  html.app-standalone .topbar {
    height: calc(94px + env(safe-area-inset-top, 0px));
    padding-left: max(14px, env(safe-area-inset-left, 0px));
    padding-right: max(14px, env(safe-area-inset-right, 0px));
  }
}