/* Baskıbu Designer 0.25.55: mobile ruler / context actions / portrait studio.
 * Visual presentation only; print size, saved objects and commerce stay unchanged.
 */
@media (max-width:760px) {
  /* Leave room for the vertical ruler while preventing a horizontal page scroll. */
  #bbd-modal .bbd-app.bbd-02554-mobile:not(.is-preview-mode) .bbd-stage-area {
    padding:22px 31px 20px 14px!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile:not(.is-preview-mode) .bbd-canvas-shell {
    overflow:visible!important;
  }
  /* Both centimeter axes are positioned by the *transformed* Fabric artboard.
   * Their end labels are kept inside the actual print edge. */
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-02549-exact-rulers .bbd-clean-ruler.is-horizontal {
    top:calc(var(--bbd-ruler-top) - 22px)!important;
    left:var(--bbd-ruler-left)!important;
    height:20px!important;
    width:var(--bbd-ruler-width)!important;
    overflow:visible!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) + 4px)!important;
    top:var(--bbd-ruler-top)!important;
    width:23px!important;
    height:var(--bbd-ruler-height)!important;
    overflow:visible!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-02549-exact-rulers .bbd-clean-ruler-unit {
    left:var(--bbd-ruler-left)!important;
    top:calc(var(--bbd-ruler-top) - 42px)!important;
    padding:2px 5px!important;
  }
  /* PRO object actions: compact sheet ABOVE the persistent tab bar. */
  #bbd-modal .bbd-app.bbd-02554-mobile:not(.is-preview-mode) .bbd-object-popover.bbd-context-more-menu:not([hidden]) {
    position:absolute!important;
    top:auto!important;left:12px!important;right:12px!important;
    bottom:calc(var(--bbd-02554-dock) + 7px)!important;
    width:calc(100% - 24px)!important;max-width:none!important;
    max-height:min(43dvh,360px)!important;
    overflow:auto!important;
    padding:12px!important;
    border:1px solid #dbe4e9!important;border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 10px 36px rgba(15,23,42,.14)!important;
    transform:none!important;z-index:12060!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;align-content:start!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-object-popover.bbd-context-more-menu[hidden] {display:none!important;}
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-object-popover .bbd-command-menu__header {
    grid-column:1/-1!important;
    min-height:39px!important;padding:0 3px 10px!important;
    margin:0!important;
    border-bottom:1px solid #e9eef2!important;
    display:flex!important;align-items:center!important;gap:8px!important;
    position:sticky!important;top:-12px!important;background:#fff!important;
    z-index:1!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-object-popover .bbd-command-menu__header strong {
    font-size:14px!important;line-height:1.25!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-object-popover .bbd-command-menu__header small {
    font-size:10px!important;line-height:1.25!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-object-popover .bbd-command-menu__separator {
    grid-column:1/-1!important;height:1px!important;min-height:1px!important;
    margin:2px 0!important;padding:0!important;background:#e8edf1!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-object-popover .bbd-command-menu__item {
    display:flex!important;flex-direction:row!important;
    width:100%!important;min-width:0!important;min-height:46px!important;
    padding:8px 10px!important;margin:0!important;
    align-items:center!important;justify-content:flex-start!important;gap:7px!important;
    border-radius:12px!important;border:1px solid #e3eaf0!important;
    background:#f8fafb!important;box-shadow:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-object-popover .bbd-command-menu__item strong {
    font-size:12px!important;line-height:1.2!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-object-popover .bbd-command-menu__item small,
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-object-popover .bbd-command-menu__item kbd {
    display:none!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-object-popover .bbd-command-menu__item.is-destructive {
    grid-column:1/-1!important;background:#fff4f4!important;
    border-color:#f6dddd!important;color:#b42318!important;
    justify-content:center!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile .bbd-object-popover .bbd-command-menu__item:focus-visible {
    outline:2px solid #0b826f!important;outline-offset:1px!important;
  }
  /* Use the complete available preview height, not the v54 730px cap.
   * Put the header and scene controls in independent, nonoverlapping rows. */
  #bbd-modal .bbd-app.bbd-02554-mobile.is-preview-mode .bbd-stage-area {
    padding:7px!important;align-items:stretch!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 {
    height:100%!important;max-height:100%!important;
    min-height:0!important;width:100%!important;
    padding:4px!important;margin:0!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;gap:6px!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile.is-preview-mode .bbd-product-preview__viewport {
    min-height:0!important;max-height:none!important;
    height:100%!important;width:100%!important;
    display:block!important;overflow:hidden!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile.is-preview-mode .bbd-product-preview__viewport #bbd-product-preview-canvas {
    width:100%!important;height:100%!important;
    object-fit:contain!important;object-position:center center!important;
  }
  #bbd-modal .bbd-app.bbd-02554-mobile.is-preview-mode .bbd-v52-preview-dock {
    max-height:48px!important;min-height:40px!important;
  }
}