.version-switch { position: relative; font-size: 12px; }
.version-switch summary { cursor: pointer; border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; color: var(--ink); background: var(--surface); white-space: nowrap; }
.version-options { position: absolute; right: 0; top: calc(100% + 6px); min-width: 220px; padding: 6px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); box-shadow: 0 8px 24px #0002; z-index: 50; }
.version-options > a, .version-options > span, .version-options button { display: block; width: 100%; padding: 10px; text-align: left; font: inherit; border: 0; border-radius: 6px; background: transparent; color: var(--ink); box-sizing: border-box; text-decoration: none; }
.version-options > span { color: var(--muted); }
.version-options > a:hover, .version-options button:hover { background: var(--surface-selected); cursor: pointer; }
.experimental-banner { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; margin-bottom: 24px; border: 1px solid var(--field-border); border-radius: 10px; background: var(--surface-selected); color: var(--ink); }
.experimental-banner p { margin: 3px 0 0; font-size: 12px; color: var(--muted); }
.experimental-banner a { flex-shrink: 0; font-size: 12px; }
@media (max-width: 600px) { .experimental-banner { align-items: flex-start; flex-direction: column; } .version-options { right: auto; left: 0; } }