/* Baskibu Designer 0.23.13 — Clean Preview + Zero-Flash Options
 * - Preview mode is a true presentation surface: no dead tool rail/panel gutter.
 * - Product Studio uses a brighter warm-neutral editorial background.
 * - Product option transactions are visually frozen in place while native
 *   Configurator/Fabric state settles, so no white blink or button flash leaks.
 */

/* --------------------------------------------------------------------------
   Preview: one uninterrupted presentation canvas.
   -------------------------------------------------------------------------- */
.bbd-app.bbd-release-02313.is-preview-mode .bbd-workspace,
.bbd-app.bbd-release-02313.bbd-shell-v0161.is-preview-mode .bbd-workspace,
.bbd-app.bbd-release-02313.bbd-shell-v0161.is-preview-mode.is-panel-collapsed .bbd-workspace,
.bbd-app.bbd-release-02313.bbd-shell-v0161.is-preview-mode.is-inspector-collapsed .bbd-workspace,
.bbd-app.bbd-release-02313.bbd-shell-v0161.is-preview-mode.is-panel-collapsed.is-inspector-collapsed .bbd-workspace{
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  min-width:0!important;
}

.bbd-app.bbd-release-02313.is-preview-mode .bbd-sidebar,
.bbd-app.bbd-release-02313.is-preview-mode .bbd-panel,
.bbd-app.bbd-release-02313.is-preview-mode .bbd-inspector,
.bbd-app.bbd-release-02313.is-preview-mode .bbd-panel-edge-toggle,
.bbd-app.bbd-release-02313.is-preview-mode #bbd-v60-mobile-sheet-host,
.bbd-app.bbd-release-02313.is-preview-mode .bbd-v72-mobile-dock{
  display:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  opacity:0!important;
  pointer-events:none!important;
}

.bbd-app.bbd-release-02313.is-preview-mode .bbd-stage-area,
.bbd-app.bbd-release-02313.bbd-shell-v0161.is-preview-mode .bbd-stage-area{
  grid-column:1/-1!important;
  grid-row:1!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  background:#f4f6f5!important;
}

.bbd-app.bbd-release-02313.is-preview-mode .bbd-product-preview{
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:10px!important;
  background:linear-gradient(180deg,#f8faf9 0%,#f3f5f4 100%)!important;
}

.bbd-app.bbd-release-02313.is-preview-mode .bbd-product-preview__viewport,
.bbd-app.bbd-release-02313.is-preview-mode .bbd-product-preview__viewport.is-three-preview{
  inset:10px!important;
  border:1px solid rgba(98,111,107,.13)!important;
  border-radius:18px!important;
  background:#f3f2ee!important;
  box-shadow:0 12px 36px rgba(28,39,36,.055),inset 0 1px 0 rgba(255,255,255,.78)!important;
}

/* Preview chrome remains crisp over the lighter studio. */
.bbd-app.bbd-release-02313.is-preview-mode .bbd-preview-pro-chrome,
.bbd-app.bbd-release-02313.is-preview-mode .bbd-product-preview__three-controls{
  border-color:rgba(130,143,139,.24)!important;
  background:rgba(255,255,255,.90)!important;
  box-shadow:0 10px 28px rgba(28,39,36,.08)!important;
  backdrop-filter:blur(14px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.05)!important;
}

/* --------------------------------------------------------------------------
   Options: transaction state must never visually blink.
   -------------------------------------------------------------------------- */
.bbd-app.bbd-release-02313.bbd-v2313-option-hold [data-panel-content="product"],
.bbd-app.bbd-release-02313.bbd-v2313-option-hold [data-bbd-v53-options],
.bbd-app.bbd-release-02313.bbd-v2313-option-hold [data-bbd-v53-options-body],
.bbd-app.bbd-release-02313.bbd-v2313-option-hold .bbd-v81-options-shell,
.bbd-app.bbd-release-02313.bbd-v2313-option-hold .bbd-v81-group,
.bbd-app.bbd-release-02313.bbd-v2313-option-hold .bbd-v81-group__grid,
.bbd-app.bbd-release-02313.bbd-v2313-option-hold .bbd-v81-option{
  animation:none!important;
  transition:none!important;
}

.bbd-app.bbd-release-02313.bbd-v2313-option-hold [data-bbd-v53-options],
.bbd-app.bbd-release-02313.bbd-v2313-option-hold [data-bbd-v53-options][hidden]{
  visibility:visible!important;
  opacity:1!important;
}

.bbd-app.bbd-release-02313.bbd-v2313-option-hold .bbd-v81-option,
.bbd-app.bbd-release-02313.bbd-v2313-option-hold .bbd-v81-option:disabled{
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}

/* A short-lived visual snapshot sits above the live option DOM while Woo/
   Configurator dependent state settles. It is non-interactive and mirrors the
   user's newly selected pill immediately. */
.bbd-app.bbd-release-02313 .bbd-v2313-option-freeze{
  position:fixed!important;
  z-index:2147482500!important;
  margin:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  user-select:none!important;
  background:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  animation:none!important;
  transition:none!important;
  contain:layout paint style!important;
}
.bbd-app.bbd-release-02313 .bbd-v2313-option-freeze .bbd-v81-option,
.bbd-app.bbd-release-02313 .bbd-v2313-option-freeze .bbd-v81-group,
.bbd-app.bbd-release-02313 .bbd-v2313-option-freeze .bbd-v81-group__grid{
  animation:none!important;
  transition:none!important;
}

@media (max-width:1100px){
  .bbd-app.bbd-release-02313.is-preview-mode .bbd-product-preview{padding:7px!important}
  .bbd-app.bbd-release-02313.is-preview-mode .bbd-product-preview__viewport,
  .bbd-app.bbd-release-02313.is-preview-mode .bbd-product-preview__viewport.is-three-preview{
    inset:7px!important;
    border-radius:15px!important;
  }
}