/* The native select supplies keyboard, screen-reader and mobile picker support.
   Only the selected flag is visible while the control is closed. */
.locale-picker {
  position: fixed;
  inset-block-start: max(12px, env(safe-area-inset-top));
  inset-inline-end: max(12px, env(safe-area-inset-right));
  z-index: 45;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--paper, #fffaf2);
  box-shadow: 0 1px 8px #0002;
  font-size: 25px;
  line-height: 1;
}
.locale-picker select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; font-size: 16px; }
.locale-picker:focus-within { outline: 2px solid currentColor; outline-offset: 3px; }
html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="url"], html[dir="rtl"] input[autocomplete="one-time-code"] { direction: ltr; }
html[dir="rtl"] .marketing-page, html[dir="rtl"] .host-shell, html[dir="rtl"] .guest-shell { text-align: start; }
.marketing-nav { padding-inline-end: 52px; }
@media (max-width: 700px) { .locale-picker { inset-block-start: max(8px, env(safe-area-inset-top)); } }
.host-workspace-header, .host-public-header, .host-header, .agent-draft-header,
.shared-album-header, .guest-photos-header, .landing-nav, .campaign-topbar {
  padding-inline-end: max(64px, env(safe-area-inset-right));
}