/* Kept inside the visual viewport, above Safari/Chrome's on-screen keyboard. */
.keyboard-tools {
  position: fixed;
  z-index: 1200;
  inset-inline: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  padding: 4px max(12px, env(safe-area-inset-right)) 4px max(12px, env(safe-area-inset-left));
  border-block-start: 1px solid var(--border);
  background: var(--surface-raised);
  box-shadow: 0 -3px 14px rgb(0 0 0 / .08);
}
.keyboard-tools[hidden] { display: none; }
.keyboard-tools button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  min-height: 44px;
  min-width: 80px;
  margin: 0;
  padding: 6px 14px;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--accent-wash);
  color: var(--accent-text);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.keyboard-tools button:focus-visible { outline: 2px solid var(--accent-text); outline-offset: 2px; }
.keyboard-tools svg { width: 22px; height: 22px; flex: none; }
input, textarea, [contenteditable="true"] { scroll-margin-block-end: 80px; }