/* Decorative masks only: real translated text, controls and layout stay untouched. */
.site-locale-decode {
  position: fixed;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  overflow: visible;
  z-index: 2147483000;
  pointer-events: none !important;
  user-select: none;
  contain: layout style;
}
.site-locale-decode-glyph {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: var(--color-brand-secondary);
  font-family: var(--font-mono, ui-monospace, monospace);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  pointer-events: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .site-locale-decode { display: none !important; }
}
@media (forced-colors: active) {
  .site-locale-decode { display: none !important; }
}
.locale-switcher-status {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 260px;
  padding: 12px 16px;
  background: var(--color-surface-page);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-strong);
  font-size: 13px;
  line-height: 1.5;
  z-index: 30;
}
html:has(body[data-locale-state="switching"]) { scroll-snap-type: none; }

/* Existing event form shell, with the shared native language control. */
html[data-application-mode=live] .app-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto}
.application-language{display:inline-flex;position:relative;align-items:center}
.application-language select{appearance:none;min-height:44px;max-width:128px;padding:10px 32px 10px 12px;background:transparent;border:1px solid var(--event-border);border-radius:var(--event-radius);color:var(--event-text);font:14px/1.5 var(--event-body)}
.application-language::after{content:"";position:absolute;right:12px;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);pointer-events:none}
.application-language option{background:var(--event-bg);color:var(--event-text)}
.application-layout :is(h1,h2,button,legend,label,small),.result-view{overflow-wrap:anywhere}
@media(max-width:760px){html[data-application-mode=live] .app-header{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding-block:16px}html[data-application-mode=live] .app-header>.back-link{grid-column:1/-1;justify-self:end}.application-language select{max-width:110px}.application-layout .choice{min-width:0}.step-nav button{white-space:normal}}
@media(forced-colors:active){.application-language select{appearance:auto;padding-right:12px}.application-language::after{display:none}}
@media print{.application-language{display:none}}