/* Baskibu Designer 0.23.53 — stable upload owner + roomy media workspace + readable rail */

/* ----------------------------- Media workspace ---------------------------- */
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"].bbd-v2353-media-panel .bbd-v90-media-stack{
  gap:14px!important;
}
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"] .bbd-v90-media-section--upload.bbd-v2353-upload-section,
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"] .bbd-v90-media-section--assets.bbd-v2353-assets-section{
  border:1px solid #dfe8e6!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(15,23,42,.035)!important;
  overflow:hidden!important;
}
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"] .bbd-v2353-upload-section>.bbd-v90-media-section__head,
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"] .bbd-v2353-assets-section>.bbd-v90-media-section__head{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  min-height:66px!important;
  padding:11px 12px!important;
  border-bottom:1px solid #edf2f1!important;
  background:#fff!important;
  cursor:default!important;
}
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"] .bbd-v2353-upload-section>.bbd-v90-media-section__body,
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"] .bbd-v2353-assets-section>.bbd-v90-media-section__body{
  padding:12px!important;
}

/* The uploader must feel like a real working area, not a tiny toolbar row. */
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone.bbd-v81-upload-card,
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone.bbd-v91-upload-card{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:13px!important;
  width:100%!important;
  min-height:132px!important;
  height:auto!important;
  margin:0!important;
  padding:18px!important;
  border:1.5px dashed #a9d7cd!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#fbfefd 0%,#f2faf7 100%)!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone:hover,
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone:focus-visible,
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone.is-dragging{
  border-color:#0b7a6a!important;
  background:#eefaf6!important;
  box-shadow:0 0 0 3px rgba(11,122,106,.08)!important;
  outline:0!important;
}
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone .bbd-v81-upload-card__icon{
  width:56px!important;height:56px!important;min-width:56px!important;
  border-radius:12px!important;background:#e2f5ef!important;color:#0b7a6a!important;
}
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone .bbd-v81-upload-card__copy strong{
  font-size:16px!important;line-height:1.18!important;font-weight:820!important;color:#101828!important;
}
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone .bbd-v81-upload-card__copy p{
  margin-top:5px!important;font-size:12.5px!important;line-height:1.42!important;color:#667085!important;
}
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone .bbd-v81-upload-card__action{
  min-width:112px!important;height:46px!important;min-height:46px!important;padding:0 16px!important;
  border-radius:10px!important;background:#0b7a6a!important;color:#fff!important;font-size:13px!important;font-weight:820!important;
  box-shadow:0 5px 12px rgba(11,122,106,.16)!important;
}

/* When the user starts browsing the ready-made library, let that section climb
   upward and claim the vertical space. The upload header always stays reachable. */
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"] .bbd-v2353-upload-section>.bbd-v90-media-section__body{
  max-height:320px!important;
  opacity:1!important;
  overflow:hidden!important;
  transition:max-height .22s ease,opacity .18s ease,padding .22s ease!important;
}
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"].bbd-v2353-browse-focus .bbd-v2353-upload-section>.bbd-v90-media-section__body{
  max-height:0!important;
  opacity:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  pointer-events:none!important;
}
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"].bbd-v2353-browse-focus .bbd-v2353-upload-section>.bbd-v90-media-section__head{
  border-bottom:0!important;
}
.bbd-app.bbd-pro-workspace-v02353 [data-panel-content="image"] .bbd-v2353-assets-section>.bbd-v90-media-section__body{
  padding-top:10px!important;
}

/* Preserve the two-column upload library from 0.23.48 and keep cards visible. */
.bbd-app.bbd-pro-workspace-v02353 #bbd-upload-list:not([hidden]){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:12px!important;
}

/* ------------------------------- Tool rail -------------------------------- */
.bbd-app.bbd-pro-workspace-v02353 .bbd-sidebar.bbd-v2353-readable-rail{
  width:88px!important;
  min-width:88px!important;
  padding-inline:8px!important;
  gap:5px!important;
}
.bbd-app.bbd-pro-workspace-v02353 .bbd-sidebar.bbd-v2353-readable-rail .bbd-tool{
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  min-height:58px!important;
  height:58px!important;
  padding:6px 4px!important;
  gap:4px!important;
  border-radius:5px!important;
  overflow:visible!important;
}
.bbd-app.bbd-pro-workspace-v02353 .bbd-sidebar.bbd-v2353-readable-rail .bbd-tool>svg{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
  margin:0 auto!important;
}
.bbd-app.bbd-pro-workspace-v02353 .bbd-sidebar.bbd-v2353-readable-rail .bbd-tool>span:last-child{
  display:block!important;
  width:100%!important;
  max-width:70px!important;
  margin:0!important;
  padding:0 2px!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-align:center!important;
  font-size:10.7px!important;
  line-height:1.08!important;
  font-weight:780!important;
  letter-spacing:-.015em!important;
  color:#243147!important;
}
.bbd-app.bbd-pro-workspace-v02353 .bbd-sidebar.bbd-v2353-readable-rail .bbd-tool.is-active>span:last-child,
.bbd-app.bbd-pro-workspace-v02353 .bbd-sidebar.bbd-v2353-readable-rail .bbd-tool[aria-current="page"]>span:last-child{
  color:#fff!important;
}
/* Restore a real SVG for Zemin. Older mobile palette CSS hid the original SVG. */
.bbd-app.bbd-pro-workspace-v02353 .bbd-sidebar.bbd-v2353-readable-rail .bbd-tool[data-panel="background"]::before{
  display:none!important;
  content:none!important;
}
.bbd-app.bbd-pro-workspace-v02353 .bbd-sidebar.bbd-v2353-readable-rail .bbd-tool[data-panel="background"]>svg,
.bbd-app.bbd-pro-workspace-v02353 .bbd-sidebar.bbd-v2353-readable-rail .bbd-tool[data-panel="background"]>.bbd-v2353-background-icon{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

@media (max-width:1024px){
  .bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone.bbd-v81-upload-card,
  .bbd-app.bbd-pro-workspace-v02353 #bbd-upload-dropzone.bbd-v91-upload-card{
    min-height:118px!important;
    grid-template-columns:50px minmax(0,1fr) auto!important;
    padding:14px!important;
  }
  .bbd-app.bbd-pro-workspace-v02353 #bbd-upload-list:not([hidden]){
    grid-template-columns:1fr!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .bbd-app.bbd-pro-workspace-v02353 *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}