/* Preview presentation only: the approved device contents remain unchanged. */
#bc-client-zone:has([data-czpanel="experiences"]:not([hidden])) .cz-top{padding:12px 24px}
#bc-client-zone:has([data-czpanel="experiences"]:not([hidden])) .cz-main{padding:12px 24px}
#bc-client-zone:has([data-czpanel="experiences"]:not([hidden])) .cz-head{margin-bottom:4px}
#bc-client-zone:has([data-czpanel="experiences"]:not([hidden])) .cz-nav{margin-bottom:8px}
#bc-client-zone:has([data-czpanel="experiences"]:not([hidden])) .cz-app{padding-top:0}
#bc-client-zone:has([data-czpanel="experiences"]:not([hidden])) .cz-foot{margin-top:8px}
#bc-approved-preview.fit-preview{display:flex;align-items:flex-start;justify-content:center;gap:26px;padding:16px 8px 8px}
#bc-approved-preview.fit-preview .preview-device-stage{position:relative;flex:none}
#bc-approved-preview.fit-preview .device{position:absolute;left:0;top:0;width:620px;max-width:none;margin:0;transform-origin:top left}
#bc-approved-preview.fit-preview .steps{display:flex;flex-direction:column;flex:none;width:154px;max-width:none;margin:0;gap:5px}
#bc-approved-preview.fit-preview .steps button{text-align:left;min-height:32px;padding:6px 10px;font-size:12px;border-radius:8px}
@media(max-width:560px){
  #bc-approved-preview.fit-preview{flex-direction:column;align-items:center;gap:12px}
  #bc-approved-preview.fit-preview .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:420px}
  #bc-approved-preview.fit-preview .steps button{font-size:11px;padding:6px;min-height:36px}
}
@media(min-width:761px){
  #bc-client-zone .cz-top{padding:12px 24px}
  #bc-client-zone .cz-main{display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:12px 24px;padding:16px 24px}
  #bc-client-zone .cz-head{grid-column:1;grid-row:1;display:block;margin:0;padding:10px 0}
  #bc-client-zone .cz-head>span{display:block;margin-top:8px}
  #bc-client-zone .cz-nav{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-self:start;gap:4px;border:0;margin:0}
  #bc-client-zone .cz-tab{text-align:left;padding:12px 14px;border:0;border-left:3px solid transparent;border-radius:0 7px 7px 0}
  #bc-client-zone .cz-tab[aria-selected=true]{border-left-color:#ff6f43;background:#ffe8e7}
  #bc-client-zone .cz-panel{grid-column:2;grid-row:1 / span 2;min-width:0}
  #bc-client-zone .cz-foot{grid-column:2;grid-row:3;margin:0}
  #bc-client-zone .cz-app{padding-top:0}
}
/* Compact gallery rows keep visitor identity beside the three thumbnails. */
#bc-client-zone .cz-gallery{display:grid;grid-template-columns:400px minmax(0,1fr);gap:8px 20px;padding:14px;margin-bottom:10px}
#bc-client-zone .cz-gallery>.cz-row{grid-column:2;min-width:0;gap:8px}
#bc-client-zone .cz-gallery>.cz-row:first-child{grid-row:1}
#bc-client-zone .cz-gallery>.cz-row:last-child{grid-row:2}
#bc-client-zone .cz-images{grid-column:1;grid-row:1 / span 2;grid-template-columns:repeat(3,128px);gap:8px;margin:0;align-self:center}
#bc-client-zone .cz-images img{width:128px;height:160px;object-fit:contain}
#bc-client-zone .cz-images figcaption{font-size:10px;margin-top:4px}
#bc-client-zone .cz-email{font-weight:600;overflow-wrap:anywhere}
#bc-client-zone .cz-gallery .cz-actions{gap:8px}
#bc-client-zone .cz-gallery .cz-button{padding:6px 12px;min-height:36px;font-size:12px}
@media(max-width:1050px){#bc-client-zone .cz-gallery{grid-template-columns:1fr}#bc-client-zone .cz-gallery>.cz-row{grid-column:1}#bc-client-zone .cz-gallery>.cz-row:first-child{grid-row:1}#bc-client-zone .cz-images{grid-row:2}#bc-client-zone .cz-gallery>.cz-row:last-child{grid-row:3}}
@media(max-width:480px){#bc-client-zone .cz-images{grid-template-columns:repeat(3,minmax(0,1fr));max-width:400px;width:100%}#bc-client-zone .cz-images img{width:100%;height:auto;aspect-ratio:4/5}}
#bc-client-zone .cz-item-review{width:100%;min-height:34px;padding:5px;font:12px Arial,sans-serif;margin-top:5px;border:1px solid #d5d2cb;border-radius:7px;background:#fff;color:#202938}
#bc-client-zone .cz-button:disabled{opacity:.5;cursor:default}
#bc-client-zone .cz-setup-frame{display:block;width:100%;height:calc(100dvh - 125px);min-height:480px;border:0}
#bc-client-zone .cz-visitor-frame,#bc-client-zone .cz-setup-frame{width:100%;height:calc(100dvh - 185px);min-height:480px;border:0;background:#fff}
#bc-client-zone .upload-tabs{display:flex;gap:6px;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #ddd}
#bc-client-zone .upload-tabs button{padding:10px 20px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#202938;font:inherit;cursor:pointer}
#bc-client-zone .upload-tabs button[aria-selected="true"]{background:#202938;color:#fff;border-color:#202938}

/* Keep the artwork frameless across story, image reveal and gallery screens. */
#bc-approved-preview .experience-grid .choice,
#bc-approved-preview .experience-grid .choice img,
#bc-approved-preview .experience-grid .choice.video img,
#bc-approved-preview .results .result,
#bc-approved-preview .results .result img,
#bc-approved-preview .approval-gallery figure,
#bc-approved-preview .approval-gallery img{background:transparent;border:0;border-radius:0;box-shadow:none}
#bc-approved-preview .experience-grid .choice{padding:0}

#bc-approved-preview .experience-grid .choice{grid-template-rows:auto auto;gap:1cqw}
#bc-approved-preview .experience-grid .choice img,#bc-approved-preview .experience-grid .choice.video img{aspect-ratio:4/5;object-position:center bottom}