[data-fui-comp="ui-shortcut-hint"] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-family: var(--fonts-mono, ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", monospace);
  vertical-align: middle;
}
[data-fui-comp="ui-shortcut-hint"] .ui-shortcut-hint__key {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 1.5em;
  block-size: 1.5em;
  padding: 0 6px;
  border: 1px solid var(--color-border, #d0d0d8);
  border-bottom-width: 2px;
  border-radius: var(--radii-sm, 4px);
  background: var(--color-muted, #f5f5f7);
  color: var(--color-text, #111);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
}
[data-fui-comp="ui-shortcut-hint"] .ui-shortcut-hint__mod-mac,
[data-fui-comp="ui-shortcut-hint"] .ui-shortcut-hint__mod-other {
  display: inline;
}
html[data-fui-os="mac"] [data-fui-comp="ui-shortcut-hint"] .ui-shortcut-hint__mod-other { display: none; }
html[data-fui-os="other"] [data-fui-comp="ui-shortcut-hint"] .ui-shortcut-hint__mod-mac { display: none; }
/* Default (SSR before runtime boots, or non-JS): show Mac symbol. */
html:not([data-fui-os]) [data-fui-comp="ui-shortcut-hint"] .ui-shortcut-hint__mod-other { display: none; }

/* Touch devices have no physical keyboard — hide hints to avoid confusion. */
@media (pointer: coarse) and (hover: none) {
  [data-fui-comp="ui-shortcut-hint"] { display: none; }
}