.bottom-nav { display: none; }
@media (max-width: 700px) {
  .workspace { padding-bottom: 62px; }
  .bottom-nav { position: fixed; z-index: 18; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(4, 1fr); height: 62px; padding-bottom: env(safe-area-inset-bottom); background: rgba(255,255,255,.96); border-top: 1px solid var(--line); backdrop-filter: blur(12px); }
  .bottom-nav button { display: grid; place-items: center; align-content: center; gap: 2px; padding: 4px; color: var(--muted); background: transparent; border: 0; font-family: "Noto Sans SC", sans-serif; font-size: 13px; font-weight: 400; }
  .bottom-nav button:hover, .bottom-nav button:focus-visible { color: #111; background: #eeeeee; }
  .bottom-nav button > span { font-family: inherit; font-size: 11px; line-height: 1; }
  .bottom-nav small { max-width: 100%; overflow: hidden; font-family: inherit; font-size: 13px; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; }
}