/* Scoped picker shared by the retouch dialog and the continuation form. */
.cx-page-style-picker { margin:20px 0; padding:0; color:#253047; font-family:inherit; }
.cx-page-style-picker [hidden] { display:none!important; }
.cx-page-style-picker .cx-page-style-toggle { display:flex!important; align-items:center; gap:12px; width:100%; min-height:68px; margin:0; padding:15px 16px; background:#f5effb!important; color:#51316d!important; border:1px solid #d5bde7!important; border-radius:12px!important; box-shadow:none!important; text-align:left; font:inherit; font-size:15px!important; font-weight:750!important; line-height:1.35; cursor:pointer; }
.cx-page-style-toggle>svg { flex:0 0 22px; }
.cx-page-style-toggle>span:first-of-type { flex:1; }
.cx-page-style-toggle small { display:block; margin-top:3px; font-size:12px; font-weight:400; color:#736180; }
.cx-page-style-picker .cx-page-style-chevron { font-size:24px; line-height:1; }
.cx-page-style-picker .cx-page-style-toggle:hover { background:#eee2f8!important; }
.cx-page-style-picker .cx-page-style-panel { padding:16px; background:#fff; border:1px solid #e3d6ed; border-top:0; border-radius:0 0 12px 12px; }
.cx-page-style-picker p.cx-page-style-note { margin:0 0 14px!important; font-size:13px!important; line-height:1.55!important; color:#5a5362; }
.cx-page-style-note strong { color:#51316d; }
.cx-page-style-options { min-width:0; padding:0; margin:0; border:0; }
.cx-page-style-options legend { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.cx-page-style-picker .cx-page-style-keep { display:flex; align-items:center; gap:8px; margin-bottom:13px; font-size:14px; font-weight:650; cursor:pointer; }
.cx-page-style-picker input[type="radio"] { accent-color:#784b99; }
#storybd-v7-app[data-cx-journey="1"] .cx-journey-form .cx-page-style-picker input[type="radio"],
#storybd-v7-app .cx-page-style-picker input[type="radio"],
#storybd-retouch-modal .cx-page-style-picker input[type="radio"] { appearance:auto!important; width:18px!important; height:18px!important; min-width:18px!important; min-height:18px!important; max-width:18px!important; padding:0!important; margin:0!important; border:0!important; border-radius:50%!important; background:transparent!important; box-shadow:none!important; flex:0 0 18px; }
.cx-page-style-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; max-height:390px; overflow:auto; padding:4px; overscroll-behavior:contain; scrollbar-gutter:stable; }
.cx-page-style-picker .cx-page-style-choice { position:relative; display:block; min-width:0; margin:0; cursor:pointer; }
.cx-page-style-choice input { position:absolute; top:9px; right:9px; z-index:1; width:17px; height:17px; margin:0; }
.cx-page-style-choice>span { display:block; height:100%; box-sizing:border-box; padding:4px; border:2px solid #e5e4e9; border-radius:10px; background:#fff; }
.cx-page-style-choice img { display:block!important; width:100%!important; height:auto!important; aspect-ratio:1; object-fit:cover!important; border-radius:5px; }
.cx-page-style-choice strong { display:block; padding:7px 3px 4px; color:#253047; font-size:12px; line-height:1.3; font-weight:700; }
.cx-page-style-choice input:checked+span { border-color:#784b99; background:#f5effb; }
.cx-page-style-choice input:focus-visible+span { outline:3px solid #4268b3; outline-offset:2px; }
.cx-page-style-toggle:focus-visible, .cx-page-style-keep input:focus-visible { outline:3px solid #4268b3; outline-offset:3px; }
.cx-page-style-picker p.cx-page-style-price { margin:12px 0 0!important; font-size:12px!important; color:#706478; }
.cx-page-style-picker p.cx-page-style-selected { margin:10px 0 0!important; padding:10px 13px; background:#f5effb; border-radius:8px; font-size:13px!important; line-height:1.45!important; color:#51316d; }
#storybd-retouch-modal .cx-page-style-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-height:335px; }
@media(max-width:700px) {
    .cx-page-style-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-height:350px; }
    .cx-page-style-picker .cx-page-style-toggle { padding:13px; gap:9px; font-size:14px!important; }
    .cx-page-style-picker .cx-page-style-panel { padding:12px; }
}