/* Temporary design-preview bar with the Version 1 to 5 dropdown. Delete this file (and the bar markup in
   tools/build.mjs) once Frankie picks a version. Themes offset sticky headers with var(--ais-bar-h). */
:root { --ais-bar-h: 40px; }
body { padding-top: var(--ais-bar-h); }
.ais-preview {
  position: fixed; top: 0; left: 0; right: 0; z-index: 2147483000;
  height: var(--ais-bar-h); box-sizing: border-box;
  display: flex; align-items: center; justify-content: flex-end; gap: 12px;
  padding: 0 16px; background: #F3F6F9; border-bottom: 1px solid #DBDBDB;
  font: 600 13px/1 "Segoe UI", "Open Sans", system-ui, -apple-system, sans-serif; color: #000F08;
}
.ais-preview__label { color: #4A5560; letter-spacing: .02em; }
.ais-preview__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ais-preview select {
  appearance: none; -webkit-appearance: none; cursor: pointer;
  font: 700 13px/1 "Segoe UI", "Open Sans", system-ui, sans-serif; color: #FFFFFF;
  background: #0078D4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;
  border: 0; border-radius: 6px; padding: 7px 32px 7px 12px; min-height: 28px;
}
.ais-preview select:focus-visible { outline: 3px solid #000F08; outline-offset: 2px; }
.ais-preview select option { color: #000F08; background: #FFFFFF; }
@media print { .ais-preview { display: none; } body { padding-top: 0; } }