.catalog-versions { width: min(680px,calc(100% - 32px)); max-height: min(820px,calc(100dvh - 40px)); padding: 24px; background: var(--surface,#101216); color: var(--text,#f2efe8); overflow: auto; overscroll-behavior: contain; }
.catalog-versions::backdrop { background: #000b; backdrop-filter: blur(8px); }
.catalog-versions > header { position: sticky; top: -24px; z-index: 3; display: flex; justify-content: space-between; align-items: start; gap: 16px; padding-block: 12px; background: var(--surface,#101216); }
.catalog-versions h2 { margin: 0; font-size: 1.5rem; line-height: 1.25; overflow-wrap: anywhere; }
.catalog-versions header p, .catalog-version-status { color: var(--text-muted,#a9abb1); font-size: .8rem; line-height: 1.5; }
.catalog-version-list { display: grid; gap: 18px; margin: 20px 0; }
.catalog-version-list fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
.catalog-version-list legend { margin-bottom: 8px; font-size: .85rem; color: var(--text-muted,#a9abb1); }
.catalog-version-row { display: flex; align-items: center; gap: 14px; min-height: 64px; padding: 12px; margin-bottom: 6px; border: 1px solid var(--line,#ffffff19); border-radius: 12px; cursor: pointer; }
.catalog-version-row:has(input:checked) { border-color: var(--accent,#e31332); background: color-mix(in srgb,var(--accent,#e31332) 9%,transparent); }
.catalog-version-row:focus-within { outline: 2px solid var(--text,#f2efe8); outline-offset: 2px; }
.catalog-version-row input { flex: 0 0 22px; width: 22px; min-width: 22px; height: 22px; min-height: 22px; margin: 0; accent-color: var(--accent,#e31332); }
.catalog-version-row > span { display: grid; gap: 4px; min-width: 0; }
.catalog-version-row strong { font-size: .85rem; }
.catalog-version-row span span, .catalog-version-row small { font-size: .75rem; line-height: 1.45; color: var(--text-muted,#a9abb1); overflow-wrap: anywhere; }
.catalog-versions footer { position: sticky; bottom: -24px; padding: 12px 0 0; background: var(--surface,#101216); }
.catalog-version-confirm { width: 100%; min-height: 48px; }
@media (max-width:720px), (max-width:900px) and (max-height:500px) and (pointer:coarse) {
  dialog.catalog-versions { position: fixed; inset: auto 0 0; width: 100%; max-width: 100%; max-height: calc(var(--mobile-visual-height,100dvh) - 12px); margin: 0; padding: 20px 16px calc(16px + env(safe-area-inset-bottom,0px)); border-radius: 22px 22px 0 0; }
  .catalog-versions footer { bottom: calc(-16px - env(safe-area-inset-bottom,0px)); padding-bottom: calc(12px + env(safe-area-inset-bottom,0px)); }
  .catalog-versions > header { top: -20px; }
  dialog.catalog-versions .catalog-version-row input { min-height: 22px; }
}
@media(prefers-reduced-motion:reduce) { dialog.catalog-versions,dialog.catalog-versions::backdrop { animation: none !important; transition: none !important; } }