/* Baskıbu Designer 0.25.54 — MOBILE WORKSPACE HOTFIX
 * iPhone/iPad portrait only. Does not touch Fabric coords, print, Woo, desktop or
 * product mockup model/crop. All settings are scoped to a detected phone shell.
 */
@media (max-width: 760px) {
  #bbd-modal .bbd-app.bbd-02554-mobile:not(.is-preview-mode) .bbd-workspace {
    min-height:0!important; height:100%!important; overflow:hidden!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile:not(.is-preview-mode) .bbd-stage-area {
    position:relative!important; min-width:0!important; min-height:0!important;
    max-width:100%!important; height:100%!important;
    display:flex!important; align-items:center!important; justify-content:center!important;
    box-sizing:border-box!important;
    padding:16px 11px 21px!important; overflow:hidden!important;
    overscroll-behavior:contain!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile:not(.is-preview-mode) .bbd-canvas-shell {
    flex:1 1 auto!important; min-height:0!important; min-width:0!important;
    display:flex!important; justify-content:center!important; align-items:center!important;
    align-self:stretch!important; position:relative!important;
    margin:0!important; padding:0!important; box-sizing:border-box!important;
    overflow:visible!important;
  }
  /* Center Fabric's wrapper without stretching or modifying its logical dimensions. */
  #bbd-modal .bbd-app.bbd-02554-mobile:not(.is-preview-mode) .bbd-canvas-shell > .canvas-container {
    flex:0 0 auto!important; margin:auto!important; max-width:none!important;
  }
  /* Only the exact artboard ruler owner is visible: the older two ruler engines
     remain hidden. Clear the cached ruler offset after mobile artboard fitting. */
  #bbd-modal .bbd-app.bbd-02554-mobile:not(.is-preview-mode) #bbd-ruler-h,
  #bbd-modal .bbd-app.bbd-02554-mobile:not(.is-preview-mode) #bbd-ruler-v,
  #bbd-modal .bbd-app.bbd-02554-mobile:not(.is-preview-mode) .bbd-dimension-overlay {
    display:none!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile:not(.is-preview-mode) .bbd-clean-rulers.bbd-v54-ruler-owner.bbd-02549-exact-rulers {
    display:block!important; visibility:visible!important; pointer-events:none!important;
    position:absolute!important; inset:0!important; width:100%!important; height:100%!important;
    overflow:visible!important; z-index:42!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-02549-exact-rulers .bbd-clean-ruler.is-horizontal {
    top:calc(var(--bbd-ruler-top) - 18px)!important; height:17px!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-02549-exact-rulers .bbd-clean-ruler.is-vertical {
    left:calc(var(--bbd-ruler-left) + var(--bbd-ruler-width) + 3px)!important;
    width:21px!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-02549-exact-rulers .bbd-clean-ruler-unit {
    top:calc(var(--bbd-ruler-top) - 38px)!important;
  }
  /* Fixed bottom navigation belongs to its own layer. No shadowed sheet cards
     can hide underneath it. The CSS dock size is the one source of truth. */
  #bbd-modal .bbd-app.bbd-02554-mobile {--bbd-02554-dock:calc(82px + env(safe-area-inset-bottom));}
  #bbd-modal .bbd-app.bbd-02554-mobile > .bbd-v72-mobile-dock {
    z-index:12040!important;
    bottom:calc(6px + env(safe-area-inset-bottom))!important;
    height:70px!important; min-height:70px!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile > #bbd-v60-mobile-sheet-host.is-open {
    z-index:12030!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  #bbd-modal .bbd-app.bbd-02554-mobile > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden] {
    display:flex!important; flex-direction:column!important;
    position:absolute!important; left:8px!important; right:8px!important;
    top:auto!important; bottom:var(--bbd-02554-dock)!important;
    height:var(--bbd-0239-active-sheet-height, min(58dvh, 525px))!important;
    max-height:calc(100% - var(--bbd-02554-dock) - 16px)!important;
    min-height:0!important; box-sizing:border-box!important;
    border-radius:22px!important;
    overflow:hidden!important;
    background:#fff!important;
    transition:none!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile.bbd-0239-sheet-expanded > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  #bbd-modal .bbd-app.bbd-02554-mobile.bbd-0239-sheet-expanded > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden] {
    height:var(--bbd-0239-active-sheet-height, min(78dvh, 720px))!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-mobile-sheet-bar {
    position:relative!important; flex:0 0 50px!important;
    height:50px!important; min-height:50px!important;
    display:grid!important; grid-template-columns:38px minmax(0,1fr) 38px!important;
    align-items:center!important;
    padding:9px 12px 3px!important;
    z-index:2!important;
  }
  /* The former button inherited a big filled square from an unrelated button
     preset. Keep the accessible hit target but draw only a 34x4 grip. */
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-mobile-sheet-grip,
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-mobile-sheet-grip:is(:hover,:focus,:active) {
    display:block!important; box-sizing:border-box!important;
    position:absolute!important; left:50%!important; top:0!important;
    width:68px!important; height:19px!important; min-width:0!important;
    min-height:0!important; padding:0!important; margin:0!important;
    transform:translateX(-50%)!important;
    background:transparent!important; border:0!important; border-radius:0!important;
    box-shadow:none!important; opacity:1!important; cursor:ns-resize!important;
    -webkit-appearance:none!important; appearance:none!important; touch-action:none!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-mobile-sheet-grip::before {
    content:''!important; display:block!important;
    position:absolute!important; left:17px!important; top:6px!important;
    width:34px!important; height:4px!important;
    background:#bbc5cd!important; border-radius:999px!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-mobile-sheet-grip::after {
    content:none!important; display:none!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-panel-section:not([hidden]) {
    display:flex!important; flex-direction:column!important;
    flex:1 1 auto!important; min-height:0!important; max-height:none!important;
    overflow-y:auto!important; overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    padding-bottom:24px!important; scroll-padding-bottom:28px!important;
  }
  /* Keep menus, color selectors and object actions above a populated drawer,
     but inside the scrollable content rather than underneath the dock. */
  #bbd-modal .bbd-app.bbd-02554-mobile #bbd-panel .bbd-panel-section :is(button,input,select,textarea):focus-visible {
    outline:2px solid #0b806d!important;outline-offset:2px!important;
  }
  /* The selected-object action bar also stays above the 70px navigation. */
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-context-route-toolbar.bbd-v58-mobile-object-toolbar:not([hidden]) {
    bottom:calc(var(--bbd-02554-dock) + 6px)!important;
    max-height:54px!important;
  }
  /* Object/context menus are separate from the main tab sheet. Treat them
     as scrollable bottom popovers above the dock, never let their actions be
     clipped below it (e.g. selected text: Mola → Sil/Çoğalt). */
  #bbd-modal .bbd-app.bbd-02554-mobile:not(.is-preview-mode) :is(.bbd-object-popover.bbd-context-more-menu,.bbd-command-menu,.bbd-context-menu):not([hidden]) {
    position:absolute!important; top:auto!important;
    bottom:calc(var(--bbd-02554-dock) + 8px)!important;
    left:10px!important;right:10px!important;
    width:auto!important;max-width:none!important;
    max-height:min(60dvh,calc(100% - var(--bbd-02554-dock) - 66px))!important;
    height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    box-sizing:border-box!important;
    transform:none!important; z-index:12060!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile:not(.is-preview-mode) > .bbd-mega-popover.bbd-v92-front-popover:not([hidden]) {
    position:absolute!important;top:auto!important;
    bottom:calc(var(--bbd-02554-dock) + 8px)!important;
    max-height:min(60dvh,calc(100% - var(--bbd-02554-dock) - 66px))!important;
    overflow-y:auto!important;overscroll-behavior:contain!important;
  }
  /* The compact object inspector is not permitted to overlap navigation. */
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-v2349-inspector:not([hidden]),
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-mobile-object-actions:not([hidden]) {
    max-height:calc(100% - var(--bbd-02554-dock) - 60px)!important;
    overflow-y:auto!important; overscroll-behavior:contain!important;
  }
  /* Preview: the product card is centered vertically in available stage space;
     no huge dead area after the mockup/controls at the bottom. */
  #bbd-modal .bbd-app.bbd-02554-mobile.is-preview-mode .bbd-stage-area {
    display:flex!important; align-items:center!important; justify-content:center!important;
    width:100%!important; height:100%!important; min-height:0!important;
    overflow:hidden!important; padding:10px 7px!important; box-sizing:border-box!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile.is-preview-mode .bbd-product-preview.bbd-v52-preview-layout,
  #bbd-modal .bbd-app.bbd-02554-mobile.is-preview-mode .bbd-product-preview {
    position:relative!important; inset:auto!important;
    display:grid!important; grid-template-rows:auto minmax(0,1fr) auto!important;
    width:100%!important; height:min(100%,730px)!important;
    min-height:0!important; max-height:100%!important;
    margin:auto!important; padding:5px!important; gap:8px!important;
    box-sizing:border-box!important; align-self:center!important;
    overflow:hidden!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile.is-preview-mode .bbd-product-preview__viewport,
  #bbd-modal .bbd-app.bbd-02554-mobile.is-preview-mode .bbd-product-preview__viewport.is-three-preview {
    position:relative!important; inset:auto!important;
    grid-row:2!important; width:100%!important; height:100%!important;
    max-height:100%!important; min-height:0!important;
    margin:0!important; overflow:hidden!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile.is-preview-mode .bbd-v52-preview-dock {
    grid-row:3!important; flex:none!important; min-height:44px!important;
    max-height:52px!important; margin:0!important;
  }
}
@media (max-width:760px) and (max-height:650px){
  #bbd-modal .bbd-app.bbd-02554-mobile > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  #bbd-modal .bbd-app.bbd-02554-mobile > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden] {
    height:var(--bbd-0239-active-sheet-height, min(53dvh, 380px))!important;
  }
}
@media (prefers-reduced-motion:reduce){
 #bbd-modal .bbd-app.bbd-02554-mobile > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel {transition:none!important;}
}