/* Baskibu Designer 0.23.0-dev52 — Clean Preview + Pro Selection + Inline Product Labels */

/* --------------------------------------------------------------------------
   1) Selection UI: Baskimo-style quiet blue geometry instead of orange blocks.
   -------------------------------------------------------------------------- */
.bbd-pro-workspace-v0230-dev52 .bbd-context-route-toolbar {
  border-color:rgba(170,184,211,.72) !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 10px 28px rgba(24,38,70,.10) !important;
  backdrop-filter:blur(16px) saturate(1.08) !important;
}
.bbd-pro-workspace-v0230-dev52 .bbd-context-route-toolbar button {
  color:#526079 !important;
}
.bbd-pro-workspace-v0230-dev52 .bbd-context-route-toolbar button:hover,
.bbd-pro-workspace-v0230-dev52 .bbd-context-route-toolbar button:focus-visible {
  background:#eef3ff !important;
  color:#4968d8 !important;
}

/* The old bottom selected-object HUD is technically useful but visually noisy.
   Keep its live status node for accessibility while removing all visible chrome. */
.bbd-pro-workspace-v0230-dev52 .bbd-stage-footer,
.bbd-pro-workspace-v0230-dev52 .bbd-stage-footer.bbd-dev49-selection-dock {
  width:1px !important;
  height:1px !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:1px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  pointer-events:none !important;
}
.bbd-pro-workspace-v0230-dev52 #bbd-measurement-output,
.bbd-pro-workspace-v0230-dev52 #bbd-measure-actions { display:none !important; }
.bbd-pro-workspace-v0230-dev52 #bbd-status {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
}

/* --------------------------------------------------------------------------
   2) Product Preview = three clean non-overlapping zones.
      Header / product viewport / controls dock never sit on top of the flag.
   -------------------------------------------------------------------------- */
