/* DEV Step 3: collection preview, preserving actual folder artwork and controls. */
#step-3 #s3UxHomeDetails > summary .s3-ux-home-chevron{
 box-sizing:border-box!important;display:grid!important;place-items:center!important;
 width:36px!important;height:36px!important;border:1px solid var(--border2,var(--flow-border,#536278))!important;
 border-radius:10px!important;background:var(--input-bg,var(--flow-tint,#303e50))!important;
 color:var(--text,#edf5ff)!important;font-size:0!important;justify-self:end!important;
 opacity:1!important;visibility:visible!important;transform:none!important;
}
#step-3 #s3UxHomeDetails > summary .s3-ux-home-chevron::after{
 content:""!important;display:block!important;width:9px!important;height:9px!important;
 border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;
 transform:translateY(-2px) rotate(45deg)!important;transition:transform .18s ease!important;
}
#step-3 #s3UxHomeDetails[open] > summary .s3-ux-home-chevron{transform:none!important}
#step-3 #s3UxHomeDetails[open] > summary .s3-ux-home-chevron::after{
 transform:translateY(2px) rotate(225deg)!important;
}
body.um-cprev-open .um-build-bottom-nav,
body.um-cprev-open #umAppearanceToggle,
body.um-cprev-open .um-appearance-popover,
body.um-cprev-open #umScrollHelper{display:none!important}
#nuvioPreviewModal.um-cprev-modal{
 position:fixed!important;inset:0!important;z-index:2000003!important;
 width:100%!important;max-width:100vw!important;height:100dvh!important;
 box-sizing:border-box!important;overflow:hidden!important;
 background:#101721!important;color:#edf2f9!important;
 isolation:isolate!important;
}
#nuvioPreviewModal.um-cprev-modal > .um-cprev-toolbar{
 position:relative;z-index:3;display:grid!important;
 grid-template-columns:minmax(0,1fr) auto!important;
 grid-template-areas:"title close" "select select"!important;
 gap:10px!important;align-items:center!important;
 padding:calc(12px + env(safe-area-inset-top)) 15px 13px!important;
 min-height:0!important;flex-shrink:0!important;
 background:#1d2835!important;border-bottom:1px solid #3a4859!important;
 box-shadow:0 6px 23px rgba(0,0,0,.23)!important;
}
#nuvioPreviewModal .um-cprev-heading{grid-area:title;display:flex;flex-direction:column;gap:2px;min-width:0}
#nuvioPreviewModal .um-cprev-heading strong{
 color:#f2f6fb!important;font-size:17px!important;line-height:1.25!important;font-weight:800!important;
}
#nuvioPreviewModal .um-cprev-heading small{color:#bbcad8!important;font-size:11px!important}
#nuvioPreviewModal #previewCollPicker{
 grid-area:select!important;width:100%!important;max-width:none!important;min-width:0!important;
 min-height:43px!important;margin:0!important;padding:9px 12px!important;
 background:#2b3949!important;color:#f5f8fc!important;border:1px solid #526479!important;
 border-radius:11px!important;font:inherit!important;font-size:13px!important;
}
#nuvioPreviewModal .um-cprev-toolbar > button{
 grid-area:close!important;justify-self:end!important;min-height:39px!important;
 padding:7px 12px!important;margin:0!important;border-radius:10px!important;
 background:#2b3949!important;border:1px solid #526479!important;
 color:#edf3fa!important;font-size:12px!important;font-weight:700!important;
}
#nuvioPreviewModal :is(#previewCollPicker,.um-cprev-toolbar button):focus-visible{
 outline:2px solid #9ec6e8!important;outline-offset:2px!important;
}
#nuvioPreviewModal #previewTabs{
 gap:9px!important;background:#17202d!important;min-height:0!important;
 padding:12px 14px 8px!important;border-bottom:1px solid #364558!important;
 scrollbar-width:thin!important;scrollbar-color:#536478 transparent!important;
}
#nuvioPreviewModal .um-cprev-divider{display:none!important}
#nuvioPreviewModal #previewContent{
 flex:1 1 0!important;min-height:0!important;box-sizing:border-box!important;
 overflow-x:hidden!important;overflow-y:auto!important;
 padding:15px 13px calc(25px + env(safe-area-inset-bottom))!important;
 background:#101721!important;color:#edf3fa!important;
 overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
}
#nuvioPreviewModal .um-cprev-intro{
 padding:0 2px 10px!important;font-size:11px!important;line-height:1.5!important;
 color:#acbdcf!important;margin:0!important;
}
#nuvioPreviewModal .um-cprev-collection{
 display:block;box-sizing:border-box;width:100%;margin:0 0 14px!important;
 padding:10px!important;border:1px solid #37475a!important;border-radius:15px!important;
 background:#1c2633!important;overflow:hidden!important;
 box-shadow:none!important;
}
#nuvioPreviewModal .um-cprev-collection-head{margin:0 0 10px!important;padding:0!important}
#nuvioPreviewModal .um-cprev-collection-title{
 margin:4px 4px 6px!important;color:#f2f6fa!important;font-size:15px!important;
 font-weight:800!important;line-height:1.3!important;
}
#nuvioPreviewModal .um-cprev-collection-head .um-cprev-underline{
 margin:0 4px!important;background:#638aaf!important;width:27px!important;height:3px!important;
}
#nuvioPreviewModal .nuvio-collection-hero-preview{
 box-sizing:border-box!important;position:relative!important;
 min-height:0!important;height:130px!important;max-height:170px!important;
 margin:0!important;padding:14px!important;overflow:hidden!important;border-radius:11px!important;
 background-color:#27394d!important;background-position:center!important;background-size:cover!important;
 box-shadow:inset 0 -58px 50px rgba(0,0,0,.58)!important;
}
#nuvioPreviewModal .nuvio-collection-hero-preview strong{
 position:relative;z-index:1;font-size:clamp(16px,4vw,21px)!important;
 line-height:1.2!important;color:#fff!important;max-width:85%!important;
 overflow-wrap:anywhere!important;text-shadow:0 2px 9px rgba(0,0,0,.85)!important;
}
#nuvioPreviewModal .nuvio-collection-hero-dynamic-badge{
 top:9px!important;right:9px!important;max-width:60%!important;
 font-size:10px!important;padding:5px 8px!important;
 background:rgba(23,37,54,.83)!important;color:#d8e9f9!important;border:1px solid #627b93!important;
}
#nuvioPreviewModal .um-cprev-strip{
 display:flex!important;gap:9px!important;width:100%!important;max-width:100%!important;
 padding:0 2px 6px!important;overflow-x:auto!important;scrollbar-width:thin!important;
 scrollbar-color:#536478 transparent!important;overscroll-behavior-inline:contain!important;
}
#nuvioPreviewModal .um-cprev-strip > div{
 width:122px!important;min-width:122px!important;height:75px!important;flex:0 0 122px!important;
 border:1px solid #425268!important;border-radius:9px!important;background-color:#2b3546!important;
}
#nuvioPreviewModal .um-cprev-strip img{object-fit:cover!important}
#nuvioPreviewModal .um-cprev-strip > div > div:last-child{
 font-size:11px!important;line-height:1.25!important;padding:8px 7px 6px!important;
 background:linear-gradient(transparent,rgba(0,0,0,.85))!important;
}
#nuvioPreviewModal .um-cprev-footer-note{
 margin:16px 8px 2px;color:#a9bed1;font-size:11px;line-height:1.5;text-align:center;
}
#nuvioPreviewModal .um-cprev-folder-summary{
 font-size:12px!important;line-height:1.5!important;color:#b4c4d5!important;
 margin:8px 2px 14px!important;
}
#nuvioPreviewModal .um-cprev-folder-row{
 margin:7px 0!important;padding:12px 13px!important;
 border:1px solid #394a5c!important;border-radius:10px!important;background:#213043!important;
}
#nuvioPreviewModal .um-cprev-folder-row > div:first-child{
 margin:0!important;font-size:13px!important;color:#f1f5fb!important;
 font-weight:700!important;
}
#nuvioPreviewModal .um-cprev-folder-row > div:last-child{display:none!important}
#nuvioPreviewModal .um-cprev-empty{
 padding:34px 17px!important;background:#1e2a39!important;border:1px solid #394a5c!important;
 border-radius:13px!important;color:#cfdae6!important;text-align:center!important;
 font-size:13px!important;line-height:1.6!important;
}
html.um-refined[data-um-appearance="refined-light"] #nuvioPreviewModal .um-cprev-toolbar{
 background:#f5f7fb!important;border-color:#cbd8e4!important;
}
html.um-refined[data-um-appearance="refined-light"] #nuvioPreviewModal .um-cprev-heading strong{color:#273b51!important}
html.um-refined[data-um-appearance="refined-light"] #nuvioPreviewModal .um-cprev-heading small{color:#526a80!important}
html.um-refined[data-um-appearance="refined-light"] #nuvioPreviewModal :is(#previewCollPicker,.um-cprev-toolbar > button){
 background:#fff!important;color:#283c51!important;border-color:#c8d5e2!important;
}
@media(min-width:900px){
 #nuvioPreviewModal.um-cprev-modal > .um-cprev-toolbar{
  grid-template-columns:minmax(180px,1fr) minmax(240px,320px) auto!important;
  grid-template-areas:"title select close"!important;gap:16px!important;
  padding:13px 24px!important;
 }
 #nuvioPreviewModal #previewContent{padding:22px max(24px,calc((100% - 1020px)/2)) 30px!important}
 #nuvioPreviewModal .nuvio-collection-hero-preview{height:150px!important}
 #nuvioPreviewModal .um-cprev-strip > div{
  width:164px!important;min-width:164px!important;flex-basis:164px!important;height:94px!important;
 }
}
@media(max-width:365px){
 #nuvioPreviewModal.um-cprev-modal > .um-cprev-toolbar{padding-inline:10px!important}
 #nuvioPreviewModal .um-cprev-collection{padding:8px!important}
}
/* Replace the preview's legacy purple selected-folder underline. */
#nuvioPreviewModal #previewTabs > div{
 border-bottom-color:transparent!important;
}
#nuvioPreviewModal #previewTabs > div.um-cprev-active-tab{
 border-bottom-color:#6f9fc4!important;
}
#nuvioPreviewModal .um-cprev-toolbar > button{
 box-shadow:none!important;text-shadow:none!important;
}
#nuvioPreviewModal .um-cprev-toolbar > button:focus:not(:focus-visible){
 outline:0!important;box-shadow:none!important;
}
#nuvioPreviewModal .um-cprev-intro,
#nuvioPreviewModal .um-cprev-footer-note,
#nuvioPreviewModal .um-cprev-folder-summary{
 color:#becddd!important;-webkit-text-fill-color:#becddd!important;
 opacity:1!important;
}
#nuvioPreviewModal .um-cprev-footer-note{font-size:12px!important}
#nuvioPreviewModal .um-cprev-empty,
#nuvioPreviewModal .um-cprev-empty span{
 color:#d1e0ee!important;-webkit-text-fill-color:#d1e0ee!important;
 opacity:1!important;
}
@media(prefers-reduced-motion:reduce){
 #step-3 #s3UxHomeDetails .s3-ux-home-chevron::after{transition:none!important}
}


