/* Baskibu Designer 0.23.23 — Full Design Preservation + Premium Preview Scenes V2 */

.bbd-app.bbd-release-02323.is-preview-mode .bbd-stage-area{
  background:#eef1ef!important;
}

.bbd-app.bbd-release-02323.is-preview-mode .bbd-product-preview{
  background:linear-gradient(180deg,#f8faf9 0%,#eef2f0 100%)!important;
}

.bbd-app.bbd-release-02323.is-preview-mode .bbd-product-preview__viewport,
.bbd-app.bbd-release-02323.is-preview-mode .bbd-product-preview__viewport.is-three-preview{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid rgba(72,82,77,.12)!important;
  border-radius:20px!important;
  box-shadow:0 24px 70px rgba(31,42,37,.10), inset 0 1px 0 rgba(255,255,255,.85)!important;
}

/* Scene fallbacks are intentionally very different even before WebGL paints. */
.bbd-app.bbd-release-02323 .bbd-product-preview__viewport.bbd-v2323-scene-studio{
  background:
    radial-gradient(circle at 52% 28%,rgba(255,255,255,.96) 0,rgba(255,255,255,.20) 38%,transparent 63%),
    linear-gradient(180deg,#fbf6ef 0%,#eee4d8 64%,#d9cbbc 100%)!important;
}
.bbd-app.bbd-release-02323 .bbd-product-preview__viewport.bbd-v2323-scene-showroom{
  background:
    repeating-linear-gradient(90deg,rgba(93,113,126,.055) 0 1px,transparent 1px 22%),
    radial-gradient(circle at 52% 25%,rgba(255,255,255,.94) 0,rgba(255,255,255,.20) 40%,transparent 66%),
    linear-gradient(180deg,#f3f7f9 0%,#e2eaf0 60%,#cbd6dc 100%)!important;
}
.bbd-app.bbd-release-02323 .bbd-product-preview__viewport.bbd-v2323-scene-clean{
  background:radial-gradient(circle at 52% 32%,#fff 0,#fff 36%,#fafbf9 70%,#eef0ed 100%)!important;
}

/* Hide the older light-mode bar. One scene owner avoids contradictory controls. */
.bbd-app.bbd-release-02323 .bbd-mega-scene-bar{display:none!important}

.bbd-app.bbd-release-02323 .bbd-v2323-scene-picker{
  position:absolute;
  z-index:24;
  left:18px;
  top:18px;
  display:flex;
  align-items:center;
  gap:9px;
  max-width:calc(100% - 36px);
  padding:6px 7px 6px 11px;
  border:1px solid rgba(117,126,121,.20);
  border-radius:14px;
  background:rgba(255,255,255,.91);
  box-shadow:0 10px 30px rgba(26,36,31,.11);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
  backdrop-filter:blur(18px) saturate(1.08);
  pointer-events:auto;
}
.bbd-app.bbd-release-02323 .bbd-v2323-scene-picker__label{
  color:#68736e;
  font-size:10px;
  line-height:1;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.bbd-app.bbd-release-02323 .bbd-v2323-scene-picker__buttons{display:flex;align-items:center;gap:3px;min-width:0}
.bbd-app.bbd-release-02323 .bbd-v2323-scene-picker button{
  min-height:31px;
  padding:6px 11px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#34423d;
  font:inherit;
  font-size:11px;
  font-weight:790;
  cursor:pointer;
  white-space:nowrap;
}
.bbd-app.bbd-release-02323 .bbd-v2323-scene-picker button:hover{background:rgba(239,244,241,.94)}
.bbd-app.bbd-release-02323 .bbd-v2323-scene-picker button.is-active,
.bbd-app.bbd-release-02323 .bbd-v2323-scene-picker button[aria-pressed="true"]{
  border-color:rgba(7,137,113,.23);
  background:#e7f7f2;
  color:#087a68;
  box-shadow:inset 0 0 0 1px rgba(7,137,113,.03);
}

.bbd-app.bbd-release-02323.bbd-v2323-size-preserved .bbd-canvas-shell{
  animation:bbd-v2323-preserve .52s ease both;
}
@keyframes bbd-v2323-preserve{
  0%{filter:saturate(.95)}
  50%{filter:saturate(1.06)}
  100%{filter:none}
}

@media(max-width:1024px){
  .bbd-app.bbd-release-02323 .bbd-v2323-scene-picker{
    left:10px;top:10px;max-width:calc(100% - 20px);padding:5px;border-radius:12px;
  }
  .bbd-app.bbd-release-02323 .bbd-v2323-scene-picker__label{display:none}
  .bbd-app.bbd-release-02323 .bbd-v2323-scene-picker__buttons{overflow-x:auto;scrollbar-width:none}
  .bbd-app.bbd-release-02323 .bbd-v2323-scene-picker__buttons::-webkit-scrollbar{display:none}
  .bbd-app.bbd-release-02323 .bbd-v2323-scene-picker button{min-height:32px;padding:6px 9px}
}