/* Private lighter family only. */
.bpd-shop-lighter .bpd-lighter-tools{display:grid;grid-template-columns:minmax(230px,1fr) auto;gap:8px 18px;padding:12px 16px;background:#f1f6fa;border-bottom:1px solid #c6d8e5;color:#193850;font-size:14px}
.bpd-lighter-tools label{display:flex;align-items:center;gap:10px}.bpd-lighter-tools select{max-width:100%;min-height:42px;border:1px solid #9eb8cd;border-radius:7px;background:white;color:#183c5a;padding:7px 10px}
.bpd-lighter-hint,.bpd-lighter-faces,.bpd-lighter-fit,.bpd-lighter-blank,.bpd-lighter-private{grid-column:1/-1;margin:0}.bpd-lighter-faces,.bpd-lighter-fit{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.bpd-lighter-tools button,.bpd-lighter-model button,.bpd-lighter-local-review button{min-height:42px;border:1px solid #91b4d1;border-radius:7px;background:#fff;color:#175b9b;padding:8px 13px;font:inherit;cursor:pointer}.bpd-lighter-tools button[aria-pressed=true],.bpd-lighter-preview>button,.bpd-lighter-local-review button{background:#195fa8;color:white;border-color:#195fa8}
.bpd-lighter-tools button:disabled,.bpd-lighter-tools select:disabled{opacity:.55;cursor:default}.bpd-lighter-private{padding:10px 12px;border-left:3px solid #5890b9;background:#e7f0f6;font-size:12px;line-height:1.5}.bpd-lighter-blank input{width:20px;height:20px;flex:none}.bpd-lighter-quote{align-self:center;font-weight:600}.bpd-lighter-preview{padding:8px 12px}.bpd-lighter-preview>button{min-height:44px;border-radius:7px;padding:8px 16px;border:0;font:inherit;cursor:pointer}.bpd-lighter-model{background:#e5e9ed;border:1px solid #c4d2dd;border-radius:10px;padding:8px;margin:8px 0}.bpd-lighter-model[hidden]{display:none}.bpd-lighter-viewport{width:100%;height:min(52vh,520px);min-height:260px}.bpd-lighter-viewport canvas{display:block;max-width:100%}.bpd-lighter-model-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.bpd-lighter-status{margin:8px 4px;font-size:12px;text-align:center}.bpd-lighter-local-review{box-sizing:border-box;width:min(950px,96vw);max-height:94vh;border:1px solid #a4bdcf;border-radius:12px;padding:18px;color:#18364f;background:#fff;overflow:auto}.bpd-lighter-local-review::backdrop{background:#10243899}.bpd-lighter-local-review h2{font-size:24px;margin:0 0 12px}.bpd-lighter-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bpd-lighter-pair figure{margin:10px 0;padding:10px;background:#e5e9ed;border-radius:8px;text-align:center}.bpd-lighter-pair img{display:block;width:100%;height:min(52vh,500px);object-fit:contain}.bpd-lighter-pair figcaption{font-weight:600;margin:8px 0}
@media(max-width:600px){.bpd-shop-lighter .bpd-lighter-tools{grid-template-columns:1fr;padding:9px;gap:7px}.bpd-lighter-tools label{flex-wrap:wrap}.bpd-lighter-quote{grid-column:1}.bpd-lighter-tools .bpd-lighter-faces button{flex:1;min-width:140px}.bpd-lighter-fit button{flex:1}.bpd-lighter-pair{gap:7px}.bpd-lighter-pair figure{padding:4px}.bpd-lighter-pair img{height:44vh}.bpd-lighter-pair figcaption{font-size:12px}.bpd-lighter-local-review{padding:10px}.bpd-lighter-private{font-size:11px}}

.bpd-product-stage>.bpd-lighter-model{position:absolute;inset:0;z-index:8;margin:0;border-radius:0;overflow:auto}.bpd-product-stage>.bpd-lighter-model .bpd-lighter-viewport{height:calc(100% - 100px);min-height:220px}


/* Private UI50: keep the editing guide compact and give 3D its own workspace.
   These display rules do not change native stage coordinates or artwork. */
.bpd-shop-lighter .bpd-lighter-tools{
  flex:0 0 auto;position:relative;grid-template-columns:minmax(260px,1fr) auto minmax(290px,.9fr);
  grid-template-areas:"variant quote faces" "hint hint options";align-items:center;gap:6px 12px;
  padding:8px 12px;font-size:13px;line-height:1.35;
}
.bpd-shop-lighter .bpd-lighter-tools>label:first-child{grid-area:variant;min-width:0;flex-wrap:nowrap;gap:8px;margin:0}
.bpd-shop-lighter .bpd-lighter-variant{flex:1;min-width:0;width:auto;min-height:44px;font:inherit}
.bpd-shop-lighter .bpd-lighter-quote{grid-area:quote;white-space:nowrap;font-size:14px;line-height:1.35}
.bpd-shop-lighter .bpd-lighter-faces{grid-area:faces;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0}
.bpd-shop-lighter .bpd-lighter-faces button{min-width:0;min-height:44px;padding:6px 8px;font-size:13px;line-height:1.35;white-space:normal}
.bpd-shop-lighter .bpd-lighter-hint{grid-area:hint;margin:0;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.bpd-shop-lighter .bpd-lighter-options{grid-area:options;position:relative;min-width:0;margin:0;border:0}
.bpd-shop-lighter .bpd-lighter-options>summary{display:list-item;min-height:44px;padding:10px 12px;border:1px solid #a8c2d7;border-radius:7px;background:#fff;color:#175b9b;font-size:13px;line-height:1.5;cursor:pointer;touch-action:manipulation}
.bpd-shop-lighter .bpd-lighter-options[open]>summary{background:#e5f1fa;border-color:#195fa8}
.bpd-shop-lighter .bpd-lighter-options-body{position:absolute;z-index:55;right:0;top:calc(100% + 5px);display:flex;flex-direction:column;gap:12px;width:min(520px,calc(100vw - 40px));max-height:min(360px,48dvh);overflow:auto;overscroll-behavior:contain;padding:12px;border:1px solid #a8c2d7;border-radius:8px;background:#fff;box-shadow:0 8px 24px #173c5c26}
.bpd-shop-lighter .bpd-lighter-options:not([open])>.bpd-lighter-options-body{display:none}
.bpd-shop-lighter .bpd-lighter-options-body .bpd-lighter-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.bpd-shop-lighter .bpd-lighter-options-body .bpd-lighter-fit>label{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,1fr);gap:8px;margin:0}
.bpd-shop-lighter .bpd-lighter-options-body :is(button,select){width:100%;min-width:0;min-height:44px;white-space:normal;font:inherit;line-height:1.35}
.bpd-shop-lighter .bpd-lighter-options-body .bpd-lighter-blank{display:flex;flex-wrap:nowrap;gap:10px;margin:0;padding:4px 0;min-height:44px}
.bpd-shop-lighter .bpd-lighter-options-body .bpd-lighter-private{margin:0;padding:8px 10px;font-size:12px;line-height:1.45}
.bpd-shop-lighter .bpd-shop-model-tools{flex:0 0 auto;min-height:0}
.bpd-shop-lighter .bpd-lighter-preview{padding:5px 12px}
.bpd-shop-lighter.is-lighter-preview .bpd-lighter-tools{grid-template-areas:"variant quote faces";padding-top:6px;padding-bottom:6px}
.bpd-shop-lighter.is-lighter-preview :is(.bpd-lighter-hint,.bpd-lighter-options,.bpd-shop-tools,.bpd-shop-element-controls,.bpd-shop-design-help){display:none!important}
.bpd-shop-lighter.is-lighter-preview .bpd-lighter-preview{padding:0}
.bpd-shop-lighter.is-lighter-preview .bpd-lighter-preview>button{display:none!important}
.bpd-shop-lighter.is-lighter-preview .bpd-shop-editor{flex:1 1 auto!important;min-height:0!important}
.bpd-shop-lighter.is-lighter-preview .bpd-shop-editor>:is(bpd-main-bar,bpd-actions-bar){display:none!important}
.bpd-shop-lighter.is-lighter-preview .bpd-shop-editor>bpd-main-wrapper{display:flex;flex:1 1 100%!important;flex-direction:column;width:100%!important;min-width:0;min-height:0!important;padding:0!important}
.bpd-shop-lighter.is-lighter-preview .bpd-product-stage{position:relative!important;flex:1 1 auto;align-self:stretch;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important}
.bpd-shop-lighter.is-lighter-preview .bpd-product-stage>.bpd-lighter-model:not([hidden]){display:flex;flex-direction:column;gap:6px;padding:8px;overflow:hidden}
.bpd-shop-lighter.is-lighter-preview .bpd-product-stage>.bpd-lighter-model .bpd-lighter-viewport{flex:1 1 auto;height:auto!important;min-height:0!important;overflow:hidden}
.bpd-shop-lighter.is-lighter-preview .bpd-lighter-model-actions{flex:0 0 auto;gap:6px}
.bpd-shop-lighter.is-lighter-preview .bpd-lighter-model-actions button{min-height:44px;padding:6px 11px;font-size:13px;line-height:1.35}
.bpd-shop-lighter.is-lighter-preview .bpd-lighter-status{flex:0 0 auto;margin:0;font-size:11px;line-height:1.35}
@media(max-width:1000px){
  .bpd-shop-lighter .bpd-lighter-tools{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"variant quote" "faces options" "hint hint"}
  .bpd-shop-lighter .bpd-lighter-options{min-width:220px}
  .bpd-shop-lighter.is-lighter-preview .bpd-lighter-tools{grid-template-areas:"variant quote" "faces faces"}
}
@media(max-width:700px){
  .bpd-shop-lighter .bpd-lighter-tools{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"variant quote" "faces faces" "options options" "hint hint";padding:7px 8px;gap:5px 8px}
  .bpd-shop-lighter .bpd-lighter-tools>label:first-child{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;font-size:12px}
  .bpd-shop-lighter .bpd-lighter-variant{width:100%;font-size:16px}
  .bpd-shop-lighter .bpd-lighter-quote{align-self:end;padding-bottom:12px;font-size:13px}
  .bpd-shop-lighter .bpd-lighter-faces button{font-size:12px;min-width:0}
  .bpd-shop-lighter .bpd-lighter-options{min-width:0}
  .bpd-shop-lighter .bpd-lighter-options>summary{padding:9px 10px;font-size:12px}
  .bpd-shop-lighter .bpd-lighter-options-body{position:absolute;right:0;top:calc(100% + 4px);width:min(520px,calc(100vw - 18px));max-height:min(380px,48dvh);padding:10px}
  .bpd-shop-lighter .bpd-lighter-options-body .bpd-lighter-fit>label{grid-template-columns:minmax(0,1fr)}
  .bpd-shop-lighter .bpd-lighter-options-body select{font-size:16px}
  .bpd-shop-lighter.is-lighter-preview .bpd-lighter-tools{grid-template-areas:"variant quote" "faces faces";padding:5px 8px}
  .bpd-shop-lighter.is-lighter-preview .bpd-product-stage>.bpd-lighter-model:not([hidden]){padding:6px;gap:5px}
  .bpd-shop-lighter.is-lighter-preview .bpd-lighter-model-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .bpd-shop-lighter.is-lighter-preview .bpd-lighter-model-actions button{min-width:0;padding:6px 4px;font-size:12px;overflow-wrap:anywhere}
  .bpd-shop-lighter.is-lighter-preview .bpd-lighter-model-actions button:last-child{grid-column:1/-1}
}

/* Private UI51: fill the visible viewport; keep the proportional GPU buffer cap. */
.bpd-shop-lighter.is-lighter-preview .bpd-lighter-viewport canvas{width:100%;height:100%;}

/* Private UI52: override the more specific mobile toolbar grid only in 3D. */
.bpd-modal-inner.bpd-shop-shell.bpd-shop-lighter.is-lighter-preview .bpd-shop-tools{display:none!important;}
.bpd-modal-inner.bpd-shop-shell.bpd-shop-lighter.is-lighter-preview bpd-views-nav{display:none!important;}

/* Lighter54 only: preserve native coordinates while giving editing real room. */
.bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter .bpd-shop-header{min-height:50px;padding:3px 12px!important}
.bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter .bpd-shop-brand-logo{width:27px!important;height:32px!important}
.bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter .bpd-shop-tools{min-height:50px;padding:2px 12px!important}
.bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:has(.bpd-lighter-faces button) :is(.bpd-shop-view-switch,bpd-views-nav){display:none!important}
.bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview){overflow-y:auto!important;overscroll-behavior:contain}
.bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-lighter-tools{
  grid-template-columns:minmax(230px,1fr) auto minmax(270px,1fr) minmax(210px,.8fr);
  grid-template-areas:"variant quote faces options" "hint hint hint hint";
  gap:3px 10px;padding:5px 12px;font-size:13px;
}
.bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-lighter-hint{font-size:12px;line-height:1.35;margin:0}
.bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-lighter-options>summary{padding:7px 10px;font-size:12px;line-height:1.3}
.bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-shop-element-controls{min-height:50px!important;padding:2px 12px}
.bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-shop-editor{flex:1 1 360px!important;height:auto!important;min-height:360px!important}
.bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-shop-design-help{padding:4px 12px;font-size:11px;line-height:1.45}
.bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-shop-footer{position:sticky!important;bottom:0;min-height:54px;padding:4px 12px max(4px,env(safe-area-inset-bottom))!important;z-index:40}
@media(min-width:1001px){
  /* The blue 3D action shares the movement row instead of consuming another row. */
  .bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-shop-element-controls{padding-right:214px}
  .bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-shop-selection-label{flex-basis:150px;min-width:100px}
  .bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-shop-model-tools{position:relative;height:0;min-height:0;flex:0 0 0;z-index:31}
  .bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-lighter-preview{position:absolute;right:12px;bottom:3px;padding:0}
}
@media(max-width:1000px){
  .bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-lighter-tools{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"variant quote" "faces options" "hint hint";gap:4px 8px;padding:5px 8px}
  .bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-lighter-options{min-width:0}
  .bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-lighter-preview{padding:3px 8px}
}
@media(max-width:700px){
  .bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter .bpd-shop-header{padding:3px 8px!important}
  .bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter .bpd-shop-tools{padding:2px 8px!important}
  .bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-lighter-tools{grid-template-areas:"variant quote" "faces faces" "options options" "hint hint"}
  .bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-lighter-tools>label:first-child{display:flex;flex-wrap:nowrap;gap:0;font-size:0}
  .bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-lighter-variant{min-height:44px;font-size:16px}
  .bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-lighter-quote{align-self:center;padding:0}
  .bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-shop-editor{flex-basis:350px!important;min-height:350px!important}
  .bpd-shop-shell.bpd-ux-compact.bpd-shop-lighter:not(.is-review):not(.is-lighter-preview) .bpd-shop-design-help{padding:4px 8px}
}