/* Five views of one vehicle. Selection stays separate from the main-photo choice. */
.marketing-workflow-v57 #mwf-panel-assets{
 display:flex;
 flex-direction:column;
 gap:12px;
 min-width:0;
 min-height:0;
}
.marketing-workflow-v57:is(.is-pinned,.is-measuring) #mwf-panel-assets{height:100%}
/* A definite zero-minimum row prevents the gallery's intrinsic height from
   growing the app before its percentage-height panel has been resolved. */
.marketing-workflow-v57:is(.is-pinned,.is-measuring) .mwf-app[data-step="1"] .mwf-app-main{min-height:0;grid-template-rows:minmax(0,1fr)}
.marketing-workflow-v57:is(.is-pinned,.is-measuring) .mwf-app[data-step="1"] .mwf-panels{display:grid;grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden}
.marketing-workflow-v57:is(.is-pinned,.is-measuring) #mwf-panel-assets{min-height:0;max-height:100%;overflow:hidden}
.marketing-workflow-v57 #mwf-panel-assets[hidden]{display:none!important}
.marketing-workflow-v57 #mwf-panel-assets>h3{flex:0 0 auto;margin:0}
.marketing-workflow-v57 .mwg-assets-scroll{
 flex:1 1 auto;
 min-width:0;
 min-height:0;
 overflow-y:auto;
 overscroll-behavior:contain;
 scrollbar-width:thin;
 scrollbar-color:#b9c2ba transparent;
 scrollbar-gutter:stable;
 padding:4px 7px 4px 3px;
}
.marketing-workflow-v57 .mwg-assets-scroll::-webkit-scrollbar{width:6px;height:6px}
.marketing-workflow-v57 .mwg-assets-scroll::-webkit-scrollbar-thumb{background:#b9c2ba;border-radius:8px}
.marketing-workflow-v57 .mwg-selection-summary{
 margin:0 0 12px;
 color:var(--mwf-blue,#4b46c8);
 font-size:13px;
 font-weight:600;
 line-height:1.45;
}
.marketing-workflow-v57 .mwg-photo-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 align-items:start;
 gap:12px 10px;
 min-width:0;
}
.marketing-workflow-v57 .mwg-photo-tile{min-width:0;padding:4px;border:1px solid #dce1d8;border-radius:6px;background:#fff}
.marketing-workflow-v57 .mwg-photo-select{
 display:block;
 position:relative;
 width:100%;
 min-width:0;
 min-height:44px;
 padding:0;
 border:2px solid transparent;
 border-radius:4px;
 background:#fff;
 color:var(--mwf-ink,#16232c);
 font:inherit;
 text-align:left;
 cursor:pointer;
 transition:border-color .15s ease;
}
.marketing-workflow-v57 .mwg-photo-select[aria-checked=true]{border-color:var(--mwf-blue,#4b46c8)}
.marketing-workflow-v57 .mwg-photo-select:hover{border-color:#9691d7}
.marketing-workflow-v57 .mwg-photo-select[aria-checked=true]:hover{border-color:var(--mwf-blue,#4b46c8)}
.marketing-workflow-v57 .mwg-photo-select>img{
 display:block;
 width:100%;
 height:auto;
 aspect-ratio:4/3;
 object-fit:contain;
 object-position:center;
 border-radius:2px;
 background:#edf0e9;
 opacity:1;
 filter:none;
 transform:none;
}
.marketing-workflow-v57 .mwg-photo-check{
 position:absolute;
 top:7px;
 left:7px;
 display:grid;
 place-items:center;
 width:23px;
 height:23px;
 border:1.5px solid #9ba7a1;
 border-radius:4px;
 background:#fff;
 box-shadow:0 1px 4px #16232c14;
 pointer-events:none;
}
.marketing-workflow-v57 .mwg-photo-select[aria-checked=true]>.mwg-photo-check{background:var(--mwf-blue,#4b46c8);border-color:var(--mwf-blue,#4b46c8)}
.marketing-workflow-v57 .mwg-photo-select[aria-checked=true]>.mwg-photo-check:after{content:'';width:11px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.marketing-workflow-v57 .mwg-photo-empty{font-size:13px;line-height:1.5;color:#8d3d30;margin:13px 0 0}
.marketing-workflow-v57 .mwg-photo-empty[hidden]{display:none!important}
.marketing-workflow-v57 .mwg-assets-scroll>:is(.mwf-field,.mwf-language){margin-top:18px;margin-bottom:12px}
.marketing-workflow-v57 .mwg-caption-details{margin-top:13px;border-top:1px solid var(--mwf-line,#d7ddd7)}
.marketing-workflow-v57 .mwg-caption-details>summary{min-height:44px;display:flex;align-items:center;padding:12px 0;cursor:pointer;font-size:13px;font-weight:550;line-height:1.4;color:var(--mwf-ink,#16232c);list-style:none}
.marketing-workflow-v57 .mwg-caption-details>summary::-webkit-details-marker{display:none}
.marketing-workflow-v57 .mwg-caption-details>summary:after{content:'+';font-size:20px;font-weight:400;line-height:1;margin-left:auto;padding-left:16px;color:var(--mwf-blue,#4b46c8)}
.marketing-workflow-v57 .mwg-caption-details[open]>summary:after{content:'−'}
.marketing-workflow-v57 .mwg-caption-details [data-mwf-prepared-caption]{margin:0!important;padding:0 0 12px;font-size:15px!important;line-height:1.55!important;border-bottom:0;color:var(--mwf-ink,#16232c)!important;overflow-wrap:anywhere}
.marketing-workflow-v57 .mwg-assets-footer{flex:0 0 auto;min-width:0;padding-top:10px;border-top:1px solid var(--mwf-line,#d7ddd7);background:#fff}
.marketing-workflow-v57 .mwg-assets-footer>.mwf-primary{width:100%;min-height:44px}
.marketing-workflow-v57 :is(.mwg-photo-select,.mwg-reorder,.mwg-caption-details>summary):focus-visible{outline:3px solid var(--mwf-blue,#4b46c8);outline-offset:3px}
/* Measuring must retain the same constrained layout as the pinned app. */
.marketing-workflow-v57.is-flow:not(.is-measuring) #mwf-panel-assets{height:auto}
.marketing-workflow-v57.is-flow:not(.is-measuring) .mwg-assets-scroll{flex:0 0 auto;overflow-y:visible;overscroll-behavior:auto;scrollbar-gutter:auto;padding-right:3px}
/* The published gallery is a native horizontal strip in both viewing formats. */
.mwf-published-v58 .mp58-thumbs{min-width:0;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:16px;scrollbar-width:thin;scrollbar-color:#b9c2ba transparent;padding-bottom:12px}
.mwf-published-v58 .mp58-thumbs>button{min-width:74px;min-height:55px;scroll-snap-align:start;opacity:1;filter:none}
.mwf-published-v58 .mp58-thumbs>button[aria-pressed=true]{border-color:var(--mp58-blue,#4b46c8)}
.mwf-published-v58 .mp58-thumbs>button>img{object-fit:contain;opacity:1;filter:none;transform:none}
.mwf-published-v58 .mp58-thumbs>button:focus-visible{outline:3px solid var(--mp58-blue,#4b46c8);outline-offset:3px}
@media(max-width:760px){
 .marketing-workflow-v57 #mwf-panel-assets{gap:12px}
 .marketing-workflow-v57 .mwg-assets-scroll{padding-top:3px;padding-left:3px;padding-right:6px}
 .marketing-workflow-v57 .mwg-photo-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:148px;align-items:start;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:3px;scrollbar-width:thin;scrollbar-color:#b9c2ba transparent;padding:3px 3px 10px;margin-left:-3px;margin-right:-1px}
 .marketing-workflow-v57 .mwg-photo-tile{scroll-snap-align:start}
 .marketing-workflow-v57 .mwg-selection-summary{font-size:13px;margin-bottom:9px}
 .marketing-workflow-v57 .mwg-assets-scroll>:is(.mwf-field,.mwf-language){margin-top:15px}
 .marketing-workflow-v57 .mwg-assets-footer{padding-top:9px}
 .marketing-workflow-v57 .mwg-caption-details>summary{font-size:13px}
 .mwf-published-v58 .mp58-thumbs{scroll-padding-inline:12px;padding-left:12px;padding-right:12px}
}
@media(prefers-reduced-motion:reduce){
 .marketing-workflow-v57 :is(.mwg-photo-select,.mwg-reorder){transition:none}
 .marketing-workflow-v57 .mwg-photo-grid,.mwf-published-v58 .mp58-thumbs{scroll-behavior:auto}
}
@media print{
 .marketing-workflow-v57 #mwf-panel-assets{height:auto!important}
 .marketing-workflow-v57 .mwg-assets-scroll{overflow:visible!important;max-height:none!important}
 .marketing-workflow-v57 .mwg-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;overflow:visible}
 .marketing-workflow-v57 .mwg-photo-tile{break-inside:avoid}
}

.marketing-workflow-v57 .mwg-review-photos{font-size:13px;line-height:1.4;margin:0 0 10px;color:#77828a}

/* Reordering replaces a repeated action beneath every thumbnail. */
.marketing-workflow-v57 .mwg-reorder-help{font-size:13px;line-height:1.5;color:#77828a;margin:0 0 8px}
.marketing-workflow-v57 .mwg-photo-tile{position:relative;cursor:grab;user-select:none;-webkit-user-select:none}
.marketing-workflow-v57 .mwg-photo-tile.is-dragging{opacity:.5;cursor:grabbing}
.marketing-workflow-v57 .mwg-photo-tile.is-drop-target{outline:3px solid var(--mwf-blue,#4b46c8);outline-offset:2px}
.marketing-workflow-v57 .mwg-main-badge{position:absolute;bottom:10px;left:10px;max-width:calc(100% - 20px);padding:4px 7px;border-radius:3px;background:#fff;color:var(--mwf-blue,#4b46c8);font-size:10px;font-weight:650;line-height:1.3;box-shadow:0 1px 5px #16232c20;pointer-events:none}
.marketing-workflow-v57 .mwg-main-badge[hidden]{display:none!important}
.marketing-workflow-v57 .mwg-reorder{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:4px;background:transparent;color:#16232c;cursor:grab;touch-action:none}
.marketing-workflow-v57 .mwg-reorder>span{width:12px;height:18px;background-image:radial-gradient(circle,#52615c 1.4px,transparent 1.6px);background-size:6px 6px;filter:drop-shadow(0 0 2px white)}
.marketing-workflow-v57 .mwg-reorder:hover{background:#ffffffe6}
.marketing-workflow-v57 .mwg-reorder:focus-visible{outline:3px solid var(--mwf-blue,#4b46c8);outline-offset:2px;background:#fff}
.marketing-workflow-v57.is-reordering{cursor:grabbing}
.marketing-workflow-v57.is-reordering .mwg-reorder{cursor:grabbing}

.marketing-workflow-v57{overflow-anchor:none}

/* Photo inspection, inclusion, and cover ordering are independent controls. */
.marketing-workflow-v57 .mwg-photo-preview{display:block;width:100%;padding:0;border:2px solid transparent;border-radius:4px;background:#edf0e9;cursor:pointer}
.marketing-workflow-v57 .mwg-photo-preview[aria-pressed=true]{border-color:var(--mwf-blue,#4b46c8)}
.marketing-workflow-v57 .mwg-photo-preview>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:2px;opacity:1;filter:none;transform:none}
.marketing-workflow-v57 .mwg-photo-select{position:absolute;top:3px;left:3px;width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent}
.marketing-workflow-v57 .mwg-photo-select>.mwg-photo-check{top:10px;left:10px}
.marketing-workflow-v57 .mwg-photo-preview:focus-visible{outline:3px solid var(--mwf-blue,#4b46c8);outline-offset:3px}
.marketing-workflow-v57 .mwg-details-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:12px;margin-bottom:12px}
.marketing-workflow-v57 .mwg-details-pair>.mwf-field{min-width:0;margin:0}