/* Choice presentation shared by admin and private previews. Width is local, not viewport. */
.pbspo [data-preview-type]{container-type:inline-size}
.pbspo .pbspo-choice-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--pbspo-gap,10px);width:100%;min-width:0}
.pbspo .pbspo-choice-layout[data-layout=columns]{grid-template-columns:repeat(var(--pbspo-style-columns-mobile,var(--pbspo-mobile,1)),minmax(0,1fr))}
.pbspo .pbspo-choice-layout[data-layout=wrap]{display:flex;flex-wrap:wrap}
.pbspo .pbspo-choice-layout>.button,.pbspo .pbspo-choice-layout>.pbspo-preview-choice{margin:0!important;float:none!important;min-width:0;max-width:100%;overflow-wrap:anywhere}
.pbspo .pbspo-choice-layout[data-layout=columns]>.button,.pbspo .pbspo-choice-layout[data-layout=list]>.button{width:100%}
@container (min-width:360px){.pbspo .pbspo-choice-layout[data-layout=columns]{grid-template-columns:repeat(var(--pbspo-style-columns-tablet,var(--pbspo-tablet,2)),minmax(0,1fr))}}
@container (min-width:600px){.pbspo .pbspo-choice-layout[data-layout=columns]{grid-template-columns:repeat(var(--pbspo-style-columns-desktop,var(--pbspo-desktop,2)),minmax(0,1fr))}}

/* Studio device selection is explicit, independent of the inspector width. */
#pbspo-private-page[data-preview-device=desktop] .pbspo-choice-layout[data-layout=columns]{grid-template-columns:repeat(var(--pbspo-style-columns-desktop,var(--pbspo-desktop,2)),minmax(0,1fr))}
#pbspo-private-page[data-preview-device=tablet] .pbspo-choice-layout[data-layout=columns]{grid-template-columns:repeat(var(--pbspo-style-columns-tablet,var(--pbspo-tablet,2)),minmax(0,1fr))}
#pbspo-private-page[data-preview-device=mobile] .pbspo-choice-layout[data-layout=columns]{grid-template-columns:repeat(var(--pbspo-style-columns-mobile,var(--pbspo-mobile,2)),minmax(0,1fr))}