/* Baskibu Designer 0.23.0-dev65 — mobile content-first sheet system
   Safe presentation layer only: no new JS, observers, DOM moves or runtime loops. */

/* --------------------------------------------------------------------------
   Mobile drawer geometry: content-first, roomier, calmer.
   -------------------------------------------------------------------------- */
@media (max-width:760px) {
  .bbd-app.bbd-pro-workspace-v0230-dev60 {
    --bbd-v65-sheet-height: min(52dvh, 462px);
    --bbd-v65-edge: 8px;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev60 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-pro-workspace-v0230-dev60 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden] {
    right: var(--bbd-v65-edge) !important;
    left: var(--bbd-v65-edge) !important;
    bottom: calc(var(--bbd-v60-nav-height) + 7px) !important;
    height: var(--bbd-v65-sheet-height) !important;
    min-height: 350px !important;
    max-height: 462px !important;
    border: 1px solid #e1e6eb !important;
    border-radius: 18px 18px 14px 14px !important;
    background: #fff !important;
    box-shadow: 0 -10px 30px rgba(15,23,42,.14) !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev60 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-mobile-sheet-bar {
    min-height: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    grid-template-columns: 28px minmax(0,1fr) 28px !important;
    gap: 4px !important;
    padding: 4px 7px !important;
    border-bottom-color: #eef1f4 !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-mobile-sheet-title {
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -.05px !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-mobile-sheet-close,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-mobile-sheet-back {
    width: 27px !important;
    min-width: 27px !important;
    height: 27px !important;
    min-height: 27px !important;
    padding: 0 !important;
    border-radius: 8px !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev60 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-panel-section:not([hidden]) {
    gap: 7px !important;
    padding: 8px 10px 12px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
    scrollbar-color: #aeb7c2 transparent !important;
    scroll-padding-top: 8px !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev60 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-panel-section:not([hidden])::-webkit-scrollbar {
    width: 5px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-panel-section:not([hidden])::-webkit-scrollbar-track {
    background: transparent !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-panel-section:not([hidden])::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background: #aeb7c2 !important;
  }

  /* One title is enough: the sheet bar names the active tool. */
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-panel-section:not([hidden]) > h2,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-panel-section:not([hidden]) > .bbd-panel-heading,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-panel-section:not([hidden]) > .bbd-pro-panel-intro,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-background-modules > .bbd-panel-heading,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-background-modules > .bbd-pro-panel-intro,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-panel-heading--sticky {
    display: none !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-panel-section:not([hidden]),
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-panel-section:not([hidden]) * {
    box-sizing: border-box !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-panel-section:not([hidden]) > *,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-panel-section:not([hidden]) form,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-panel-section:not([hidden]) fieldset,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-panel-section:not([hidden]) label {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Compact common controls. */
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-search-field {
    display: block !important;
    margin: 0 !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-search-field input {
    width: 100% !important;
    height: 35px !important;
    min-height: 35px !important;
    padding: 0 11px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel select,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel input:not([type="color"]):not([type="checkbox"]):not([type="radio"]),
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel textarea {
    min-height: 35px !important;
    font-size: 11px !important;
  }

  /* ------------------------------------------------------------------------
     HIZLI TASARIMLAR: previews first. Context card is desktop-only; categories
     become one swipeable chip row, then cards start immediately.
     ------------------------------------------------------------------------ */
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel [data-panel-content="templates"] {
    gap: 6px !important;
    padding-top: 8px !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel [data-panel-content="templates"] > .bbd-template-context {
    display: none !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel [data-panel-content="templates"] > .bbd-search-field {
    order: 1 !important;
    flex: 0 0 auto !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel [data-panel-content="templates"] > .bbd-template-pro-filters {
    order: 2 !important;
    width: 100% !important;
    min-height: 31px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 0 2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel [data-panel-content="templates"] > .bbd-template-pro-filters::-webkit-scrollbar {
    display: none !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-pro-filter {
    flex: 0 0 auto !important;
    min-height: 29px !important;
    height: 29px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    font-size: 9.5px !important;
    scroll-snap-align: start !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel [data-panel-content="templates"] > .bbd-template-grid {
    order: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 1px 0 0 !important;
    padding: 0 1px 10px !important;
    overflow: visible !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-card,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-card--pro46 {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 5px 5px 7px !important;
    border-radius: 12px !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-card__preview,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-card--pro46 .bbd-template-card__preview {
    height: 118px !important;
    min-height: 118px !important;
    border-radius: 9px !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-card__svg,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-card__svg--feather,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-card--pro46 .bbd-template-card__svg--feather {
    height: 104px !important;
    max-height: 104px !important;
    max-width: 84% !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-card > strong,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-card--pro46 > strong {
    margin: 5px 2px 0 !important;
    font-size: 10.5px !important;
    line-height: 1.12 !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-card > small,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-card--pro46 > small {
    display: none !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-pro-kicker {
    left: 6px !important;
    top: 6px !important;
    min-height: 17px !important;
    padding: 0 5px !important;
    font-size: 6.5px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-card__preview-action {
    right: 6px !important;
    bottom: 6px !important;
    min-height: 25px !important;
    padding: 0 8px !important;
    font-size: 8px !important;
  }

  /* ------------------------------------------------------------------------
     GÖRSELLER: one swipeable mode row; upload action becomes the hero.
     ------------------------------------------------------------------------ */
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel [data-panel-content="image"] {
    gap: 7px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-upload-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-upload-tabs::-webkit-scrollbar { display: none !important; }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-upload-tabs button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 31px !important;
    height: 31px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    font-size: 9.5px !important;
    white-space: nowrap !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-upload-card,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-upload-dropzone,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-premium-upload-card {
    display: grid !important;
    grid-template-columns: 34px minmax(0,1fr) auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 2px 8px !important;
    min-height: 78px !important;
    margin: 0 !important;
    padding: 10px !important;
    border-radius: 12px !important;
    text-align: left !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-upload-card > svg,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-premium-upload-card > svg {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-upload-card > strong,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-premium-upload-card > strong {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    font-size: 11px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-upload-card > span:not(.bbd-upload-format-badges),
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-premium-upload-card > span:not(.bbd-upload-format-badges) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    font-size: 8.8px !important;
    line-height: 1.25 !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-upload-card > em,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-premium-upload-card > em {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 9px !important;
    font-size: 9.5px !important;
    white-space: nowrap !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-upload-format-badges,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel [data-panel-content="image"] > .bbd-help {
    display: none !important;
  }

  /* ------------------------------------------------------------------------
     ÜRÜN: collapse helper chrome, keep current product + primary actions.
     ------------------------------------------------------------------------ */
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel [data-panel-content="product"] {
    gap: 7px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-product-identity {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 9px 10px !important;
    border-radius: 11px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-product-identity strong { font-size: 11px !important; }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-product-identity span,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-product-identity em { font-size: 9px !important; }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-product-compact-row,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-product-preflight {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px 9px !important;
    border-radius: 10px !important;
    font-size: 9.5px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-product-flow-actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
    margin: 0 !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-product-flow-actions button {
    min-height: 36px !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
    font-size: 9.5px !important;
  }

  /* ------------------------------------------------------------------------
     METİN: tabs + quick actions in one compact top region.
     ------------------------------------------------------------------------ */
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-text-mode-tabs,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-component-categories {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 0 2px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-text-mode-tabs::-webkit-scrollbar,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-component-categories::-webkit-scrollbar { display:none !important; }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-text-mode-tabs button,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-component-categories button {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    font-size: 9.5px !important;
    white-space: nowrap !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-quick-add-row {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-quick-add-row .bbd-action-card {
    min-height: 36px !important;
    padding: 7px 8px !important;
    font-size: 9.5px !important;
    border-radius: 10px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-preset-grid,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-component-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  /* ------------------------------------------------------------------------
     GRAFİKLER + KATMANLAR: compact filter/control grids.
     ------------------------------------------------------------------------ */
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-graphic-filters {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 5px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-graphic-filters select:last-child {
    grid-column: 1 / -1 !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-clipart-grid,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-graphic-grid,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-shape-grid {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 6px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-inline-actions,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-inline-actions--wide {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-inline-actions button,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-command-grid button,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-action-card {
    min-height: 34px !important;
    padding: 5px 7px !important;
    border-radius: 9px !important;
    font-size: 9px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-command-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 5px !important;
  }

  /* ------------------------------------------------------------------------
     ZEMİN quick access: remove the dev64 orange text bubble. Keep the proven
     background route, but render it as one restrained icon-only canvas chip.
     ------------------------------------------------------------------------ */
  .bbd-modal[data-layout="bottom-sheet"] .bbd-app.bbd-pro-workspace-v0230-dev60 .bbd-sidebar,
  .bbd-modal[data-layout="drawer"] .bbd-app.bbd-pro-workspace-v0230-dev60 .bbd-sidebar {
    grid-template-columns: repeat(6,minmax(0,1fr)) !important;
  }

  .bbd-modal[data-layout="bottom-sheet"] .bbd-app.bbd-pro-workspace-v0230-dev60 .bbd-sidebar .bbd-tool[data-panel="background"],
  .bbd-modal[data-layout="drawer"] .bbd-app.bbd-pro-workspace-v0230-dev60 .bbd-sidebar .bbd-tool[data-panel="background"] {
    position: absolute !important;
    z-index: 9705 !important;
    right: 12px !important;
    bottom: calc(100% + 18px) !important;
    left: auto !important;
    top: auto !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    display: grid !important;
    place-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(203,213,225,.96) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.96) !important;
    color: #344054 !important;
    box-shadow: 0 7px 20px rgba(15,23,42,.12) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    overflow: hidden !important;
  }

  .bbd-modal[data-layout="bottom-sheet"] .bbd-app.bbd-pro-workspace-v0230-dev60 .bbd-sidebar .bbd-tool[data-panel="background"] > *,
  .bbd-modal[data-layout="drawer"] .bbd-app.bbd-pro-workspace-v0230-dev60 .bbd-sidebar .bbd-tool[data-panel="background"] > * {
    display: none !important;
  }

  .bbd-modal[data-layout="bottom-sheet"] .bbd-app.bbd-pro-workspace-v0230-dev60 .bbd-sidebar .bbd-tool[data-panel="background"]::before,
  .bbd-modal[data-layout="drawer"] .bbd-app.bbd-pro-workspace-v0230-dev60 .bbd-sidebar .bbd-tool[data-panel="background"]::before {
    content: "" !important;
    display: block !important;
    width: 27px !important;
    height: 24px !important;
    margin: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 30'%3E%3Cpath d='M16.3 2.7C8.5 2.7 2.4 7.7 2.4 14c0 6.7 5.8 12 13.1 12h1.4c1.8 0 2.8-1.9 1.7-3.3-1.1-1.4-.7-3.4.7-4.4 1.3-1 3.2-1 4.6-.1l1.1.7c4 2.6 9-.6 7.8-5.1C31.1 7.6 24.5 2.7 16.3 2.7Z' fill='%23fff8ef' stroke='%23344054' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cellipse cx='25.9' cy='9.7' rx='2.8' ry='2.45' fill='white' stroke='%23667085' stroke-width='1.2'/%3E%3Ccircle cx='8.8' cy='10.4' r='1.85' fill='%23ff5b1f'/%3E%3Ccircle cx='13.1' cy='7.2' r='1.75' fill='%23f7c948'/%3E%3Ccircle cx='8.1' cy='15.7' r='1.75' fill='%2322b573'/%3E%3Ccircle cx='12.2' cy='20' r='1.75' fill='%233b82f6'/%3E%3Ccircle cx='17.7' cy='6.7' r='1.65' fill='%239b5de5'/%3E%3C/svg%3E") !important;
  }

  .bbd-modal[data-layout="bottom-sheet"] .bbd-app.bbd-pro-workspace-v0230-dev60 .bbd-sidebar .bbd-tool[data-panel="background"].is-active,
  .bbd-modal[data-layout="drawer"] .bbd-app.bbd-pro-workspace-v0230-dev60 .bbd-sidebar .bbd-tool[data-panel="background"].is-active {
    border-color: rgba(255,75,0,.45) !important;
    background: #fff9f6 !important;
    box-shadow: 0 7px 20px rgba(15,23,42,.10), 0 0 0 2px rgba(255,75,0,.08) !important;
  }

  .bbd-app.bbd-pro-workspace-v0230-dev60.is-v60-sheet-open .bbd-sidebar .bbd-tool[data-panel="background"] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@media (max-width:390px) {
  .bbd-app.bbd-pro-workspace-v0230-dev60 {
    --bbd-v65-sheet-height: min(54dvh, 440px);
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  .bbd-app.bbd-pro-workspace-v0230-dev60 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden] {
    min-height: 335px !important;
    max-height: 440px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-card__preview,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-card--pro46 .bbd-template-card__preview {
    height: 104px !important;
    min-height: 104px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-card__svg,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-card__svg--feather,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-template-card--pro46 .bbd-template-card__svg--feather {
    height: 92px !important;
    max-height: 92px !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-upload-card,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-premium-upload-card {
    grid-template-columns: 30px minmax(0,1fr) !important;
  }
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-upload-card > em,
  .bbd-app.bbd-pro-workspace-v0230-dev60 #bbd-panel .bbd-premium-upload-card > em {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    margin-top: 4px !important;
  }
}