.cp-rom-picker { margin-top: 24px; scroll-margin-top: 110px; }
.cp-rom-picker[hidden], .cp-rom-pane[hidden] { display: none !important; }
.cp-rom-picker-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.cp-rom-picker-heading h2 { margin: 0; font-size: 24px; }
.cp-rom-picker-heading label { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-weight: 700; }
.cp-rom-picker-heading select { min-height: 44px; padding: 8px 12px; font: inherit; max-width: 100%; }
.cp-rom-picker .cp-rom-pane .section-inner { width: 100%; }
.cp-rom-picker .rom-section { padding-inline: 16px; }
.cp-rom-pane .rom-heading { display: none; }
.cp-chip-wrap .cp-chip-motion { min-height: 44px; padding: 6px 10px; border: 1px solid #8daaa7; border-radius: 4px; background: #edf5f2; color: #153e46; font: 700 13px Inter, sans-serif; cursor: pointer; }
.cp-chip-motion:focus-visible, .cp-rom-picker select:focus-visible { outline: 3px solid #87651b; outline-offset: 3px; }
@media (max-width: 600px) { .cp-rom-picker .rom-section { padding-inline: 0; } }
.cp-rom-apply { border-top: 1px solid #bacdca; margin-top: 20px; padding-top: 16px; }
.cp-rom-apply p { margin: 0 0 12px; font-size: .9rem; line-height: 1.6; }
.cp-rom-apply .btn { margin: 0 8px 12px 0; max-width: 100%; white-space: normal; }
.cp-rom-apply [hidden] { display: none; }
.cp-rom-apply .btn:disabled { opacity: .6; cursor: not-allowed; }
.cp-rom-source { display: block; font-size: .8rem; line-height: 1.5; margin-top: 4px; }