@media (max-width: 800px) {
  .workspace-page { height: var(--app-height, 100dvh); }
  .workspace-layout { height: calc(var(--app-height, 100dvh) - 65px); }
  .sidebar { height: calc(var(--app-height, 100dvh) - 65px); bottom: auto; }
  .focus-mode .workspace-layout { height: var(--app-height, 100dvh); }
}
@media (max-width: 540px) {
  .workspace-layout { height: calc(var(--app-height, 100dvh) - 58px); }
  .sidebar { height: calc(var(--app-height, 100dvh) - 58px); }
  .modal input:not([type=range]):not([type=checkbox]),
  .modal select, .modal textarea, .auth-form input,
  .timeline-event input, .timeline-event textarea, .gate input,
  .search-field input[type=search] { font-size: 16px !important; }
  .editor-toolbar .icon-button { width: 36px; min-width: 36px; height: 36px; }
  .editor-heading > .icon-button { width: 38px; min-width: 38px; height: 40px; }
  .focus-mode .workspace-layout { height: var(--app-height, 100dvh); }
}
.install-info > svg { width: 35px; height: 35px; color: var(--green); margin-bottom: 20px; }
.install-info p { font-size: 13px; line-height: 1.8; }
.revision-preview { max-height: 50dvh; overflow-y: auto; font: 16px/1.8 Georgia, serif; overflow-wrap: anywhere; }