.bbd-pro-workspace-v0230-dev52.bbd-app.is-preview-mode .bbd-product-preview.bbd-v52-preview-layout {
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) auto !important;
  gap:8px !important;
  position:absolute !important;
  inset:0 !important;
  padding:12px !important;
  overflow:hidden !important;
  background:#edf1f4 !important;
}
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-layout .bbd-product-preview__header.bbd-preview-pro-chrome {
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  z-index:5 !important;
  grid-row:1 !important;
  min-height:50px !important;
  width:100% !important;
  padding:7px 9px 7px 11px !important;
  margin:0 !important;
  border:1px solid rgba(170,182,197,.34) !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 6px 18px rgba(20,31,49,.06) !important;
  backdrop-filter:blur(14px) saturate(1.08) !important;
}
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-layout .bbd-product-preview__viewport,
.bbd-pro-workspace-v0230-dev52.bbd-app.is-preview-mode .bbd-v52-preview-layout .bbd-product-preview__viewport {
  position:relative !important;
  inset:auto !important;
  grid-row:2 !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  border-radius:16px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 30%,rgba(255,255,255,.62),transparent 34%),
    linear-gradient(180deg,#e8ecef 0%,#dfe5e9 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(154,166,181,.22),0 14px 38px rgba(20,31,49,.06) !important;
}
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-layout .bbd-product-preview__three-canvas,
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-layout #bbd-product-preview-canvas {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  display:block !important;
}
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-dock {
  grid-row:3 !important;
  min-width:0;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:4px;
  overflow-x:auto;
  scrollbar-width:none;
}
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-dock::-webkit-scrollbar { display:none; }
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-dock .bbd-mega-scene-bar,
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-dock .bbd-product-preview__three-controls {
  position:static !important;
  inset:auto !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
  z-index:auto !important;
  width:auto !important;
  min-width:0 !important;
  min-height:40px !important;
  margin:0 !important;
  padding:4px !important;
  border:1px solid rgba(170,182,197,.38) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 5px 16px rgba(20,31,49,.07) !important;
  backdrop-filter:blur(14px) !important;
}
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-dock .bbd-mega-scene-bar > span,
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-dock .bbd-preview-control-caption { display:none !important; }
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-dock .bbd-mega-scene-bar > div,
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-dock .bbd-preview-view-actions { display:flex !important; align-items:center !important; gap:2px !important; }
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-dock button {
  width:36px !important;
  min-width:36px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  color:#5d697c !important;
}
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-dock button span { display:none !important; }
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-dock button:hover,
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-dock button:focus-visible { background:#f1f4f8 !important; color:#3d5ec8 !important; outline:none !important; }
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-dock button.is-active,
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-dock button[aria-pressed="true"] { background:#edf3ff !important; color:#3157c8 !important; box-shadow:inset 0 0 0 1px #cbd8ff !important; }
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-layout .bbd-preview-drag-hint,
.bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-layout .bbd-preview-pro-status { display:none !important; }

/* --------------------------------------------------------------------------
   3) Inline product configurator: human labels + calm compact application UI.
   -------------------------------------------------------------------------- */
.bbd-pro-workspace-v0230-dev52 .bbd-v51-inline-config {
  padding:12px !important;
  background:#fbfcfd !important;
  border-color:#dde5ec !important;
  box-shadow:0 8px 24px rgba(20,31,49,.035) !important;
}
.bbd-pro-workspace-v0230-dev52 .bbd-v51-config-group > strong {
  margin-bottom:7px !important;
  color:#667085 !important;
  font-size:9px !important;
  letter-spacing:.055em !important;
}
.bbd-pro-workspace-v0230-dev52 .bbd-v51-config-group button {
  min-height:36px !important;
  padding:0 11px !important;
  border-radius:10px !important;
  font-size:11px !important;
  font-weight:780 !important;
  transition:border-color .12s ease,background .12s ease,box-shadow .12s ease !important;
}
.bbd-pro-workspace-v0230-dev52 .bbd-v51-config-group button.is-selected {
  border-color:#42bfa9 !important;
  background:#ecfdf8 !important;
  color:#06765f !important;
  box-shadow:inset 0 0 0 1px rgba(16,185,129,.08),0 3px 9px rgba(16,185,129,.07) !important;
}
.bbd-pro-workspace-v0230-dev52 .bbd-v51-config-group button.is-pending { opacity:.58 !important; }
.bbd-pro-workspace-v0230-dev52 .bbd-v52-base-group { margin-top:10px !important; padding-top:9px !important; border-top:1px solid #e8edf2 !important; }
.bbd-pro-workspace-v0230-dev52 .bbd-commerce-summary__chips span { text-transform:none !important; }

/* --------------------------------------------------------------------------
   4) Mobile: viewport truly owns the screen. No left-sliver preview.
   -------------------------------------------------------------------------- */
@media (max-width:760px) {
  .bbd-pro-workspace-v0230-dev52.bbd-app.is-preview-mode .bbd-product-preview.bbd-v52-preview-layout {
    padding:7px !important;
    gap:6px !important;
    grid-template-rows:auto minmax(0,1fr) auto !important;
  }
  .bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-layout .bbd-product-preview__header.bbd-preview-pro-chrome {
    min-height:44px !important;
    padding:6px 7px !important;
  }
  .bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-layout .bbd-preview-pro-identity > span,
  .bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-layout .bbd-preview-pro-live { display:none !important; }
  .bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-layout .bbd-preview-pro-identity h2 { font-size:12px !important; }
  .bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-layout .bbd-product-preview__viewport {
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    min-height:260px !important;
    border-radius:13px !important;
  }
  .bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-dock {
    justify-content:flex-start !important;
    width:100% !important;
    min-height:42px !important;
    padding:2px 0 !important;
  }
  .bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-dock .bbd-mega-scene-bar,
  .bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-dock .bbd-product-preview__three-controls {
    flex:0 0 auto !important;
    min-height:38px !important;
  }
  .bbd-pro-workspace-v0230-dev52 .bbd-v52-preview-dock button {
    width:34px !important; min-width:34px !important; height:32px !important; min-height:32px !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .bbd-pro-workspace-v0230-dev52 .bbd-v51-config-group button { transition:none !important; }
}