/* Baskibu Designer 0.23.0-dev92
   Single interaction owner + front-layer pro tools + fixed selection inspector */

.bbd-app.bbd-pro-workspace-v0230-dev92{
  --bbd-v92-green:#0b7a6a;
  --bbd-v92-green-2:#0f8f79;
  --bbd-v92-green-soft:#edf8f5;
  --bbd-v92-ink:#101828;
  --bbd-v92-muted:#667085;
  --bbd-v92-line:#dce6e4;
  --bbd-v92-surface:#ffffff;
  --bbd-v92-shadow:0 18px 44px rgba(15,23,42,.16);
}

/* --------------------------------------------------------------------------
   Product options: freeze geometry while Product Engine state settles.
   -------------------------------------------------------------------------- */
.bbd-app.bbd-pro-workspace-v0230-dev92 [data-bbd-v53-options],
.bbd-app.bbd-pro-workspace-v0230-dev92 [data-bbd-v53-options-body],
.bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v81-options-shell,
.bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v81-group,
.bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v81-option{
  overflow-anchor:none!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev92.bbd-v92-option-transaction [data-bbd-v53-options],
.bbd-app.bbd-pro-workspace-v0230-dev92.bbd-v92-option-transaction [data-bbd-v53-options-body],
.bbd-app.bbd-pro-workspace-v0230-dev92.bbd-v92-option-transaction .bbd-v81-options-shell{
  scroll-behavior:auto!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v81-option{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  transition:border-color .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev92.bbd-v92-option-transaction .bbd-v81-option{
  transition:none!important;
}

/* --------------------------------------------------------------------------
   Pro tools popovers: always render above the utility drawer/stage.
   -------------------------------------------------------------------------- */
.bbd-app.bbd-pro-workspace-v0230-dev92 > .bbd-mega-popover.bbd-v92-front-popover{
  position:fixed!important;
  z-index:9300!important;
  width:min(360px,calc(100vw - 28px))!important;
  max-height:min(660px,calc(100dvh - 100px))!important;
  overflow:auto!important;
  border:1px solid rgba(215,225,223,.98)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.995)!important;
  box-shadow:0 24px 64px rgba(15,23,42,.22),0 4px 16px rgba(15,23,42,.08)!important;
  backdrop-filter:blur(20px) saturate(1.08)!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev92 > .bbd-mega-popover.bbd-v92-front-popover .bbd-mega-popover__header{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  background:rgba(255,255,255,.97)!important;
  backdrop-filter:blur(16px)!important;
}

/* --------------------------------------------------------------------------
   Selected-object inspector: replaces floating left/right distance pills.
   -------------------------------------------------------------------------- */
.bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-distance-overlay{
  display:none!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev92 > .bbd-v92-selection-hud{
  position:fixed!important;
  z-index:9200!important;
  display:grid!important;
  grid-template-columns:minmax(150px,1.1fr) minmax(330px,2fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  width:min(760px,calc(100vw - 48px))!important;
  min-height:64px!important;
  padding:9px 10px!important;
  border:1px solid rgba(215,225,223,.98)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.16),0 3px 10px rgba(15,23,42,.06)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  color:var(--bbd-v92-ink)!important;
  transform:translateX(-50%)!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev92 > .bbd-v92-selection-hud[hidden]{display:none!important}
.bbd-v92-selection-hud__identity{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  padding:4px 7px!important;
}
.bbd-v92-selection-hud__identity>span:last-child{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
}
.bbd-v92-selection-hud__identity small,
.bbd-v92-selection-hud__metrics small{
  display:block!important;
  color:#7a8798!important;
  font-size:10px!important;
  font-weight:750!important;
  line-height:1.15!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.bbd-v92-selection-hud__identity strong{
  display:block!important;
  max-width:180px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:13.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.bbd-v92-selection-hud__swatch{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  border:3px solid #fff!important;
  box-shadow:0 0 0 1px #d7e1df,0 3px 8px rgba(15,23,42,.10)!important;
}
.bbd-v92-selection-hud__metrics{
  display:grid!important;
  grid-template-columns:1.15fr 1fr 1fr!important;
  gap:6px!important;
}
.bbd-v92-selection-hud__metrics>span{
  min-width:0!important;
  min-height:44px!important;
  padding:7px 9px!important;
  border:1px solid #e5ecea!important;
  border-radius:12px!important;
  background:#f8fbfa!important;
}
.bbd-v92-selection-hud__metrics strong{
  display:block!important;
  margin-top:3px!important;
  color:#344054!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.bbd-v92-selection-hud__actions{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
.bbd-v92-selection-hud__actions button{
  min-height:44px!important;
  padding:0 14px!important;
  border:1px solid #dbe5e3!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#344054!important;
  font-size:12px!important;
  font-weight:800!important;
}
.bbd-v92-selection-hud__actions button:first-child{
  border-color:#b6dcd3!important;
  background:var(--bbd-v92-green-soft)!important;
  color:var(--bbd-v92-green)!important;
}

/* --------------------------------------------------------------------------
   Layers: clear hierarchy instead of one compressed block.
   -------------------------------------------------------------------------- */
.bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v92-layers-panel{
  gap:12px!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v92-layer-search{
  margin:0!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v92-layers-panel #bbd-layer-list{
  max-height:210px!important;
  min-height:86px!important;
  padding:2px!important;
  margin:0!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v92-layers-panel .bbd-layer-row{
  min-height:82px!important;
  grid-template-rows:42px 32px!important;
  padding:6px!important;
  gap:5px!important;
  border-radius:15px!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v92-layers-panel .bbd-layer-main{
  min-height:42px!important;
  height:42px!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v92-layers-panel .bbd-layer-eye,
.bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v92-layers-panel .bbd-layer-solo,
.bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v92-layers-panel .bbd-layer-lock,
.bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v92-layers-panel .bbd-layer-copy,
.bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v92-layers-panel .bbd-layer-trash{
  height:32px!important;
  min-height:32px!important;
  border-radius:9px!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v92-layer-order-card{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  padding:11px!important;
  border:1px solid #e0e8e6!important;
  border-radius:16px!important;
  background:#f9fbfb!important;
}
.bbd-v92-card-title{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
.bbd-v92-card-title strong{
  color:#1d2939!important;
  font-size:12.5px!important;
  font-weight:800!important;
}
.bbd-v92-card-title small{
  color:#7a8798!important;
  font-size:10.5px!important;
  font-weight:550!important;
}
.bbd-v92-layer-order-actions{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px!important;
}
.bbd-v92-layer-order-actions button{
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  height:38px!important;
  padding:0 7px!important;
  border:1px solid #dfe7e5!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#344054!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  font-weight:750!important;
  box-shadow:none!important;
}
.bbd-v92-layer-order-actions #bbd-duplicate{
  color:var(--bbd-v92-green)!important;
  border-color:#b9ddd5!important;
  background:#eef8f5!important;
}
.bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v92-layers-panel>.bbd-field{
  padding:10px!important;
  border:1px solid #e2e9e7!important;
  border-radius:16px!important;
  background:#fff!important;
}

/* Context-specific mobile sheet heights: enough room where tools need it while
   Product keeps more canvas visible. */
@media (max-width:760px){
  .bbd-app.bbd-pro-workspace-v0230-dev92[data-bbd-v92-panel="layers"] > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-pro-workspace-v0230-dev92[data-bbd-v92-panel="layers"] > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden]{
    height:min(72dvh,650px)!important;
    max-height:min(72dvh,650px)!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev92[data-bbd-v92-panel="image"] > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-pro-workspace-v0230-dev92[data-bbd-v92-panel="image"] > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden]{
    height:min(68dvh,620px)!important;
    max-height:min(68dvh,620px)!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v92-selection-hud{
    display:none!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v92-layers-panel #bbd-layer-list{
    max-height:176px!important;
    min-height:84px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev92 .bbd-v92-layer-order-card{
    padding:10px!important;
  }
  .bbd-v92-layer-order-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .bbd-v92-layer-order-actions #bbd-duplicate{
    grid-column:1/-1!important;
  }
  .bbd-v92-layer-order-actions button{
    min-height:42px!important;
    height:42px!important;
    font-size:11.5px!important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev92 > .bbd-mega-popover.bbd-v92-front-popover{
    z-index:2147483647!important;
    width:calc(100vw - 24px)!important;
    max-width:none!important;
    left:12px!important;
    right:12px!important;
  }
}