/* DEV Step 3 Home preview v2: a Nuvio-style visual preview, not the old raw rows. */
#step-3 .s3-ux-home-chevron{font-size:0!important;-webkit-text-fill-color:transparent!important}
#step-3 #s3UxHomeDetails > summary .s3-ux-home-chevron::after{color:var(--text,var(--flow-ink,#edf4fa))!important}
#step-3.s3-experience-v2[data-um-s3-cards-unified] > :is(
  .um-workspace-disclosure,#s3AddCollectionDrawer,#s3UxHomeDetails,#s3AdvancedCollectionDrawer
) > summary{
  min-height:66px!important;padding:8px 12px!important;
}
#step-3.s3-experience-v2[data-um-s3-cards-unified] .um-s3-card-icon{
  width:38px!important;height:38px!important;
}
#step-3.s3-experience-v2[data-um-s3-cards-unified] > :is(
  .um-workspace-disclosure,#s3AddCollectionDrawer,#s3UxHomeDetails,#s3AdvancedCollectionDrawer
) > summary{
  grid-template-columns:38px minmax(0,1fr) 32px!important;
  gap:10px!important;
}
#step-3.s3-experience-v2[data-um-s3-cards-unified] > :is(
  .um-workspace-disclosure,#s3AddCollectionDrawer,#s3UxHomeDetails,#s3AdvancedCollectionDrawer
){margin:7px 0!important}
@media(max-width:380px){
  #step-3.s3-experience-v2[data-um-s3-cards-unified] > :is(
    .um-workspace-disclosure,#s3AddCollectionDrawer,#s3UxHomeDetails,#s3AdvancedCollectionDrawer
  ) > summary{min-height:82px!important;grid-template-columns:36px minmax(0,1fr) 30px!important;gap:8px!important;padding:9px 10px!important}
  #step-3.s3-experience-v2[data-um-s3-cards-unified] .um-s3-card-icon{width:36px!important;height:36px!important}
}
#step-3 .um-cpv2-mini{
  padding:14px 13px 16px!important;margin:0 0 10px!important;
  border:1px solid var(--border2,#41536a);border-radius:13px;
  background:#121c28!important;color:#f3f7fd!important;
  overflow:hidden;max-width:100%;box-sizing:border-box;
}
#step-3 .um-cpv2-mini .um-cpv2-section-head strong{font-size:15px!important;color:#f4f8fd!important}
#step-3 .um-cpv2-mini .um-cpv2-section-head small{font-size:11px!important;color:#b3c1d0!important}
@media(max-width:699px){
  #step-3 .um-cpv2-mini-entry ~ .um-cpv2-mini-entry{display:none!important}
}
#step-3 .um-cpv2-mini-title{
  display:block;margin:15px 0 8px;font-size:12px!important;font-weight:800!important;color:#f1f5fc!important
}
#step-3 .um-cpv2-mini-rail{display:flex;gap:9px;overflow-x:auto;max-width:100%;padding:0 0 3px;scrollbar-width:thin}
#step-3 .um-cpv2-mini-folder{
  flex:0 0 clamp(92px,25%,140px);min-width:0;max-width:140px;
  display:flex;flex-direction:column;gap:5px;
  font-size:11px;color:#d4e0eb
}
#step-3 .um-cpv2-mini-folder img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;border:1px solid #435368;background:#27374c}
#step-3 .um-cpv2-mini-folder small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d5e0e9!important}
#step-3 .um-cpv2-mini .um-cpv2-muted{color:#b6c4d3!important}
#nuvioPreviewModal.um-cpv2.um-cprev-modal{
  --cp-bg:#0c131d;--cp-surface:#1b2939;--cp-line:#3a4c60;--cp-soft:#253549;
  --cp-muted:#b6c6d7;--cp-accent:#83aaca;
  background:var(--cp-bg)!important;color:#edf5fd!important;
}
#nuvioPreviewModal.um-cpv2 .um-cprev-toolbar{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"title close" "select select" "devices devices"!important;
  padding:calc(10px + env(safe-area-inset-top)) 13px 11px!important;
  gap:8px!important;background:#1b2837!important;
}
#nuvioPreviewModal.um-cpv2 .um-cprev-heading strong{font-size:16px!important;color:#f1f6fc!important}
#nuvioPreviewModal.um-cpv2 .um-cprev-heading small{font-size:10px!important;color:#bbc9d9!important}
#nuvioPreviewModal.um-cpv2 #previewCollPicker{
  grid-area:select!important;min-height:39px!important;
  background:#2b3c50!important;border-color:#52677e!important;color:#f1f7fe!important;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-devices{
  grid-area:devices;display:flex;align-items:center;gap:4px;
  justify-self:start;width:auto;min-width:0;
  padding:3px;border:1px solid #4a5b6e;border-radius:10px;background:#111c2b;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-device{
  min-height:32px;padding:5px 16px;border:1px solid transparent;border-radius:7px;
  color:#c5d1df;background:transparent;font-size:11px;font-weight:700;line-height:1.2;font-family:inherit;cursor:pointer;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-device.is-active{
  background:#3e6184;color:#fff;border-color:#6585a5;
}
#nuvioPreviewModal.um-cpv2 :is(.um-cpv2-device,.um-cpv2-back,.um-cpv2-folder,.um-cpv2-tab):focus-visible{
  outline:2px solid #b0d4fd;outline-offset:2px;
}
#nuvioPreviewModal.um-cpv2 #previewTabs{
  padding:9px 12px!important;background:#182435!important;gap:7px!important;
  border-bottom:1px solid var(--cp-line)!important;
}
#nuvioPreviewModal.um-cpv2 #previewTabs[hidden]{display:none!important}
#nuvioPreviewModal.um-cpv2 .um-cpv2-tab{
  flex:0 0 auto;border:1px solid #42546b;border-radius:999px;
  background:#263648;color:#c9d6e3;font-size:11px;font-weight:700;line-height:1.3;font-family:inherit;
  max-width:190px;min-height:35px;padding:7px 12px;cursor:pointer;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-tab.is-active{
  border-color:#83a9cd;background:#405f81;color:#fff;
}
#nuvioPreviewModal.um-cpv2 #previewContent{
  overflow-y:auto!important;overflow-x:hidden!important;
  padding:0 0 calc(20px + env(safe-area-inset-bottom))!important;
  background:var(--cp-bg)!important;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-stage{
  width:100%;max-width:100%;min-height:100%;margin:0 auto;padding:16px 12px 18px;
  box-sizing:border-box;overflow:hidden;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-section-head{
  display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;
  gap:5px 12px;margin:3px 2px 11px;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-section-head strong{
  color:#f4f8fd;font-size:15px!important;font-weight:800;line-height:1.3;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-section-head small{
  color:var(--cp-muted);font-size:11px;line-height:1.4;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-collection{
  background:var(--cp-surface);border:1px solid var(--cp-line);
  border-radius:14px;padding:11px;margin:0 0 14px;overflow:hidden;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-collection .um-cpv2-section-head{margin:0 0 10px}
#nuvioPreviewModal.um-cpv2 .um-cpv2-collection .um-cpv2-section-head small:empty{display:none}
#nuvioPreviewModal.um-cpv2 .um-cpv2-pin{
  display:inline-flex;font-size:10px;color:#d5e7fa;border:1px solid #536f8c;
  padding:3px 6px;border-radius:5px;background:#355171;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-hero{
  height:clamp(124px,35vw,200px);position:relative;box-sizing:border-box;
  display:flex;align-items:flex-end;overflow:hidden;border-radius:11px;
  background:radial-gradient(ellipse at 72% 26%,#3b536c,#1d2d40 65%,#111d2b);
  background-position:center;background-size:cover;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-hero-label{
  position:relative;z-index:1;width:100%;display:flex;flex-direction:column;gap:4px;
  box-sizing:border-box;padding:22px 14px 12px;
  background:linear-gradient(transparent,rgba(5,10,16,.79));
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-hero-label small{color:#d4e4f7;font-size:9px;letter-spacing:.1em;font-weight:850}
#nuvioPreviewModal.um-cpv2 .um-cpv2-hero-label strong{
  color:#fff;font-size:clamp(18px,3.2vw,27px);font-weight:850;
  line-height:1.2;text-shadow:0 2px 8px #08101b;
  overflow-wrap:anywhere;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-folder-rail{
  display:flex;gap:9px;min-width:0;max-width:100%;overflow-x:auto;
  overscroll-behavior-inline:contain;padding:11px 1px 6px;
  scrollbar-width:thin;scrollbar-color:#65778d transparent;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-folder{
  display:flex;flex-direction:column;align-items:stretch;flex:0 0 126px;
  gap:6px;min-width:0;padding:0;border:0;background:transparent;
  color:#e1ebf5;text-align:left;cursor:pointer;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-folder-art{
  display:flex;width:100%;aspect-ratio:16/9;box-sizing:border-box;
  border:1px solid #485b70;border-radius:9px;overflow:hidden;background:#27384d;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-folder-art img{
  width:100%;height:100%;display:block;object-fit:cover;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-folder-label{
  color:#e6eef7;font-size:11px;font-weight:700;line-height:1.25;
  min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;overflow-wrap:anywhere;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-muted,#nuvioPreviewModal.um-cpv2 .um-cpv2-more{
  display:block;color:#b9c8d7;font-size:12px;line-height:1.5;padding:9px 3px;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-no-art{
  width:100%;display:grid;place-items:center;text-align:center;
  color:#b1c2d5;font-size:10px;padding:4px;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-back{
  margin:0 0 12px;padding:8px 11px;min-height:34px;border-radius:8px;
  border:1px solid #50647a;background:#253b50;color:#e5f0fc;
  font-size:11px;font-weight:700;cursor:pointer;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-folder-hero{margin-bottom:15px}
#nuvioPreviewModal.um-cpv2 .um-cpv2-row{
  margin:0 0 18px;padding:0 0 10px;max-width:100%;overflow:hidden;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-row h3{
  font-size:13px;font-weight:750;color:#eef4fd;margin:0 2px 9px;line-height:1.35;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-poster-rail{
  min-height:135px;display:flex;gap:10px;max-width:100%;
  overflow-x:auto;overscroll-behavior-inline:contain;padding:0 0 8px;
  scrollbar-width:thin;scrollbar-color:#66798e transparent;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-poster{
  flex:0 0 91px;width:91px;display:flex;flex-direction:column;gap:4px;
  color:#f4f6fa;min-width:0;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-poster-art{
  width:100%;aspect-ratio:2/3;display:flex;overflow:hidden;
  border:1px solid #475a71;border-radius:9px;background:#2a3d50;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-poster-art img{width:100%;height:100%;object-fit:cover}
#nuvioPreviewModal.um-cpv2 .um-cpv2-poster-title{
  color:#e5eef7;font-size:10px;font-weight:650;line-height:1.25;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-year{color:#aebfd2;font-size:9px}
#nuvioPreviewModal.um-cpv2 .um-cpv2-loading{
  width:100%;border:1px dashed #3b4f66;border-radius:12px;padding:31px 10px;
  color:#bbcbdc;font-size:12px;text-align:center;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-empty{
  background:#1b2939;border:1px solid #3f5167;border-radius:13px;
  color:#c5d5e5;padding:30px 14px;text-align:center;font-size:12px;line-height:1.5;
}
#nuvioPreviewModal.um-cpv2 .um-cpv2-note{
  margin:17px auto 0;max-width:500px;padding:0 4px;
  font-size:10px;line-height:1.5;color:#adbfce;text-align:center;
}
#nuvioPreviewModal.um-cpv2[data-um-cpv2-device="phone"] .um-cpv2-stage{
  max-width:480px;
}
@media(min-width:700px){
  #nuvioPreviewModal.um-cpv2 .um-cprev-toolbar{
    grid-template-columns:minmax(160px,1fr) minmax(180px,270px) auto auto!important;
    grid-template-areas:"title select devices close"!important;
    gap:12px!important;padding:14px 20px!important;
  }
  #nuvioPreviewModal.um-cpv2 #previewContent{padding-top:14px!important}
  #nuvioPreviewModal.um-cpv2[data-um-cpv2-device="tv"] .um-cpv2-stage{max-width:1050px}
  #nuvioPreviewModal.um-cpv2[data-um-cpv2-device="tv"] .um-cpv2-folder{flex-basis:170px}
  #nuvioPreviewModal.um-cpv2[data-um-cpv2-device="tv"] .um-cpv2-poster{flex-basis:115px;width:115px}
  #nuvioPreviewModal.um-cpv2[data-um-cpv2-device="tv"] .um-cpv2-hero{height:260px}
}
@media(max-width:699px){
  #nuvioPreviewModal.um-cpv2[data-um-cpv2-device="tv"] .um-cpv2-hero{height:clamp(95px,30vw,160px)}
  #nuvioPreviewModal.um-cpv2[data-um-cpv2-device="tv"] .um-cpv2-folder{flex-basis:100px}
  #nuvioPreviewModal.um-cpv2[data-um-cpv2-device="tv"] .um-cpv2-poster{flex-basis:72px;width:72px}
  #nuvioPreviewModal.um-cpv2[data-um-cpv2-device="tv"] .um-cpv2-folder-label{font-size:10px}
}
@media(max-width:360px){
  #nuvioPreviewModal.um-cpv2 .um-cprev-toolbar{padding-inline:9px!important}
  #nuvioPreviewModal.um-cpv2 .um-cpv2-stage{padding-inline:9px}
  #nuvioPreviewModal.um-cpv2 .um-cpv2-folder{flex-basis:108px}
}
@media(prefers-reduced-motion:reduce){
  #nuvioPreviewModal.um-cpv2 *{scroll-behavior:auto!important}
}


/* Technical counts and raw Home row order are secondary to the visual preview. */
#step-3 .um-cpv2-layout-details{
  width:100%;margin:0;padding:0;border:1px solid var(--border2,var(--flow-border,#415168));
  border-radius:11px;background:var(--card,var(--flow-panel,#222d3a));overflow:hidden;box-sizing:border-box;
}
#step-3 .um-cpv2-layout-details > summary{
  list-style:none;display:flex;align-items:center;justify-content:space-between;
  min-height:44px;padding:11px 13px;color:var(--text,#e8f1fc);
  font-weight:700;font-size:12px;line-height:1.35;cursor:pointer;
}
#step-3 .um-cpv2-layout-details > summary::-webkit-details-marker{display:none}
#step-3 .um-cpv2-layout-details > summary::after{
  content:"";width:8px;height:8px;flex:0 0 auto;margin:0 3px 3px 11px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);transition:transform .15s;
}
#step-3 .um-cpv2-layout-details[open] > summary{
  border-bottom:1px solid var(--border2,var(--flow-border,#415168));
}
#step-3 .um-cpv2-layout-details[open] > summary::after{transform:rotate(225deg);margin-top:6px}
#step-3 .um-cpv2-layout-details:not([open]) > :not(summary){display:none!important}
#step-3 .um-cpv2-layout-details > :not(summary){margin-inline:10px!important}
#step-3 .um-cpv2-layout-details > :last-child{margin-bottom:10px!important}