/* One version-aware picker, coloured by the active theme's existing tokens. */
.site-theme-picker.site-theme-picker {
  --picker-bg: #ffffff;
  --picker-ink: #222222;
  --picker-border: #777777;
  --picker-active-bg: #222222;
  --picker-active-ink: #ffffff;
  --picker-hover: #eeeeee;
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 60;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--picker-ink);
}
.theme-v1 .site-theme-picker { --picker-bg: var(--washi-deep); --picker-ink: var(--sumi); --picker-border: var(--sumi-40); --picker-active-bg: var(--sumi); --picker-active-ink: var(--washi); --picker-hover: var(--washi); }
.theme-v2 .site-theme-picker { --picker-bg: var(--crt-deep); --picker-ink: var(--text); --picker-border: var(--amber-25); --picker-active-bg: var(--amber); --picker-active-ink: var(--crt-bg); --picker-hover: var(--crt-panel-2); }
.theme-v3 .site-theme-picker { --picker-bg: #fafaf9; --picker-ink: #292524; --picker-border: #d6d3d1; --picker-active-bg: #115e59; --picker-active-ink: #ffffff; --picker-hover: #e7e5e4; }
.theme-v4 .site-theme-picker { --picker-bg: var(--vellum-warm); --picker-ink: var(--draft); --picker-border: var(--draft-40); --picker-active-bg: var(--draft); --picker-active-ink: var(--vellum-warm); --picker-hover: var(--vellum-deep); }
.theme-v5 .site-theme-picker { --picker-bg: #1a1714; --picker-ink: #ded8ca; --picker-border: #5c5548; --picker-active-bg: #d4a642; --picker-active-ink: #1a1714; --picker-hover: #2d2926; }
.theme-v6 .site-theme-picker { --picker-bg: var(--paper-deep); --picker-ink: var(--ink); --picker-border: var(--ink-40); --picker-active-bg: var(--ink); --picker-active-ink: var(--paper); --picker-hover: var(--paper); }
.theme-v7 .site-theme-picker { --picker-bg: var(--void-deep); --picker-ink: var(--vellum); --picker-border: var(--vellum-25); --picker-active-bg: var(--copper); --picker-active-ink: var(--void); --picker-hover: var(--void); }
.theme-v8 .site-theme-picker { --picker-bg: #f2f4ed; --picker-ink: #171b18; --picker-border: #6d756a; --picker-active-bg: #d4f58b; --picker-active-ink: #171b18; --picker-hover: #e0e5d9; }
.site-theme-picker.site-theme-picker :is(a, span, summary) { font-family: inherit; font-size: inherit; line-height: inherit; letter-spacing: 0; text-transform: none; color: inherit; }
.site-theme-picker.site-theme-picker summary { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 10px 14px; max-width: calc(100vw - 32px); background: var(--picker-bg); border: 1px solid var(--picker-border); cursor: pointer; list-style: none; }
.site-theme-picker.site-theme-picker summary::-webkit-details-marker { display: none; }
.site-theme-picker.site-theme-picker .site-theme-picker-swatch { width: 12px; height: 12px; flex: 0 0 12px; background: var(--picker-active-bg); border: 1px solid var(--picker-ink); }
.site-theme-picker.site-theme-picker .site-theme-picker-chevron { margin-left: 4px; }
.site-theme-picker.site-theme-picker[open] .site-theme-picker-chevron { transform: rotate(180deg); }
.site-theme-picker.site-theme-picker nav { position: absolute; right: 0; bottom: calc(100% + 6px); width: min(270px, calc(100vw - 32px)); max-height: min(440px, 75dvh); overflow-y: auto; padding: 8px; background: var(--picker-bg); border: 1px solid var(--picker-border); box-shadow: 0 8px 24px #0002; }
.site-theme-picker.site-theme-picker .site-theme-picker-heading { display: flex; justify-content: space-between; gap: 16px; padding: 6px 10px 12px; border-bottom: 1px solid var(--picker-border); font-size: 10px; }
.site-theme-picker.site-theme-picker .site-theme-picker-row { display: flex; align-items: center; min-height: 48px; justify-content: space-between; gap: 8px; border-bottom: 1px solid var(--picker-border); }
.site-theme-picker.site-theme-picker .site-theme-picker-row:last-child { border-bottom: 0; }
.site-theme-picker.site-theme-picker .site-theme-picker-name { padding-left: 10px; }
.site-theme-picker.site-theme-picker .site-theme-picker-versions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; min-width: 0; }
.site-theme-picker.site-theme-picker a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 10px; text-decoration: none; border: 1px solid transparent; background: transparent; }
.site-theme-picker.site-theme-picker .site-theme-picker-single { width: 100%; justify-content: flex-start; }
.site-theme-picker.site-theme-picker a[aria-current="true"] { background: var(--picker-active-bg); color: var(--picker-active-ink); }
.site-theme-picker.site-theme-picker a:hover:not([aria-current="true"]) { background: var(--picker-hover); color: var(--picker-ink); }
.site-theme-picker.site-theme-picker :is(a, summary):focus-visible { outline: 2px solid var(--picker-ink); outline-offset: -3px; }
@media (max-width: 540px) {
  .site-theme-picker.site-theme-picker { right: 12px; bottom: 12px; }
}