/* Localization only. Original image geometry and the v8 UI stylesheet remain unchanged. */
.locale-controls {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  justify-content: flex-end;
  font-size: 13px;
}
.locale-control-label { color: var(--color-muted); margin-inline-end: 8px; }
.locale-controls button {
  min-height: 36px;
  padding: 6px 12px;
  border: 1px solid var(--color-line);
  border-radius: 6px;
  background: var(--color-surface);
  color: var(--color-body);
  font: inherit;
  cursor: pointer;
}
.locale-controls button[aria-pressed="true"] {
  border-color: var(--color-accent);
  color: var(--color-accent);
  background: var(--color-accent-soft);
  font-weight: 650;
}
.locale-controls button:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
}
.localized-screen {
  position: relative;
  width: 100%;
  container-type: inline-size;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-image);
  overflow: hidden;
  background: var(--color-surface);
}
.page .localized-screen > img {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.localized-label {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0;
  font-family: Arial, "Microsoft YaHei", sans-serif;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: normal;
  white-space: pre-line;
}
.localized-label > svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
.localized-label-text { position: relative; width: 100%; }
.locale-pair { position: relative; display: block; }
.locale-pair > .locale-size {
  display: block;
  visibility: hidden;
  pointer-events: none;
}
.locale-pair > .locale-live {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
}
.added-installment h4 > .locale-live { inset-inline-start: 1.5cqw; }
html[data-ui-locale="id"] .localized-label { visibility: hidden; }
html[data-ui-locale="id"] .localized-label[data-id-replacement="true"] { visibility: visible; }
html[data-flow-variant="direct"] .localized-label[data-flow-only="confirm"],
html[data-flow-variant="confirm"] .localized-label[data-flow-only="direct"] { display: none; }
.locale-announcement {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (max-width: 520px) {
  .locale-control-label { display: none; }
  .locale-controls button { padding-inline: 8px; font-size: 12px; }
  .header-inner { gap: 10px; padding-block: 10px; }
  .brand { font-size: 13px; }
}
@media print { .locale-controls { display: none; } }