/* Baskibu Designer v0.25.75: 19 original tail styles joined in exact enqueue order. */

/* START assets/css/editor-02549-preview-ruler.css */
/* Baskıbu Designer v0.25.49 — exact artboard rulers, both dimensions visible.

   Scoped to the single active clean-ruler owner. No print/UI export effects. */

.bbd-app.bbd-pro-workspace-v0230-dev54:not(.is-preview-mode) .bbd-clean-rulers.bbd-v54-ruler-owner.bbd-02549-exact-rulers{display:block!important;visibility:visible!important;overflow:visible!important;pointer-events:none!important}

.bbd-app.bbd-pro-workspace-v0230-dev54:not(.is-preview-mode) .bbd-02549-exact-rulers .bbd-clean-ruler{display:block!important;opacity:1!important;visibility:visible!important;box-sizing:border-box!important}

.bbd-app.bbd-pro-workspace-v0230-dev54:not(.is-preview-mode) .bbd-02549-exact-rulers .bbd-clean-ruler.is-horizontal{

 left:var(--bbd-ruler-left)!important;top:calc(var(--bbd-ruler-top) - 22px)!important;

 width:var(--bbd-ruler-width)!important;height:19px!important;

 border-bottom:1px solid #8493a3!important;background:rgba(255,255,255,.82)!important;

 border-radius:4px 4px 0 0!important;

}

.bbd-app.bbd-pro-workspace-v0230-dev54:not(.is-preview-mode) .bbd-02549-exact-rulers .bbd-clean-ruler.is-vertical{

 left:calc(var(--bbd-ruler-left) + var(--bbd-ruler-width) + 9px)!important;

 top:var(--bbd-ruler-top)!important;width:22px!important;height:var(--bbd-ruler-height)!important;

 border-left:1px solid #8493a3!important;border-right:0!important;

 background:rgba(255,255,255,.82)!important;border-radius:0 4px 4px 0!important;

}

.bbd-app .bbd-02549-exact-rulers .bbd-clean-ruler.is-horizontal i{bottom:0!important;top:auto!important}

.bbd-app .bbd-02549-exact-rulers .bbd-clean-ruler.is-vertical i{left:0!important;right:auto!important}

.bbd-app .bbd-02549-exact-rulers .bbd-clean-ruler.is-horizontal i span{font-size:9px!important;font-weight:750!important;color:#415164!important;transform:none!important;left:2px!important;bottom:9px!important}

.bbd-app .bbd-02549-exact-rulers .bbd-clean-ruler.is-vertical i span{font-size:9px!important;font-weight:750!important;color:#415164!important;transform:none!important;left:9px!important;right:auto!important;top:-4px!important}

.bbd-app .bbd-02549-exact-rulers .bbd-clean-ruler.is-horizontal .bbd-02549-ruler-end span{left:auto!important;right:1px!important;transform:none!important}

.bbd-app .bbd-02549-exact-rulers .bbd-clean-ruler.is-vertical .bbd-02549-ruler-end span{top:auto!important;bottom:0!important;transform:none!important}

.bbd-app .bbd-02549-exact-rulers .bbd-clean-ruler-unit{left:calc(var(--bbd-ruler-left) - 2px)!important;top:calc(var(--bbd-ruler-top) - 47px)!important;box-shadow:none!important}

.bbd-app.is-preview-mode .bbd-clean-rulers.bbd-02549-exact-rulers{display:none!important}

@media(max-width:640px){

 .bbd-app .bbd-02549-exact-rulers .bbd-clean-ruler.is-horizontal i span,.bbd-app .bbd-02549-exact-rulers .bbd-clean-ruler.is-vertical i span{font-size:8px!important}

 .bbd-app.bbd-pro-workspace-v0230-dev54:not(.is-preview-mode) .bbd-02549-exact-rulers .bbd-clean-ruler.is-vertical{left:calc(var(--bbd-ruler-left) + var(--bbd-ruler-width) + 3px)!important}

}


/* END assets/css/editor-02549-preview-ruler.css */

/* START assets/css/editor-02550-safe-align.css */
/* v0.25.50: customer-safe artboard placement + inspector controls */

.bbd-02550-align-box{display:grid!important;gap:8px!important;padding:9px!important;border:1px solid #d8e8e5!important;border-radius:11px!important;background:#f6fbf9!important;color:#25413a!important;}

.bbd-02550-align-heading{display:flex!important;gap:7px!important;align-items:baseline!important;justify-content:space-between!important;flex-wrap:wrap!important;}

.bbd-02550-align-heading strong{font-size:12px!important;font-weight:800!important;color:#163a34!important;}

.bbd-02550-align-heading span{font-size:10px!important;font-weight:650!important;color:#54756f!important;}

.bbd-02550-align-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;}

.bbd-02550-align-buttons button{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:38px!important;border:1px solid #d2e2df!important;border-radius:9px!important;background:#fff!important;color:#294c45!important;font-size:12px!important;font-weight:750!important;cursor:pointer!important;}

.bbd-02550-align-buttons button:disabled{opacity:.45!important;cursor:default!important;}

.bbd-02550-align-buttons button:not(:disabled):hover,.bbd-02550-align-buttons button.is-active{border-color:#6bc3af!important;background:#e2f5ee!important;color:#087565!important;}

.bbd-02550-align-buttons button:focus-visible,.bbd-02550-collapse:focus-visible{outline:3px solid #00a889!important;outline-offset:2px!important;}

.bbd-02550-guide-toggle{display:flex!important;align-items:center!important;gap:7px!important;font-size:10px!important;font-weight:650!important;color:#45655e!important;cursor:pointer!important;}

.bbd-02550-guide-toggle input{width:15px!important;height:15px!important;accent-color:#0a806f!important;}

[data-bbd-02550-status]:not(:empty){display:block!important;font-size:10px!important;line-height:1.4!important;font-weight:700!important;color:#397766!important;}

[data-bbd-02550-status][data-kind="error"]{color:#b42318!important;}

.bbd-v2349-text-align__label{font-size:10px!important;}

.bbd-02550-safe-guides{position:absolute!important;inset:0!important;z-index:100!important;pointer-events:none!important;overflow:visible!important;}

.bbd-02550-safe-guides[hidden]{display:none!important;}

.bbd-02550-safe-line{position:absolute!important;top:var(--bbd-safe-top)!important;height:var(--bbd-safe-height)!important;border-left:1px dashed rgba(5,125,112,.75)!important;}

.bbd-02550-safe-line.is-left{left:var(--bbd-safe-left)!important;}

.bbd-02550-safe-line.is-right{left:var(--bbd-safe-right)!important;}

.bbd-02550-safe-line span{position:absolute!important;top:4px!important;left:4px!important;padding:3px 5px!important;border-radius:5px!important;background:rgba(255,255,255,.9)!important;color:#126356!important;font:700 9px/1.1 system-ui,sans-serif!important;white-space:nowrap!important;}

.bbd-02550-safe-line.is-right span{transform:translateX(calc(-100% - 9px))!important;}

.bbd-02550-collapse{flex:0 0 30px!important;font-size:18px!important;}

.bbd-v2349-inspector[data-bbd-02550-collapsed="yes"]{width:160px!important;max-height:70px!important;padding:8px!important;}

.bbd-v2349-inspector[data-bbd-02550-collapsed="yes"] .bbd-v2349-inspector__body{display:none!important;}

.bbd-v2349-inspector[data-bbd-02550-collapsed="yes"] .bbd-v2349-inspector__head{border-bottom:0!important;padding-bottom:0!important;}

@media(max-width:760px){.bbd-02550-align-buttons button{min-height:44px!important;font-size:13px!important;}}


/* END assets/css/editor-02550-safe-align.css */

/* START assets/css/editor-02551-print-preflight.css */
/* v0.25.51: scoped, non-intrusive production preflight facts. */

.bbd-02551-preflight-facts{margin:12px 0 8px;padding:12px;border:1px solid #dbe7e6;background:#f7fbfa;border-radius:12px;color:#203d3b}

.bbd-02551-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}

.bbd-02551-facts-grid>div{min-width:0;display:grid;gap:4px}

.bbd-02551-facts-grid small{font-size:11px;line-height:1.35;color:#5b7573}

.bbd-02551-facts-grid strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}

.bbd-02551-facts-note,.bbd-02551-compact-note{font-size:11px!important;line-height:1.6!important;color:#546663!important;max-width:100%;overflow-wrap:anywhere}

.bbd-02551-facts-note{margin:12px 0 0;padding-top:10px;border-top:1px solid #dce7e5}

.bbd-02551-compact-note{margin:5px 0 10px}

@media(max-width:420px){.bbd-02551-facts-grid{grid-template-columns:1fr 1fr;gap:8px}}


/* END assets/css/editor-02551-print-preflight.css */

/* START assets/css/editor-02552-stretch-dock.css */
/* v0.25.52: Docked editor inspector, never painted above the artwork.

 * Intentional narrow selectors are stronger than historical absolute overlay !important rules.

 */

/* v0.25.53 moves docking into a permanently reserved right rail.

   All text-stretching styles below remain active. */

/* Text stretching never affects image/font-size settings or product print model. */

.bbd-02552-text-stretch{display:grid!important;gap:8px!important;padding:10px!important;

  background:#f5faf8!important;border:1px solid #cde5dc!important;border-radius:11px!important;color:#243b35!important}

.bbd-02552-text-stretch[hidden]{display:none!important}

.bbd-02552-text-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important}

.bbd-02552-text-title strong{font-size:12px!important;color:#17463c!important}

.bbd-02552-text-title span{font-size:10px!important;color:#4b7165!important}

.bbd-02552-text-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}

.bbd-02552-text-grid label{display:grid!important;gap:5px!important;font-size:11px!important;color:#385d55!important;font-weight:700!important}

.bbd-02552-text-grid input{width:100%!important;min-width:0!important;height:35px!important;padding:7px 8px!important;

  border:1px solid #c5dad4!important;background:white!important;border-radius:8px!important;color:#162e2a!important;font-size:13px!important}

.bbd-02552-text-grid input:focus-visible{outline:3px solid rgba(12,126,104,.25)!important;outline-offset:1px!important}

.bbd-02552-text-stretch small{font-size:10px!important;line-height:1.5!important;color:#4f6d64!important}

.bbd-02552-text-stretch output{font-size:10px!important;line-height:1.4!important;color:#16785e!important}

.bbd-02552-text-stretch output[data-error="yes"]{color:#ba2a19!important}

/* Improve readability without translucency, which would impair forms and artwork review. */

.bbd-v2349-inspector__head strong{font-size:14px!important}

.bbd-v2349-inspector__body{gap:11px!important}

.bbd-v2349-inspector .bbd-v2349-field>span,.bbd-v2349-inspector .bbd-v2349-grid label>span{

  font-size:11px!important;color:#526771!important}

.bbd-v2349-inspector .bbd-v2349-field input[type="text"],

.bbd-v2349-inspector .bbd-v2349-field textarea,

.bbd-v2349-inspector .bbd-v2349-grid input[type="number"]{font-size:13px!important}


/* END assets/css/editor-02552-stretch-dock.css */

/* START assets/css/editor-02553-stable-rail.css */
/* Baskibu Designer v0.25.53 — stable dock + artboard-bound ruler end labels.

 * An always-reserved space means selection/inspector visibility NEVER changes the

 * working canvas width. This stylesheet loads on all desktop editor states.

 * No change to print, export, product preview, or saved object geometry.

 */

@media (min-width:1180px) {

  .bbd-app.bbd-shell-v0161:not(.is-preview-mode) .bbd-stage-area {

    --bbd-02553-rail-width: 304px;

    box-sizing:border-box!important;

    position:relative!important;

    padding-right:calc(var(--bbd-02553-rail-width) + 8px)!important;

    grid-template-columns:minmax(0,1fr)!important;

    min-width:0!important;

  }

  .bbd-app.bbd-shell-v0161:not(.is-preview-mode) .bbd-stage-area > .bbd-canvas-shell {

    grid-column:1!important;

    min-width:0!important;

    max-width:100%!important;

  }

  /* Subtle always-present rail, including when nothing is selected. */

  .bbd-app.bbd-shell-v0161:not(.is-preview-mode) .bbd-stage-area::after {

    content:'ÖĞE ÖZELLİKLERİ  ·  Düzenlemek için bir nesne seçin';

    position:absolute!important;

    box-sizing:border-box!important;

    top:14px!important;

    right:10px!important;

    width:294px!important;

    min-height:76px!important;

    padding:19px 15px!important;

    color:#64748b!important;

    background:rgba(255,255,255,.7)!important;

    border:1px solid #e2e8ed!important;

    border-radius:14px!important;

    font-size:11px!important;

    line-height:1.65!important;

    pointer-events:none!important;

    z-index:1!important;

  }

  .bbd-app.bbd-shell-v0161:not(.is-preview-mode) .bbd-stage-area > .bbd-v2349-inspector:not([hidden]) {

    /* Overlay only the reserved rail, NEVER the artwork and NEVER the stage grid. */

    display:block!important;

    position:absolute!important;

    top:14px!important;

    right:10px!important;

    left:auto!important;

    bottom:auto!important;

    inset:auto 10px auto auto!important;

    width:294px!important;

    min-width:0!important;

    max-width:294px!important;

    max-height:calc(100% - 28px)!important;

    height:auto!important;

    margin:0!important;

    overflow-y:auto!important;

    overflow-x:hidden!important;

    box-sizing:border-box!important;

    z-index:9600!important;

    transform:none!important;

    transition:none!important;

  }

  /* Uncollapse the section within its OWN fixed rail, never resize the canvas. */

  .bbd-app.bbd-shell-v0161:not(.is-preview-mode) .bbd-v2349-inspector[data-bbd-02550-collapsed="yes"] {

    width:294px!important;

  }

}

/* Below this breakpoint, keep existing mobile/sheet controls without empty rail. */

@media (max-width:1179px) {

  .bbd-app.bbd-shell-v0161 .bbd-stage-area {padding-right:8px!important;}

}

/* The last mark is exactly on the artboard edge, but its TEXT must be

 * inside that edge. Fixes 150 cm at the lower boundary / cut-off on 100x150. */

.bbd-app .bbd-02549-exact-rulers .bbd-clean-ruler.is-vertical .bbd-02549-ruler-end span {

  position:absolute!important;

  top:-16px!important;

  bottom:auto!important;

  left:9px!important;

  right:auto!important;

  margin:0!important;

  white-space:nowrap!important;

}

.bbd-app .bbd-02549-exact-rulers .bbd-clean-ruler.is-horizontal .bbd-02549-ruler-end span {

  position:absolute!important;

  left:-23px!important;

  right:auto!important;

  bottom:9px!important;

  white-space:nowrap!important;

}

/* Avoid scrollbar-induced width hops while inspector content changes. */

.bbd-app .bbd-v2349-inspector{scrollbar-gutter:stable!important}


/* END assets/css/editor-02553-stable-rail.css */

/* START assets/css/editor-02554-mobile-workspace.css */
/* 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;}

}


/* END assets/css/editor-02554-mobile-workspace.css */

/* START assets/css/editor-02555-mobile-pro.css */
/* 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;

  }

}


/* END assets/css/editor-02555-mobile-pro.css */

/* START assets/css/editor-02556-final-polish.css */
/* BASKIBU Designer v0.25.56 — isolated visual corrections. */

/* Preserve the full template count text at desktop inspector widths. */

@media(min-width:1025px){

 .bbd-app #bbd-panel [data-panel-content="templates"] > .bbd-template-context {

   height:auto!important; min-height:0!important; max-height:none!important;

   overflow:visible!important; display:grid!important; gap:3px!important;

   padding:10px 12px!important;

 }

 .bbd-app #bbd-panel [data-panel-content="templates"] > .bbd-template-context strong,

 .bbd-app #bbd-panel [data-panel-content="templates"] > .bbd-template-context span {

   display:block!important; overflow:visible!important; height:auto!important;

   max-height:none!important; white-space:normal!important;

   text-overflow:clip!important; line-height:1.45!important;

 }

}

/* Print preview stays unchanged; only this final review PNG has transparent cutouts. */

.bbd-dialog__preview.bbd-02556-shaped-review img{

 object-fit:contain!important; background:transparent!important;

}

.bbd-dialog__preview.bbd-02556-shaped-review{

 background:linear-gradient(135deg,#f7f9fc,#edf2f7)!important;

}

/* Show upload guidance below the file-select control instead of in the tall card. */

#bbd-panel [data-panel-content="image"] #bbd-upload-help.bbd-02556-upload-help{

 display:block!important; margin:6px 2px 0!important;

 font-size:11px!important;line-height:1.5!important;color:#64748b!important;

}


/* END assets/css/editor-02556-final-polish.css */

/* START assets/css/editor-02557-text-free-scale.css */
/* BASKIBU Designer v0.25.59 - manual-only independent text resize.

   Prior 0.25.58 numeric controls are intentionally no longer rendered.

   Do not show the old 0.25.52 numeric panel either.

*/

.bbd-v2349-inspector [data-bbd-02552-text],

.bbd-v2349-inspector [data-bbd-02557-scale]{display:none!important}



/* Responsive upload card: never pack label + action into one narrow row.

   Keep the existing keyboard/click/drop behaviors and the descriptive help

   moved *below* the upload zone by editor-02556-final-polish.js.

*/

.bbd-app.bbd-pro-workspace-v02353 #bbd-panel [data-panel-content="image"]

#bbd-upload-dropzone.bbd-v81-upload-card,

.bbd-app.bbd-pro-workspace-v02353 #bbd-panel [data-panel-content="image"]

#bbd-upload-dropzone.bbd-v91-upload-card{

  display:grid!important;

  box-sizing:border-box!important;

  grid-template-columns:44px minmax(0,1fr)!important;

  grid-template-rows:auto auto!important;

  grid-auto-flow:row!important;

  align-items:center!important;

  justify-content:stretch!important;

  gap:10px!important;

  width:100%!important;

  min-width:0!important;

  min-height:124px!important;

  height:auto!important;

  padding:14px!important;

}

.bbd-app.bbd-pro-workspace-v02353 #bbd-panel #bbd-upload-dropzone .bbd-v81-upload-card__icon{

  grid-column:1!important;

  grid-row:1!important;

  width:44px!important;

  height:44px!important;

  min-width:0!important;

}

.bbd-app.bbd-pro-workspace-v02353 #bbd-panel #bbd-upload-dropzone .bbd-v81-upload-card__copy{

  grid-column:2!important;

  grid-row:1!important;

  min-width:0!important;

  width:auto!important;

  overflow:visible!important;

  text-align:left!important;

}

.bbd-app.bbd-pro-workspace-v02353 #bbd-panel #bbd-upload-dropzone .bbd-v81-upload-card__copy strong{

  display:block!important;

  max-width:100%!important;

  white-space:normal!important;

  overflow-wrap:break-word!important;

  line-height:1.32!important;

  font-size:14px!important;

}

.bbd-app.bbd-pro-workspace-v02353 #bbd-panel #bbd-upload-dropzone .bbd-v81-upload-card__action{

  display:flex!important;

  grid-column:1/-1!important;

  grid-row:2!important;

  justify-self:stretch!important;

  align-self:center!important;

  align-items:center!important;

  justify-content:center!important;

  position:static!important;

  inset:auto!important;

  transform:none!important;

  min-width:0!important;

  width:100%!important;

  height:40px!important;

  min-height:40px!important;

  padding:0 12px!important;

  margin:0!important;

  box-sizing:border-box!important;

  white-space:nowrap!important;

}

.bbd-app #bbd-panel [data-panel-content="image"] #bbd-upload-help.bbd-02556-upload-help{

  display:block!important;

  width:100%!important;

  height:auto!important;

  max-height:none!important;

  overflow-wrap:break-word!important;

  margin:8px 2px 0!important;

  font-size:11px!important;

  line-height:1.45!important;

}


/* END assets/css/editor-02557-text-free-scale.css */

/* START assets/css/editor-02560-custom-size-bridge.css */
/* v0.25.60: built into the existing product options panel. */
.bbd-02560-custom-size{margin:14px 0 0;padding:13px 12px;background:#f8fafb;border:1px solid #dce6ea;border-radius:13px;display:grid;gap:11px;box-sizing:border-box}
.bbd-02560-custom-size__title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#22344b}
.bbd-02560-custom-size__title span{color:#688093;font-weight:700;font-size:11px}
.bbd-02560-custom-size__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0}
.bbd-02560-custom-size__fields label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#43546b;min-width:0}
.bbd-02560-custom-size__fields input{width:100%;min-width:0;box-sizing:border-box;padding:10px 9px;min-height:42px;border:1px solid #c9d6dd;border-radius:9px;background:#fff;color:#172a40;font-size:15px;font-weight:750;text-align:left;outline-offset:2px;font-variant-numeric:tabular-nums}
.bbd-02560-custom-size__fields input:focus{border-color:#008775;outline:2px solid #b4e9e1}
.bbd-02560-custom-size__apply{width:100%;min-height:42px;border:0;border-radius:9px;background:#008775;color:#fff;font-weight:800;cursor:pointer;font-size:13px}
.bbd-02560-custom-size__apply:hover{background:#007566}
.bbd-02560-custom-size__apply:disabled{opacity:.65;cursor:progress}
.bbd-02560-custom-size__feedback{margin:0;font-size:11px;line-height:1.45;color:#688093}
.bbd-02560-custom-size__feedback[data-state="success"]{color:#087253;font-weight:700}
.bbd-02560-custom-size__feedback[data-state="error"]{color:#b72e39;font-weight:700}
.bbd-02560-custom-size__feedback[data-state="busy"]{color:#355878}
@media(max-width:480px){.bbd-02560-custom-size{padding:11px 10px;margin-top:10px}.bbd-02560-custom-size__fields{gap:7px}.bbd-02560-custom-size__fields input{font-size:16px}}

/* END assets/css/editor-02560-custom-size-bridge.css */

/* START assets/css/editor-02561-apple-ui.css */
/* Baskibu Designer v0.25.61 | Apple-inspired professional workspace
 * Editor chrome only. Artboard sizes, Fabric canvas transforms, ruler, print
 * masks, commerce widgets and WooCommerce events are deliberately untouched.
 */
.bbd-app.bbd-apple-ui-v02561{
  --bbd-apple-surface:#fff;
  --bbd-apple-panel:#f8f9fb;
  --bbd-apple-canvas:#e9edf2;
  --bbd-apple-line:#e2e6ec;
  --bbd-apple-text:#172435;
  --bbd-apple-sub:#65758a;
  --bbd-apple-accent:#008b78;
  --bbd-apple-accent-soft:#e7f6f2;
  --bbd-apple-radius:15px;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",sans-serif;
  color:var(--bbd-apple-text);
  -webkit-font-smoothing:antialiased;
}
/* Frosted header, without changing save-button operation or workspace size. */
.bbd-app.bbd-apple-ui-v02561 .bbd-topbar{
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(177,188,201,.34)!important;
  box-shadow:0 2px 14px rgba(25,40,57,.045)!important;
  -webkit-backdrop-filter:saturate(160%) blur(16px);
  backdrop-filter:saturate(160%) blur(16px);
}
.bbd-app.bbd-apple-ui-v02561 .bbd-topbar .bbd-icon-button{
  border:1px solid transparent!important;
  background:transparent!important;
  color:#46576d!important;
  border-radius:12px!important;
  box-shadow:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
.bbd-app.bbd-apple-ui-v02561 .bbd-topbar .bbd-icon-button:hover:not(:disabled){
  background:#eff2f6!important;
  border-color:#e2e6ed!important;
  color:#172435!important;
  transform:translateY(-1px);
}
.bbd-app.bbd-apple-ui-v02561 .bbd-topbar .bbd-icon-button:active:not(:disabled){transform:scale(.97)}
.bbd-app.bbd-apple-ui-v02561 .bbd-topbar .bbd-icon-button:disabled{opacity:.42!important;cursor:not-allowed}
.bbd-app.bbd-apple-ui-v02561 .bbd-zoom-controls{
  background:#f2f4f7!important;
  border:1px solid #e6e9ef!important;
  border-radius:13px!important;
  padding:2px!important;
  box-shadow:none!important;
}
.bbd-app.bbd-apple-ui-v02561 #bbd-zoom-value{font-variant-numeric:tabular-nums;color:#26384b;font-weight:650}
.bbd-app.bbd-apple-ui-v02561 #bbd-save{
  border:1px solid #00816e!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#079982 0%,#008675 100%)!important;
  color:#fff!important;
  box-shadow:0 3px 8px rgba(0,133,114,.15)!important;
  font-weight:700!important;
  letter-spacing:-.012em!important;
  transition:background .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.bbd-app.bbd-apple-ui-v02561 #bbd-save:hover:not(:disabled){
  background:linear-gradient(180deg,#0aab92,#008675)!important;
  box-shadow:0 5px 13px rgba(0,133,114,.23)!important;
  transform:translateY(-1px);
}
.bbd-app.bbd-apple-ui-v02561 .bbd-save-state{
  background:#f7f9fb!important;
  border:1px solid #e9edf1!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
/* Tool rail: quiet, compact icon tiles with a confident active state. */
.bbd-app.bbd-apple-ui-v02561 .bbd-sidebar{
  background:#fbfcfe!important;
  border-right:1px solid var(--bbd-apple-line)!important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.8)!important;
}
.bbd-app.bbd-apple-ui-v02561 .bbd-sidebar .bbd-tool:not([hidden]){
  border-radius:13px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#53667d!important;
  box-shadow:none!important;
  transition:background .16s ease,color .16s ease,transform .16s ease,border-color .16s ease!important;
}
.bbd-app.bbd-apple-ui-v02561 .bbd-sidebar .bbd-tool:hover:not(:disabled){
  background:#f0f3f7!important;
  color:#1b3049!important;
  transform:translateY(-1px);
}
.bbd-app.bbd-apple-ui-v02561 .bbd-sidebar .bbd-tool.is-active,
.bbd-app.bbd-apple-ui-v02561 .bbd-sidebar .bbd-tool[aria-current="page"]{
  color:#007d6b!important;
  background:var(--bbd-apple-accent-soft)!important;
  border-color:#c6e9df!important;
  box-shadow:inset 0 0 0 1px rgba(0,139,120,.04)!important;
}
.bbd-app.bbd-apple-ui-v02561 .bbd-sidebar .bbd-tool span{
  font-weight:650!important;
  letter-spacing:-.02em!important;
}
/* Workspace panels: airy but stay within existing fixed layout rails. */
.bbd-app.bbd-apple-ui-v02561 #bbd-panel{
  background:#fbfcfd!important;
  border-right:1px solid #e3e8ee!important;
  box-shadow:1px 0 10px rgba(17,32,50,.025)!important;
}
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-panel-heading h2{
  letter-spacing:-.035em!important;
  font-weight:740!important;
  color:#172435!important;
}
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-panel-heading span,
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-help{color:var(--bbd-apple-sub)!important}
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-product-identity,
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-v53-options,
.bbd-app.bbd-apple-ui-v02561 #bbd-panel [data-bbd-v53-options],
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-upload-card{
  border-radius:var(--bbd-apple-radius)!important;
  border-color:#e3e8ed!important;
  box-shadow:0 1px 3px rgba(15,23,42,.035)!important;
}
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-product-flow-actions button,
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-action-card,
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-upload-tabs button,
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-inline-actions button{
  border-radius:11px!important;
  font-weight:650!important;
  letter-spacing:-.01em!important;
  transition:background .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-v81-options-shell{gap:12px!important}
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-v81-group{
  min-width:0!important;
  border:1px solid #e3e8ee!important;
  background:#fff!important;
  border-radius:15px!important;
  padding:12px!important;
  box-shadow:0 2px 8px rgba(12,32,48,.025)!important;
}
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-v81-group__head{
  border-radius:11px!important;
  margin:0 0 12px!important;
  color:#23384c!important;
}
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-v81-group__head strong{
  text-transform:none!important;
  letter-spacing:-.018em!important;
  font-size:13px!important;
  font-weight:730!important;
  color:#32485b!important;
}
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-02561-size-summary{
  display:block;
  margin:4px 0 0;
  font-size:14px;
  line-height:1.3;
  letter-spacing:-.015em;
  color:#00816f;
  font-weight:740;
  font-variant-numeric:tabular-nums;
}
/* Preset size buttons: soft iOS-like press feedback, never a CSS fake selection. */
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-v81-group__grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-v81-option{
  min-height:46px!important;
  padding:10px 7px!important;
  border:1px solid #dfe5eb!important;
  border-radius:12px!important;
  color:#314258!important;
  background:linear-gradient(180deg,#fff,#fcfdff)!important;
  box-shadow:0 1px 2px rgba(11,32,50,.025)!important;
  font-size:14px!important;
  font-weight:680!important;
  letter-spacing:-.018em!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-v81-option:hover:not(:disabled){
  border-color:#a5b9c5!important;
  background:#f7fafb!important;
  transform:translateY(-1px);
}
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-v81-option:active:not(:disabled){transform:scale(.98)}
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-v81-option.is-selected,
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-v81-option[aria-pressed="true"]{
  border-color:#16a28c!important;
  background:#eaf8f3!important;
  color:#007965!important;
  box-shadow:0 0 0 2px rgba(0,143,118,.1)!important;
}
/* One native special-size form: restrained grouped inputs with a clear CTA. */
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-02560-custom-size{
  margin-top:12px!important;
  padding:13px!important;
  border:1px solid #e2e8ee!important;
  border-radius:13px!important;
  background:#f7f9fb!important;
  box-shadow:none!important;
}
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-02560-custom-size__title strong{
  font-size:13px!important;
  letter-spacing:-.02em!important;
  font-weight:720!important;
}
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-02560-custom-size__fields input,
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-field input:not([type="checkbox"]):not([type="radio"]),
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-field select,
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-field textarea{
  border-radius:11px!important;
  border:1px solid #dbe3e9!important;
  background:#fff!important;
  color:#1d3349!important;
  box-shadow:0 1px 2px rgba(21,38,56,.025)!important;
}
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-02560-custom-size__fields input:focus,
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-field input:focus,
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-field select:focus{
  border-color:#079c86!important;
  outline:2px solid rgba(0,157,128,.18)!important;
  outline-offset:1px!important;
}
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-02560-custom-size__apply{
  border-radius:11px!important;
  min-height:43px!important;
  font-weight:740!important;
  background:#008e79!important;
  box-shadow:0 2px 7px rgba(0,142,121,.12)!important;
}
.bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-02560-custom-size__apply:hover:not(:disabled){background:#007c6b!important}
/* Right-hand inspector chrome, no modifications to its selection or dimensions. */
.bbd-app.bbd-apple-ui-v02561 #bbd-inspector,
.bbd-app.bbd-apple-ui-v02561 .bbd-v2349-inspector{
  background:#fbfcfd!important;
  border-color:#e3e8ef!important;
  color:#2e4053!important;
}
.bbd-app.bbd-apple-ui-v02561 .bbd-inspector-section,
.bbd-app.bbd-apple-ui-v02561 .bbd-v2349-inspector [class*="card"]{
  border-radius:13px!important;
  border-color:#e5eaf0!important;
}
/* Safe keyboard focus indicators; respect keyboard users and motion preferences. */
.bbd-app.bbd-apple-ui-v02561 :is(.bbd-tool,.bbd-v81-option,.bbd-icon-button,#bbd-save,.bbd-02560-custom-size__apply):focus-visible{
  outline:3px solid rgba(0,146,122,.38)!important;
  outline-offset:2px!important;
}
@media(max-width:1024px){
  /* The existing mobile drawer and canvas logic retain full control. */
  .bbd-app.bbd-apple-ui-v02561 .bbd-sidebar .bbd-tool:not([hidden]){border-radius:12px!important}
  .bbd-app.bbd-apple-ui-v02561 .bbd-topbar .bbd-icon-button{transform:none!important}
  .bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-v81-option{min-height:45px!important}
}
@media(max-width:480px){
  .bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-v81-group{padding:10px!important;border-radius:13px!important}
  .bbd-app.bbd-apple-ui-v02561 #bbd-panel .bbd-v81-option{font-size:13px!important}
  .bbd-app.bbd-apple-ui-v02561 .bbd-zoom-controls{padding:1px!important}
}
@media(prefers-reduced-motion:reduce){
  .bbd-app.bbd-apple-ui-v02561 :is(.bbd-tool,.bbd-v81-option,.bbd-icon-button,#bbd-save,.bbd-02560-custom-size__apply){transition:none!important;animation:none!important;transform:none!important}
}
/* macOS-style segmented Design / Product Preview picker. */
.bbd-app.bbd-apple-ui-v02561 .bbd-workspace-mode-tabs{
  min-height:38px!important;
  gap:2px!important;
  padding:3px!important;
  border:1px solid #e0e5ec!important;
  border-radius:13px!important;
  background:#f0f2f5!important;
  box-shadow:inset 0 1px 2px rgba(24,42,61,.035)!important;
}
.bbd-app.bbd-apple-ui-v02561 .bbd-workspace-mode-tabs button{
  min-height:32px!important;
  padding:6px 13px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  color:#53647a!important;
  font-weight:670!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:background .16s ease,box-shadow .16s ease,color .16s ease!important;
}
.bbd-app.bbd-apple-ui-v02561 .bbd-workspace-mode-tabs button.is-active,
.bbd-app.bbd-apple-ui-v02561 .bbd-workspace-mode-tabs button[aria-selected="true"]{
  border-color:#e3e7ec!important;
  background:#fff!important;
  color:#007a68!important;
  box-shadow:0 1px 4px rgba(16,31,51,.11)!important;
}
.bbd-app.bbd-apple-ui-v02561 .bbd-more-menu>summary{
  border:1px solid #e0e5ec!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#42566e!important;
  box-shadow:0 1px 3px rgba(15,23,42,.045)!important;
}
.bbd-app.bbd-apple-ui-v02561 .bbd-more-menu[open]>summary,
.bbd-app.bbd-apple-ui-v02561 .bbd-more-menu>summary:hover{
  background:#f0f4f7!important;
  color:#1b344b!important;
}
.bbd-app.bbd-apple-ui-v02561 .bbd-more-menu__content{
  border:1px solid #e0e5eb!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(12,28,48,.13)!important;
}

/* END assets/css/editor-02561-apple-ui.css */

/* START assets/css/editor-02562-brand-navy-yellow.css */
/* Baskibu Designer v0.25.62 — Baskibu navy × yellow brand refinement.
 * Visual only: no DOM position, editor geometry, artboard, production guides,
 * price/configurator logic, canvas object colors or template artwork changes.
 * Apple-like neutral surfaces and interaction behavior are retained.
 */
.bbd-app.bbd-brand-ui-v02562 {
  --bbd-apple-accent:#142246;
  --bbd-apple-accent-soft:#fff7dc;
  --bbd-brand-navy:#111e3e;
  --bbd-brand-navy-hover:#263963;
  --bbd-brand-yellow:#ffcf24;
  --bbd-brand-yellow-hover:#f3bf08;
  --bbd-brand-yellow-soft:#fff7dc;
  --bbd-brand-ink:#182743;
  --bbd-brand-line:#e2e7ee;
  color:var(--bbd-brand-ink);
}
/* Utility actions and menu bar are white/neutral; logo still leads the identity. */
.bbd-app.bbd-brand-ui-v02562 .bbd-topbar .bbd-icon-button:hover:not(:disabled),
.bbd-app.bbd-brand-ui-v02562 .bbd-more-menu>summary:hover,
.bbd-app.bbd-brand-ui-v02562 .bbd-more-menu[open]>summary {
  background:#f0f3f8!important;
  color:var(--bbd-brand-navy)!important;
}
.bbd-app.bbd-brand-ui-v02562 .bbd-workspace-mode-tabs button.is-active,
.bbd-app.bbd-brand-ui-v02562 .bbd-workspace-mode-tabs button[aria-selected="true"] {
  background:#fff8e4!important;
  color:var(--bbd-brand-navy)!important;
  border-color:#f1d78b!important;
  box-shadow:0 1px 4px rgba(20,30,61,.10)!important;
}
/* Main save CTA: primary Baskibu navy, fine yellow leading accent. */
.bbd-app.bbd-brand-ui-v02562 #bbd-save {
  background:var(--bbd-brand-navy)!important;
  border-color:var(--bbd-brand-navy)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 var(--bbd-brand-yellow),0 3px 10px rgba(17,30,62,.16)!important;
}
.bbd-app.bbd-brand-ui-v02562 #bbd-save:hover:not(:disabled) {
  background:var(--bbd-brand-navy-hover)!important;
  border-color:var(--bbd-brand-navy-hover)!important;
  box-shadow:inset 3px 0 0 var(--bbd-brand-yellow),0 5px 14px rgba(17,30,62,.20)!important;
}
/* Rail: navy selection + yellow icon, white labels remain accessible. */
.bbd-app.bbd-brand-ui-v02562 .bbd-sidebar .bbd-tool.is-active,
.bbd-app.bbd-brand-ui-v02562 .bbd-sidebar .bbd-tool[aria-current="page"] {
  background:var(--bbd-brand-navy)!important;
  border-color:var(--bbd-brand-navy)!important;
  color:#fff!important;
  box-shadow:0 3px 9px rgba(17,30,62,.12)!important;
}
.bbd-app.bbd-brand-ui-v02562 .bbd-sidebar .bbd-tool.is-active svg,
.bbd-app.bbd-brand-ui-v02562 .bbd-sidebar .bbd-tool[aria-current="page"] svg {
  color:var(--bbd-brand-yellow)!important;
  stroke:currentColor!important;
}
.bbd-app.bbd-brand-ui-v02562 .bbd-sidebar .bbd-tool:not(.is-active):not([aria-current="page"]):hover:not(:disabled) {
  background:#fff7e5!important;
  color:var(--bbd-brand-navy)!important;
}
.bbd-app.bbd-brand-ui-v02562 .bbd-sidebar-active-indicator {
  background:var(--bbd-brand-yellow)!important;
  border-color:var(--bbd-brand-yellow)!important;
}
/* Panel headings, price and option surfaces. */
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-panel-heading h2,
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-v81-group__head strong,
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-02560-custom-size__title strong {
  color:var(--bbd-brand-navy)!important;
}
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-02561-size-summary {
  color:var(--bbd-brand-navy)!important;
}
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-v81-option {
  border-color:#dfe5ef!important;
  color:#243455!important;
}
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-v81-option:hover:not(:disabled) {
  border-color:#eac560!important;
  background:#fffaf0!important;
}
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-v81-option.is-selected,
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-v81-option[aria-pressed="true"] {
  border-color:#e3b528!important;
  background:var(--bbd-brand-yellow-soft)!important;
  color:var(--bbd-brand-navy)!important;
  box-shadow:0 0 0 2px rgba(255,207,36,.18)!important;
}
/* Custom dimensions: yellow is an intentional action, not system status. */
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-02560-custom-size__apply {
  background:var(--bbd-brand-yellow)!important;
  color:var(--bbd-brand-navy)!important;
  border:1px solid #ecc026!important;
  box-shadow:0 2px 7px rgba(137,106,0,.12)!important;
}
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-02560-custom-size__apply:hover:not(:disabled) {
  background:var(--bbd-brand-yellow-hover)!important;
  border-color:#e6b908!important;
}
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-02560-custom-size__fields input:focus,
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-field input:focus,
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-field select:focus {
  border-color:#d8ab19!important;
  outline:2px solid rgba(255,207,36,.34)!important;
}
/* Product-panel preview CTA and primary quick actions. */
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-product-flow-actions .is-primary,
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-product-flow-actions .is-secondary,
.bbd-app.bbd-brand-ui-v02562 #bbd-panel [data-bbd-product-action="preview"] {
  background:var(--bbd-brand-navy)!important;
  color:#fff!important;
  border-color:var(--bbd-brand-navy)!important;
  box-shadow:0 2px 7px rgba(17,30,62,.10)!important;
}
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-product-flow-actions .is-primary:hover:not(:disabled),
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-product-flow-actions .is-secondary:hover:not(:disabled) {
  background:var(--bbd-brand-navy-hover)!important;
}
/* Generic UI selections: only editor chrome, not individual user designs. */
.bbd-app.bbd-brand-ui-v02562 #bbd-panel :is(.bbd-action-card,.bbd-upload-tabs button,.bbd-inline-actions button).is-active,
.bbd-app.bbd-brand-ui-v02562 #bbd-panel :is(.bbd-action-card,.bbd-upload-tabs button,.bbd-inline-actions button)[aria-selected="true"] {
  border-color:#eac958!important;
  background:var(--bbd-brand-yellow-soft)!important;
  color:var(--bbd-brand-navy)!important;
}
.bbd-app.bbd-brand-ui-v02562 :is(.bbd-tool,.bbd-v81-option,.bbd-icon-button,#bbd-save,.bbd-02560-custom-size__apply):focus-visible {
  outline:3px solid rgba(255,207,36,.65)!important;
  outline-offset:2px!important;
}
/* Never recolor: green "Kaydedildi"/"Kalite 100" status, red/green bleed guides,
 * inline artwork colors, swatches, safety messages. Those are semantic values.
 */
@media (prefers-reduced-motion:reduce) {
  .bbd-app.bbd-brand-ui-v02562 #bbd-save,
  .bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-02560-custom-size__apply {
    transition:none!important;transform:none!important;
  }
}

/* END assets/css/editor-02562-brand-navy-yellow.css */

/* START assets/css/editor-02563-logo-unified.css */
/* Baskibu Designer 0.25.63 — brand identity consistency.
   Mirrors Baskibu.com's current logo presentation without altering image bits.
   Only editor UI chrome is affected: never recolor user art, print guides, status.
*/
.bbd-app.bbd-logo-unified-v02563 {
  --bbd-ui-navy: #101c40;
  --bbd-ui-yellow: #ffcc00;
  --bbd-ui-yellow-soft: #fff8d9;
  --bbd-ui-outline: #eed16a;
}
/* Logo image is provided by WordPress custom_logo via Settings::brand().
   Add the matching site's tagline on desktop, not inside the image file. */
.bbd-app.bbd-logo-unified-v02563 .bbd-topbar .bbd-brand-slot:has(img) {
  min-height: 44px !important;
  min-width: 130px !important;
  padding: 4px 8px 3px !important;
  border: 1px solid #e6eaf1 !important;
  border-radius: 11px !important;
  background: #fff !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1px !important;
  box-sizing: border-box !important;
}
.bbd-app.bbd-logo-unified-v02563 .bbd-topbar .bbd-brand-slot:has(img) img {
  display: block !important;
  width: auto !important;
  max-width: 122px !important;
  height: 26px !important;
  max-height: 26px !important;
  object-fit: contain !important;
}
.bbd-app.bbd-logo-unified-v02563 .bbd-topbar .bbd-brand-slot:has(img)::after {
  content: 'ONLINE BASKI MERKEZİ';
  color: #68768b;
  font-weight: 850;
  font-size: 6.5px;
  letter-spacing: .045em;
  line-height: 1;
  white-space: nowrap;
}
/* Navigation selected state: includes all current panel switching patterns. */
.bbd-app.bbd-logo-unified-v02563 .bbd-sidebar button.bbd-tool:is(.is-active,[aria-current="page"],[aria-selected="true"]) {
  background: var(--bbd-ui-navy) !important;
  border-color: var(--bbd-ui-navy) !important;
  color: #fff !important;
  box-shadow: 0 3px 10px rgba(16,28,64,.13) !important;
}
.bbd-app.bbd-logo-unified-v02563 .bbd-sidebar button.bbd-tool:is(.is-active,[aria-current="page"],[aria-selected="true"]) svg {
  stroke: var(--bbd-ui-yellow) !important;
  color: var(--bbd-ui-yellow) !important;
}
.bbd-app.bbd-logo-unified-v02563 .bbd-sidebar button.bbd-tool:not(.is-active):not([aria-current="page"]):hover:not(:disabled) {
  background: var(--bbd-ui-yellow-soft) !important;
  color: var(--bbd-ui-navy) !important;
}
/* Current real-estate portrait/landscape toggle was green in v0.25.62.
   Selector matches actual dynamically created .bbd-re-orientation buttons. */
.bbd-app.bbd-logo-unified-v02563 .bbd-re-orientation__seg button[aria-pressed="true"] {
  background: var(--bbd-ui-navy) !important;
  color: var(--bbd-ui-yellow) !important;
  border-color: var(--bbd-ui-navy) !important;
  box-shadow: 0 2px 6px rgba(16,28,64,.14) !important;
}
.bbd-app.bbd-logo-unified-v02563 .bbd-re-orientation__seg button:hover:not([aria-pressed="true"]):not(:disabled) {
  background: var(--bbd-ui-yellow-soft) !important;
  color: var(--bbd-ui-navy) !important;
}
/* Header action: key CTA navy instead of the previously visible green. */
.bbd-app.bbd-logo-unified-v02563 .bbd-topbar button#bbd-save.bbd-primary-button,
.bbd-app.bbd-logo-unified-v02563 .bbd-topbar #bbd-save {
  background: var(--bbd-ui-navy) !important;
  background-color: var(--bbd-ui-navy) !important;
  border-color: var(--bbd-ui-navy) !important;
  color: #fff !important;
  box-shadow: inset 3px 0 var(--bbd-ui-yellow), 0 2px 9px rgba(16,28,64,.15) !important;
}
.bbd-app.bbd-logo-unified-v02563 .bbd-topbar button#bbd-save:hover:not(:disabled) {
  background: #25355e !important;
  border-color: #25355e !important;
}
/* Preserve success-green status badges: Kalite 100, Kaydedildi.
   Preserve editor bleed/safe-area red and green; those convey function. */
@media (max-width: 767px) {
  .bbd-app.bbd-logo-unified-v02563 .bbd-topbar .bbd-brand-slot:has(img) {
    min-width: 0 !important;
    min-height: 33px !important;
    padding: 3px 5px !important;
  }
  .bbd-app.bbd-logo-unified-v02563 .bbd-topbar .bbd-brand-slot:has(img) img {
    max-width: 100px !important;
    height: 24px !important;
  }
  .bbd-app.bbd-logo-unified-v02563 .bbd-topbar .bbd-brand-slot:has(img)::after {
    content: none;
  }
}

/* END assets/css/editor-02563-logo-unified.css */

/* START assets/css/editor-02564-finder-ui.css */
/* BASKIBU Designer 0.25.64 — Finder-level refinement.
   Visual chrome exclusively. Canvas, art/template swatches, production guides,
   UI structure, dimensions, sizing and commerce JS are intentionally unchanged.
*/
.bbd-app.bbd-finder-ui-v02564 {
 --bbd-finder-ink:#162443;
 --bbd-finder-muted:#718096;
 --bbd-finder-navy:#15254a;
 --bbd-finder-yellow:#ffcf24;
 --bbd-finder-surface:#f5f7fa;
 --bbd-finder-line:#e4e8ef;
 --bbd-finder-ring:rgba(255,207,36,.46);
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif!important;
 -webkit-font-smoothing:antialiased;
}
/* Finder-esque chrome, no layout or canvas width changes */
.bbd-app.bbd-finder-ui-v02564 .bbd-topbar {
 background:rgba(253,254,255,.95)!important;
 border-bottom:1px solid #e1e7ef!important;
 box-shadow:0 1px 0 rgba(255,255,255,.94),0 5px 18px rgba(24,38,64,.045)!important;
}
.bbd-app.bbd-finder-ui-v02564 .bbd-topbar :is(.bbd-icon-button, .bbd-workspace-mode-tabs button) {
 transition:background .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
.bbd-app.bbd-finder-ui-v02564 .bbd-topbar :is(.bbd-icon-button,.bbd-workspace-mode-tabs button):hover:not(:disabled){transform:none!important}
/* Navigation rail: tidy Mac-like selected list item rather than colored blocks */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar{
 background:linear-gradient(180deg,#f8fafc,#f5f7fa)!important;
 border-right:1px solid #e0e6ee!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar button.bbd-tool:not([hidden]){
 position:relative!important;
 border-radius:12px!important;
 border:1px solid transparent!important;
 background:transparent!important;
 color:#4e607d!important;
 box-shadow:none!important;
 transition:background .15s ease,border-color .15s ease,color .15s ease!important;
 transform:none!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar button.bbd-tool:not(.is-active):not([aria-current="page"]):hover:not(:disabled){
 background:#e9eef5!important;
 color:#14254a!important;
 transform:none!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar button.bbd-tool.is-active,
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar button.bbd-tool[aria-current="page"]{
 background:var(--bbd-finder-navy)!important;
 color:#fff!important;
 border-color:#15254a!important;
 box-shadow:0 2px 8px rgba(17,30,62,.16),inset 0 1px rgba(255,255,255,.13)!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar button.bbd-tool.is-active :is(svg,.bbd-v70-nav-svg),
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar button.bbd-tool[aria-current="page"] :is(svg,.bbd-v70-nav-svg){
 color:var(--bbd-finder-yellow)!important;
 stroke:currentColor!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar button.bbd-tool.is-active :is(span,.bbd-v70-nav-label),
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar button.bbd-tool[aria-current="page"] :is(span,.bbd-v70-nav-label){color:#fff!important}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 .bbd-sidebar .bbd-sidebar-active-indicator{
 background:#ffcf24!important;border-color:#ffcf24!important;box-shadow:none!important;
}
/* Finder content column and typography */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel{
 background:var(--bbd-finder-surface)!important;
 border-right:1px solid #e1e6ee!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-panel-section{ color:var(--bbd-finder-ink); }
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel :is(h2,.bbd-panel-heading h2){
 color:#142443!important;font-weight:760!important;letter-spacing:-.035em!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel :is(.bbd-help,.bbd-type48-head small,.bbd-type-gallery-head small){
 color:#758398!important;
}
/* Text composer: distinct editing group as on Finder inspector panes */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel [data-panel-content="text"] .bbd-type-composer{
 padding:13px!important;
 border:1px solid var(--bbd-finder-line)!important;
 border-radius:15px!important;
 background:#fff!important;
 box-shadow:0 1px 3px rgba(17,31,62,.035)!important;
 gap:9px!important;
 margin:0 0 13px!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type-composer label{
 color:#2b3b59!important;font-size:12px!important;font-weight:740!important;letter-spacing:-.015em!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type-composer textarea{
 min-height:72px!important;
 border:1px solid #dce3ed!important;
 border-radius:11px!important;
 padding:12px!important;
 background:#fdfefe!important;
 color:#142443!important;
 box-shadow:inset 0 1px 2px rgba(19,32,55,.025)!important;
 font-size:13px!important;line-height:1.5!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type-composer button{
 min-height:43px!important;
 border:1px solid #17274e!important;
 border-radius:11px!important;
 background:#17274e!important;
 color:#fff!important;
 box-shadow:0 2px 6px rgba(17,30,62,.12)!important;
 font-size:12px!important;font-weight:720!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type-composer button svg{color:var(--bbd-finder-yellow)!important;stroke:currentColor!important}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type-composer button:hover:not(:disabled){background:#253861!important}
/* Search bar: Finder search field with magnifier, improves recognition */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel label.bbd-search-field{position:relative!important;margin:0 0 14px!important}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel label.bbd-search-field::before{
 content:"";position:absolute;left:13px;top:50%;width:12px;height:12px;
 border:1.7px solid #8492a8;border-radius:50%;transform:translateY(-65%);z-index:1;
 pointer-events:none;box-sizing:border-box;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel label.bbd-search-field::after{
 content:"";position:absolute;left:24px;top:calc(50% + 3px);width:6px;height:1.7px;
 background:#8492a8;transform:rotate(48deg);transform-origin:left center;z-index:1;pointer-events:none;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel label.bbd-search-field input{
 padding-left:36px!important;min-height:40px!important;
 border:1px solid #e0e6ee!important;border-radius:11px!important;
 background:#fff!important;font-size:12px!important;color:#25344f!important;
 box-shadow:0 1px 3px rgba(17,31,62,.035)!important;
}
/* Content heading + type filtering resemble macOS Finder segmented pickers */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-studio{margin-top:5px!important}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-head{margin:0 0 13px!important}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-head strong{
 color:#1a2a4b!important;font-size:13px!important;font-weight:760!important;letter-spacing:-.025em!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-head small{
 color:#77869a!important;font-size:10px!important;font-weight:520!important;line-height:1.5!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-cats{
 display:flex!important;gap:5px!important;scrollbar-width:none!important;
 padding:3px 1px 10px!important;margin-bottom:3px!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-cats button{
 min-height:29px!important;padding:0 11px!important;
 background:#fff!important;border:1px solid #dfe6ef!important;border-radius:9px!important;
 color:#6a788e!important;font-size:10px!important;font-weight:660!important;
 transition:background .15s ease,color .15s ease,border-color .15s ease!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-cats button[aria-pressed="true"]{
 background:#fff4cd!important;border-color:#f5d975!important;color:#17274e!important;
 box-shadow:inset 0 0 0 1px rgba(255,207,36,.1)!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-cats button:hover:not([aria-pressed="true"]){
 background:#eaf0f6!important;color:#263753!important;
}
/* Card library: uniform graphic thumbnails, typographic hierarchy; leave artwork colors intact. */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-grid{gap:10px!important;padding:2px 1px 14px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel button.bbd-type48-card{
 border:1px solid #e1e7ef!important;border-radius:13px!important;
 box-shadow:0 1px 2px rgba(19,37,69,.045)!important;
 background:#fff!important;overflow:hidden!important;
 transition:border-color .15s ease,box-shadow .15s ease!important;
 transform:none!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel button.bbd-type48-card:hover{
 border-color:#dfb738!important;box-shadow:0 3px 12px rgba(25,38,66,.095)!important;
 transform:none!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-meta{
 border-top:1px solid #edf0f5!important;align-items:flex-start!important;flex-direction:column!important;
 gap:3px!important;padding:9px!important;background:#fff!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-meta strong{
 color:#1a2947!important;font-size:10.5px!important;font-weight:740!important;line-height:1.3!important;
 max-width:100%!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-meta small{
 color:#8794a8!important;font-size:9px!important;font-weight:570!important;
}
/* General editor fields, selectors and card groups */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel :is(.bbd-field input:not([type="color"]),.bbd-field select,.bbd-field textarea,.bbd-02560-custom-size__fields input){
 border:1px solid #dee5ee!important;border-radius:11px!important;
 background:#fff!important;color:#1b2d4e!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel :is(.bbd-v81-group,.bbd-02560-custom-size,.bbd-upload-card,.bbd-product-identity){
 border-radius:14px!important;border-color:#e3e8f0!important;
 box-shadow:0 1px 3px rgba(17,31,62,.03)!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel :is(.bbd-v81-option,.bbd-action-card,.bbd-02560-custom-size__apply,.bbd-upload-tabs button){
 border-radius:11px!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-02560-custom-size__apply{
 background:var(--bbd-finder-yellow)!important;color:var(--bbd-finder-navy)!important;
 border-color:#e7bb20!important;
}
/* Subtle WebKit/Firefox scrollbars; no touch or snap interception */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel{scrollbar-width:thin;scrollbar-color:#c8d0dc transparent}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel ::-webkit-scrollbar{width:7px;height:7px}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel ::-webkit-scrollbar-thumb{border-radius:9px;background:#c8d0dc;border:2px solid transparent;background-clip:padding-box}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel ::-webkit-scrollbar-track{background:transparent}
/* Inspector and main CTA — feel part of the same native-like workspace */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 :is(#bbd-inspector,.bbd-v2349-inspector){
 background:#f8fafd!important;border-color:#e4e9f0!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-save{background:#18284e!important;border-color:#18284e!important;color:#fff!important;box-shadow:inset 3px 0 #ffcf24,0 2px 9px rgba(17,30,62,.14)!important;}
/* Accessible focus; no focus or hover animation that shifts canvas interactions */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 :is(button,input,textarea,select)[class]:focus-visible{
 outline:2px solid #d9a800!important;outline-offset:2px!important;
}
@media (prefers-reduced-motion:reduce){
 #bbd-modal .bbd-app.bbd-finder-ui-v02564 :is(button,input,textarea,select){transition:none!important;}
}
@media(max-width:767px){
 /* Preserve existing bottom sheet/mobile navigation; avoid limiting touch targets. */
 #bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-grid{gap:8px!important}
 #bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type48-meta strong{font-size:10px!important}
 #bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type-composer{padding:11px!important}
}

/* END assets/css/editor-02564-finder-ui.css */

/* START assets/css/editor-02566-ios-stable.css */
/* Baskibu Designer v0.25.66 – native controls retained; present only custom dimensions.
   The full configurator is still active in the product page and owns quotes. */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 {
 --bbd-system-navy:#111d41;
 --bbd-system-navy-hover:#22355e;
 --bbd-system-yellow:#ffcc00;
 --bbd-system-border:#e1e6ee;
 --bbd-system-muted:#728097;
 color-scheme:light;
}
/* Product options stay in DOM for integration, but must not offer a second
   material/preset purchase surface.  This applies ONLY inside Designer. */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 [data-bbd-v53-options],
#bbd-modal .bbd-app.bbd-finder-ui-v02564 [data-bbd-commerce-options],
#bbd-modal .bbd-app.bbd-finder-ui-v02564 [data-v51-inline-config] { display:none!important; }
/* 44px minimum touch hitboxes and truly calm transitions (no bouncing). */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 :is(
 .bbd-sidebar .bbd-tool,
 #bbd-save,
 #bbd-panel .bbd-02560-custom-size__apply,
 #bbd-panel [data-bbd-product-action="preview"],
 #bbd-panel [data-bbd-commerce-preview],
 #bbd-panel .bbd-pro-action,
 #bbd-panel .bbd-type-composer button
) {min-height:44px!important;transition:background-color .13s ease,border-color .13s ease,color .13s ease!important;transform:none!important;}
/* A real independent custom-size section, not a preset drawer. */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-02560-custom-size {
 display:grid!important;gap:12px!important;
 background:#fff!important;
 border:1px solid var(--bbd-system-border)!important;
 border-radius:16px!important;
 box-shadow:0 2px 9px rgba(17,29,65,.035)!important;
 margin:14px 0!important;padding:16px!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-02560-custom-size__title strong{color:var(--bbd-system-navy)!important;font-size:14px!important;letter-spacing:-.02em}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-02566-current-size{margin:0;padding:8px 10px;background:#f5f7fb;color:#64738b;border-radius:9px;font-size:12px;line-height:1.4}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-02566-current-size strong{font-variant-numeric:tabular-nums;color:var(--bbd-system-navy);font-size:13px}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-02560-custom-size__fields input{
 background:#fff!important;border:1px solid #d5dce8!important;color:var(--bbd-system-navy)!important;
 border-radius:11px!important;min-height:44px!important;font-variant-numeric:tabular-nums;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-02560-custom-size__fields input:focus-visible{
 outline:3px solid rgba(255,204,0,.35)!important;border-color:#c59f00!important;outline-offset:1px!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-02560-custom-size__apply{
 background:var(--bbd-system-yellow)!important;border:1px solid #e7bc00!important;
 border-radius:11px!important;color:var(--bbd-system-navy)!important;
 font-size:13px!important;box-shadow:none!important;font-weight:800!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-02560-custom-size__apply:hover:not(:disabled){background:#ffdc44!important}
/* Preview CTA: previous release's lower-priority green rule still won in some layouts. */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel [data-bbd-product-action="preview"],
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel [data-bbd-commerce-preview],
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-product-flow-actions button.is-primary{
 background:var(--bbd-system-navy)!important;background-color:var(--bbd-system-navy)!important;
 border-color:var(--bbd-system-navy)!important;color:#fff!important;
 border-radius:11px!important;box-shadow:none!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel [data-bbd-product-action="preview"]:hover:not(:disabled),
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel [data-bbd-commerce-preview]:hover:not(:disabled){background:var(--bbd-system-navy-hover)!important}
/* Consistent Finder-like clean chrome and clear keyboard focus. */
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel :is(input,textarea,select):focus-visible,
#bbd-modal .bbd-app.bbd-finder-ui-v02564 :is(.bbd-tool,button):focus-visible{
 outline:3px solid rgba(255,204,0,.44)!important;outline-offset:2px!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel :is(.bbd-type48-cats,.bbd-text-preset-categories) button:is(.is-active,[aria-selected="true"],[aria-pressed="true"]){
 background:#fff6d2!important;border-color:#f1cf4d!important;color:var(--bbd-system-navy)!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type-composer button{
 background:var(--bbd-system-navy)!important;border-color:var(--bbd-system-navy)!important;color:#fff!important;
 box-shadow:none!important;border-radius:11px!important;
}
#bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-type-composer button:hover:not(:disabled){background:var(--bbd-system-navy-hover)!important}
/* Native accessibility semantics are preserved: success-green badges and red/green
   bleed guides are NOT brand controls. User design artwork stays untouched. */
@media(max-width:760px){
 #bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-02560-custom-size{margin:10px 0!important;padding:12px!important}
 #bbd-modal .bbd-app.bbd-finder-ui-v02564 #bbd-panel .bbd-02560-custom-size__fields input{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){
 #bbd-modal .bbd-app.bbd-finder-ui-v02564 button,
 #bbd-modal .bbd-app.bbd-finder-ui-v02564 input{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* END assets/css/editor-02566-ios-stable.css */

/* START assets/css/editor-02569-mobile-header-sheet.css */
/* BASKIBU Designer 0.25.69 — MOBILE HEADER / SHEET CLIPPING REPAIR
   An isolated UI layer. Does not alter Fabric coordinates, print, products or Woo data. */
#bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 .bbd-topbar .bbd-brand-slot,
#bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 .bbd-topbar .bbd-brand-slot img {
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
}
/* The product identity is redundant with "Geçerli ölçü" below; older skins
   clipped this mini-card behind the special-size panel. Keep price/actions. */
#bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 #bbd-panel [data-panel-content="product"] .bbd-product-identity,
#bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 #bbd-panel [data-panel-content="product"] .bbd-commerce-summary__head {
  display: none !important;
}
#bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 #bbd-panel [data-panel-content="product"] .bbd-02560-custom-size {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
  overflow: visible !important;
}
@media (max-width: 760px) {
  #bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 {
    --bbd-editor-header-height: 105px !important;
  }
  /* The old one-row header put the centered selector *on top of* the logo.
     Use two explicit grid tracks instead of shrinking/cropping the logo. */
  #bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 .bbd-topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: minmax(44px, auto) minmax(40px, auto) !important;
    align-content: center !important;
    align-items: center !important;
    justify-items: stretch !important;
    column-gap: 6px !important;
    row-gap: 3px !important;
    box-sizing: border-box !important;
    min-height: 105px !important;
    height: 105px !important;
    max-height: none !important;
    padding: 5px max(8px, env(safe-area-inset-right)) 5px max(8px, env(safe-area-inset-left)) !important;
    overflow: visible !important;
  }
  #bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 .bbd-topbar__left {
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    gap: 5px !important;
    overflow: visible !important;
  }
  #bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 .bbd-topbar__actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 0 !important;
    justify-self: end !important;
    min-width: 0 !important;
    gap: 3px !important;
  }
  #bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 .bbd-topbar__center {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    order: 0 !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: visible !important;
  }
  #bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 .bbd-topbar .bbd-brand-slot:has(img) {
    display: inline-flex !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: min(130px, calc(100vw - 175px)) !important;
    padding: 1px !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  #bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 .bbd-topbar .bbd-brand-slot:has(img) img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: 27px !important;
    max-height: 27px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }
  #bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 .bbd-topbar .bbd-brand-slot:has(img)::after { content: none !important; }
  #bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 .bbd-workspace-mode-tabs {
    position: static !important;
    transform: none !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 430px !important;
    min-width: 0 !important;
    display: flex !important;
    justify-content: stretch !important;
  }
  #bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 .bbd-workspace-mode-tabs button {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }
  /* The final mobile rail previously retained a teal active chip on iPhone.
     Match Baskibu navy/yellow without touching artwork or bleed-guide colors. */
  #bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 .bbd-sidebar button.bbd-tool.is-active,
  #bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 .bbd-sidebar button.bbd-tool[aria-current="page"] {
    background: #111d41 !important;
    background-color: #111d41 !important;
    border-color: #111d41 !important;
    color: #fff !important;
  }
  #bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 .bbd-sidebar button.bbd-tool.is-active svg,
  #bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 .bbd-sidebar button.bbd-tool[aria-current="page"] svg {
    color: #ffcc00 !important;
    stroke: currentColor !important;
  }
  /* Keep the modal's workspace inside the remaining available height. */
  #bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 .bbd-workspace {
    min-height: 0 !important;
    height: calc(100dvh - var(--bbd-editor-header-height)) !important;
    max-height: calc(100dvh - var(--bbd-editor-header-height)) !important;
  }
}
@media (max-width: 350px) {
  #bbd-modal .bbd-app.bbd-mobile-header-stable-v02569 .bbd-topbar .bbd-brand-slot:has(img) { max-width: 101px !important; }
}

/* END assets/css/editor-02569-mobile-header-sheet.css */

/* START assets/css/editor-02570-ui-polish.css */
/* BASKIBU Designer v0.25.70 — scoped UI-only visual corrections.
 * DOES NOT change editor geometry/canvas/rulers/bleed, data, product pricing or Woo flows.
 * Targets the dynamically populated 6-item rail (dev70-74), not just the initial DOM.
 */
#bbd-modal .bbd-app.bbd-ui-polish-v02570 {
  --bbd-color-accent:#111d41;
  --bbd-color-accent-dark:#25365d;
  --bbd-color-accent-soft:#fff8df;
  --bbd-apple-accent:#111d41;
  --bbd-apple-accent-soft:#fff8df;
  --bbd-v71-green:#111d41;
  --bbd-v71-green-dark:#111d41;
  --bbd-v71-green-soft:#fff8df;
  --bbd-v74-green:#111d41;
  --bbd-v74-green-dark:#111d41;
  --bbd-v74-green-soft:#fff8df;
}
/* Selected button from live nav after dev70 DOM reordering; catch aria variants.
   Use the same selector for hidden-mode, bottom dock, and narrow desktop. */
#bbd-modal .bbd-app.bbd-ui-polish-v02570 .bbd-sidebar button.bbd-tool:is(.is-active,[aria-current="page"],[aria-selected="true"]),
#bbd-modal .bbd-app.bbd-ui-polish-v02570 .bbd-sidebar button.bbd-tool[data-bbd-v70-primary="1"]:is(.is-active,[aria-current="page"],[aria-selected="true"]) {
  background:#111d41!important;
  background-color:#111d41!important;
  background-image:none!important;
  border:1px solid #111d41!important;
  color:#fff!important;
  border-radius:13px!important;
  box-shadow:0 3px 11px rgba(17,29,65,.16)!important;
}
/* A previous release paints extra orange/teal selection markers with pseudo elements. */
#bbd-modal .bbd-app.bbd-ui-polish-v02570 .bbd-sidebar button.bbd-tool:is(.is-active,[aria-current="page"],[aria-selected="true"])::before,
#bbd-modal .bbd-app.bbd-ui-polish-v02570 .bbd-sidebar button.bbd-tool:is(.is-active,[aria-current="page"],[aria-selected="true"])::after {
  content:none!important;
  display:none!important;
}
#bbd-modal .bbd-app.bbd-ui-polish-v02570 .bbd-sidebar button.bbd-tool:is(.is-active,[aria-current="page"],[aria-selected="true"]) :is(.bbd-v70-nav-label,.bbd-v69-nav-label,.bbd-v68-nav-label,.bbd-tool__label) {
  color:#fff!important;
}
#bbd-modal .bbd-app.bbd-ui-polish-v02570 .bbd-sidebar button.bbd-tool:is(.is-active,[aria-current="page"],[aria-selected="true"]) svg:not(.bbd-v70-palette-svg):not(.bbd-v69-palette-svg):not(.bbd-v68-palette-svg) {
  color:#ffcf24!important;
  stroke:#ffcf24!important;
}
/* Inactive tools stay neutral and accessible, without painting actual palette swatches. */
#bbd-modal .bbd-app.bbd-ui-polish-v02570 .bbd-sidebar button.bbd-tool:not(.is-active):not([aria-current="page"]):not([aria-selected="true"]) {
  color:#52627e!important;
}
/* The small yellow line next to Save was intentional (v0.25.62/63 inset
   box-shadow), but looks like a stray stroke on small screens. Remove it. */
#bbd-modal .bbd-app.bbd-ui-polish-v02570 .bbd-topbar button#bbd-save {
  background:#111d41!important;
  border:1px solid #111d41!important;
  box-shadow:0 3px 11px rgba(17,29,65,.18)!important;
  color:white!important;
  background-image:none!important;
}
/* Existing v0.25.69 sheet correctly hides the redundant clipped product row
   in Chromium; retain the same rule for any alternate panel state. */
#bbd-modal .bbd-app.bbd-ui-polish-v02570 #bbd-panel .bbd-product-panel .bbd-product-identity,
#bbd-modal .bbd-app.bbd-ui-polish-v02570 #bbd-panel .bbd-product-panel .bbd-commerce-summary__head {
  display:none!important;
}
@media(max-width:760px) {
  /* No overlapping centered picker on top of the logo at real iPhone widths. */
  #bbd-modal .bbd-app.bbd-ui-polish-v02570 .bbd-topbar {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:minmax(44px,auto) minmax(40px,auto)!important;
    min-height:105px!important;
    height:105px!important;
    max-height:none!important;
    row-gap:3px!important;
    padding-inline:max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right))!important;
    overflow:visible!important;
  }
  #bbd-modal .bbd-app.bbd-ui-polish-v02570 .bbd-topbar__left {
    grid-column:1!important;grid-row:1!important;
    display:flex!important;min-width:0!important;
    overflow:visible!important;
  }
  #bbd-modal .bbd-app.bbd-ui-polish-v02570 .bbd-topbar__actions {
    grid-column:2!important;grid-row:1!important;
    justify-self:end!important;min-width:0!important;
  }
  #bbd-modal .bbd-app.bbd-ui-polish-v02570 .bbd-topbar__center {
    grid-column:1/-1!important;grid-row:2!important;
    position:relative!important;
    inset:auto!important;transform:none!important;
    width:100%!important;max-width:100%!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    overflow:visible!important;
  }
  #bbd-modal .bbd-app.bbd-ui-polish-v02570 .bbd-topbar__left .bbd-brand-slot:has(img) {
    flex:0 1 auto!important;
    width:auto!important;max-width:min(143px,calc(100vw - 170px))!important;
    min-width:0!important;overflow:visible!important;
    padding:1px!important;border:0!important;
  }
  #bbd-modal .bbd-app.bbd-ui-polish-v02570 .bbd-topbar__left .bbd-brand-slot:has(img) img {
    display:block!important;width:auto!important;
    height:26px!important;max-height:26px!important;
    max-width:100%!important;object-fit:contain!important;
  }
  #bbd-modal .bbd-app.bbd-ui-polish-v02570 .bbd-workspace-mode-tabs {
    position:static!important;transform:none!important;
    min-width:0!important;max-width:430px!important;width:100%!important;
  }
}

/* END assets/css/editor-02570-ui-polish.css */

/* START assets/css/editor-02571-mobile-ux.css */
/* BASKIBU Designer 0.25.71 — MOBILE UI CONSOLIDATION
   Corrections based on actual runtime DOM nesting + supplied iPhone video.
   UI only: no Fabric, design coordinates, save transport, pricing or Woo changes.
*/
#bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 {
  --bbd-v71-green:#111d41;
  --bbd-v71-green-dark:#111d41;
  --bbd-v71-green-soft:#f4f7ff;
  --bbd-color-accent:#111d41;
  --bbd-color-accent-dark:#172b59;
}
/* Real dock uses .bbd-v70-six-nav AND [data-bbd-v70-primary="1"].
   Existing dev70/dev71 selectors (and a high-specificity old bundle rule)
   overrode earlier generic .bbd-sidebar .bbd-tool rules. */
#bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-sidebar.bbd-v70-six-nav button.bbd-tool[data-bbd-v70-primary="1"]:is(.is-active,[aria-current="page"],[aria-selected="true"]),
#bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571.bbd-pro-workspace-v0230-dev71 .bbd-sidebar.bbd-v70-six-nav button.bbd-tool[data-bbd-v70-primary="1"]:is(.is-active,[aria-current="page"],[aria-selected="true"]) {
  background:#111d41!important;
  background-color:#111d41!important;
  background-image:none!important;
  border:1px solid #111d41!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(17,29,65,.16)!important;
  border-radius:12px!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-sidebar.bbd-v70-six-nav button.bbd-tool[data-bbd-v70-primary="1"]:is(.is-active,[aria-current="page"],[aria-selected="true"]) > .bbd-v70-nav-label {
  color:#fff!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-sidebar.bbd-v70-six-nav button.bbd-tool[data-bbd-v70-primary="1"]:is(.is-active,[aria-current="page"],[aria-selected="true"]) > .bbd-v70-nav-svg {
  color:#ffcf24!important;
  stroke:currentColor!important;
}
/* Preserve genuine artwork color swatches. Remove teal only from dock control
   background; the color palette remains a usable multi-color icon. */

/* Native save pipeline sets data-state=saving|retrying and is-busy. Earlier
   compact-header CSS hides the pre-existing saving status entirely. Display
   it as a small non-blocking progress pill only while an actual save runs. */
#bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-topbar {position:relative!important;z-index:2147483550!important;}
#bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-save-state[data-state="saving"],
#bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-save-state[data-state="retrying"] {
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  position:absolute!important;
  top:calc(100% + 6px)!important;
  right:max(12px,env(safe-area-inset-right))!important;
  width:auto!important;
  max-width:min(280px,calc(100vw - 30px))!important;
  min-height:30px!important;
  margin:0!important;
  padding:6px 11px!important;
  background:#fff!important;
  color:#111d41!important;
  border:1px solid #e1e7ef!important;
  border-radius:999px!important;
  box-shadow:0 6px 20px rgba(17,29,65,.15)!important;
  white-space:nowrap!important;
  z-index:10000!important;
  pointer-events:none!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-save-state[data-state="saving"] .bbd-save-dot {
  display:block!important;
  flex:none!important;
  width:9px!important;height:9px!important;
  background:#ffcf24!important;
  animation:bbd-02571-pulse .85s ease-in-out infinite!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-save-state[data-state="retrying"] .bbd-save-dot {
  display:block!important;
  animation:bbd-02571-pulse 1.1s ease-in-out infinite!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-save-state:is([data-state="saving"],[data-state="retrying"]) #bbd-save-state-text{
  display:inline!important;overflow:visible!important;
  text-overflow:clip!important;
  font-size:12px!important;font-weight:700!important;
}
@keyframes bbd-02571-pulse {0%,100%{opacity:1;transform:scale(1)}50%{opacity:.38;transform:scale(.76)}}
/* Keep the existing real busy overlay + spinner visible, not a fake timer. */
#bbd-modal.bbd-modal.is-busy .bbd-app.bbd-ui-polish-v02571 #bbd-busy-overlay:not([hidden]){
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
#bbd-modal.bbd-modal.is-busy .bbd-app.bbd-ui-polish-v02571 #bbd-busy-overlay:not([hidden]) .bbd-spinner{
  border-top-color:#111d41!important;
  animation:bbd-02571-spin .8s linear infinite!important;
}
/* Existing bottom sheet is animated through several older transform rules.
   Remove horizontal movement only for this app-level sheet and its immediate
   panel; its native open/close behavior and independent scroll are preserved. */
@media(max-width:1024px){
  #bbd-modal.bbd-modal[data-layout="bottom-sheet"] .bbd-app.bbd-ui-polish-v02571 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  #bbd-modal.bbd-modal[data-layout="bottom-sheet"] .bbd-app.bbd-ui-polish-v02571 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden]{
    transform:translate3d(0,0,0)!important;
    -webkit-transform:translate3d(0,0,0)!important;
    translate:none!important;
    transition:none!important;
    animation:none!important;
    will-change:auto!important;
  }
  #bbd-modal.bbd-modal[data-layout="bottom-sheet"] .bbd-app.bbd-ui-polish-v02571 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-panel-section:not([hidden]) {
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
}
/* Real runtime nesting: .bbd-topbar__center and .bbd-topbar__right are
   CHILDREN of .bbd-topbar__actions, not siblings of it. Previous CSS tried to
   grid-position children of the actions as header items; it left a blank
   second grid row while the mode tabs sat across the logo on row one. */
@media(max-width:760px){
  #bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 {--bbd-editor-header-height:96px!important;}
  #bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:44px 37px!important;
    align-items:center!important;
    align-content:center!important;
    gap:2px 7px!important;
    height:96px!important;min-height:96px!important;max-height:96px!important;
    padding:5px max(10px,env(safe-area-inset-right)) 5px max(10px,env(safe-area-inset-left))!important;
    overflow:visible!important;
    background:#fff!important;
    border-bottom:1px solid #e5eaf2!important;
    box-shadow:0 2px 10px rgba(17,29,65,.045)!important;
    box-sizing:border-box!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-topbar__actions {
    display:contents!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-topbar__left{
    display:flex!important;grid-column:1!important;grid-row:1!important;
    min-width:0!important;overflow:visible!important;align-items:center!important;
    justify-content:flex-start!important;gap:7px!important;
    position:static!important;transform:none!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-topbar__right{
    display:flex!important;grid-column:2!important;grid-row:1!important;
    justify-self:end!important;align-items:center!important;
    min-width:0!important;max-width:100%!important;
    gap:5px!important;position:static!important;
    inset:auto!important;transform:none!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-topbar__center{
    display:flex!important;grid-column:1/-1!important;grid-row:2!important;
    position:static!important;inset:auto!important;transform:none!important;
    min-width:0!important;width:100%!important;max-width:100%!important;
    justify-self:stretch!important;align-items:center!important;justify-content:center!important;
    padding:0!important;margin:0!important;
    overflow:visible!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-topbar__center .bbd-workspace-mode-tabs{
    display:flex!important;flex:0 1 340px!important;
    position:static!important;transform:none!important;
    max-width:340px!important;width:100%!important;min-width:0!important;
    height:35px!important;min-height:35px!important;
    padding:3px!important;margin:0!important;
    background:#f4f6f9!important;border:1px solid #e1e5ed!important;
    border-radius:12px!important;box-shadow:none!important;
    overflow:hidden!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-workspace-mode-tabs button{
    flex:1 1 50%!important;min-width:0!important;
    min-height:28px!important;height:28px!important;
    padding:4px 8px!important;font-size:12px!important;
    border-radius:9px!important;white-space:nowrap!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-topbar__left .bbd-brand-slot:has(img){
    flex:0 1 auto!important;
    max-width:min(149px,calc(100vw - 175px))!important;
    min-width:0!important;width:auto!important;overflow:visible!important;
    border:0!important;padding:0!important;box-shadow:none!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-topbar__left .bbd-brand-slot:has(img) img{
    width:auto!important;height:27px!important;max-height:27px!important;
    max-width:100%!important;object-fit:contain!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 #bbd-save{
    min-height:37px!important;height:37px!important;
    padding:0 14px!important;border-radius:11px!important;
    box-shadow:0 3px 12px rgba(17,29,65,.14)!important;
    border-color:#111d41!important;background:#111d41!important;color:#fff!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-workspace {
    min-height:0!important;
    height:calc(100dvh - var(--bbd-editor-header-height))!important;
    max-height:calc(100dvh - var(--bbd-editor-header-height))!important;
  }
}
@media(max-width:350px){
  #bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-topbar__left .bbd-brand-slot:has(img){max-width:109px!important;}
  #bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 #bbd-save{padding-inline:9px!important;}
}
@media(prefers-reduced-motion:reduce){
  #bbd-modal.bbd-modal .bbd-app.bbd-ui-polish-v02571 .bbd-save-state .bbd-save-dot{animation:none!important;}
}
@keyframes bbd-02571-spin {to{transform:rotate(360deg)}}

/* END assets/css/editor-02571-mobile-ux.css */

/* START assets/css/editor-02573-ui-owner.css */
/* BASKIBU Designer v0.25.73 — CONSOLIDATED MOBILE UX OWNER
   Scope: active dev72 dock / dev90 toast / native confirmation dialogs / product & upload sheets.
   No rules target Fabric canvas, print geometry, product pricing, upload files or WooCommerce.
*/
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 {
  --bbd-v72-green:#111d41;
  --bbd-v72-green-dark:#243865;
  --bbd-v72-green-soft:#eff3fd;
  --bbd-v90-green:#111d41;
  --bbd-v90-green-2:#243865;
  --bbd-v90-green-soft:#eff3fd;
  --bbd-color-accent:#111d41;
  --bbd-color-accent-dark:#243865;
}
/* Real primary navigation is dynamically created: .bbd-v72-mobile-dock,
   NOT the hidden .bbd-sidebar (prior v70/v71 styling missed this element). */
@media (max-width: 1024px) {
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > .bbd-v72-mobile-dock .bbd-v72-dock-item:is(.is-active,[aria-current="page"]) {
    background:#111d41!important;background-color:#111d41!important;
    color:#fff!important;border:1px solid #111d41!important;
    box-shadow:0 4px 12px rgba(17,29,65,.16)!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > .bbd-v72-mobile-dock .bbd-v72-dock-item:is(.is-active,[aria-current="page"]) .bbd-v72-dock-label{
    color:#fff!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > .bbd-v72-mobile-dock .bbd-v72-dock-item:is(.is-active,[aria-current="page"]) .bbd-v72-dock-svg:not(.bbd-v72-palette-svg){
    color:#ffcb05!important;stroke:currentColor!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > .bbd-v72-mobile-dock .bbd-v72-dock-item:not(.is-active):not([aria-current="page"]):focus-visible{
    outline:2px solid #e3b900!important;outline-offset:-2px!important;
    background:#f4f6fc!important;color:#111d41!important;
  }
  /* Keep the already-owned mobile sheet as a single layer, no X-axis entrance. */
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel[hidden] {
    transform:translate3d(0,0,0)!important;-webkit-transform:translate3d(0,0,0)!important;
    translate:none!important;animation:none!important;
    transition:opacity .14s ease-out!important;will-change:auto!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-panel-section:not([hidden]){
    animation:none!important;transform:none!important;transition:none!important;
  }
}
/* The native dialogue is a direct child of .bbd-app, while the dock and
   header have unusually high legacy z-index values. It must win decisively. */
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > #bbd-dialog:not([hidden]) {
  position:fixed!important;inset:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  z-index:2147483647!important;
  background:rgba(12,20,40,.56)!important;
  -webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;
  box-sizing:border-box!important;
  padding:12px!important;
  overflow:hidden!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > #bbd-dialog[hidden]{display:none!important;}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > #bbd-dialog:not([hidden]) .bbd-dialog__panel{
  width:min(490px,100%)!important;min-width:0!important;
  max-height:calc(100dvh - 36px)!important;
  padding:20px!important;
  border:1px solid #e5eaf2!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 24px 65px rgba(12,20,40,.24)!important;
  overflow-y:auto!important;overscroll-behavior:contain!important;
  box-sizing:border-box!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > #bbd-dialog:not([hidden]) .bbd-dialog__actions{
  position:sticky!important;bottom:0!important;z-index:2!important;
  background:#fff!important;
  padding:12px 0 0!important;
  margin-top:14px!important;
  border-top:1px solid #edf0f6!important;
  box-shadow:0 -8px 18px rgba(255,255,255,.94)!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > #bbd-dialog:not([hidden]) .bbd-dialog__button{
  min-height:44px!important;border-radius:12px!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > #bbd-dialog:not([hidden]) .bbd-dialog__button.is-primary{
  background:#111d41!important;border-color:#111d41!important;color:#fff!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572.bbd-ux72-dialog-open > .bbd-v72-mobile-dock,
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572.bbd-ux72-dialog-open .bbd-sidebar{
  pointer-events:none!important;visibility:hidden!important;opacity:0!important;
}
/* Only one notification system (dev90 owner); hide unused legacy stack. */
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > #bbd-toast-region{display:none!important;}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572.bbd-ux72-dialog-open > .bbd-v90-toast-region{
  opacity:0!important;pointer-events:none!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > .bbd-v90-toast-region{
  z-index:2147483490!important;max-height:80px!important;overflow:visible!important;
  gap:0!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > .bbd-v90-toast-region .bbd-v90-toast{
  min-height:0!important;padding:9px 10px!important;
  border-radius:14px!important;
  grid-template-columns:32px minmax(0,1fr) 30px!important;
  gap:8px!important;
  box-shadow:0 8px 22px rgba(17,29,65,.12)!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > .bbd-v90-toast-region .bbd-v90-toast__icon{
  width:32px!important;height:32px!important;border-radius:9px!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > .bbd-v90-toast-region .bbd-v90-toast__copy small{
  white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.25!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
}
/* One save feedback surface: native center busy spinner WHEN busy; otherwise
   the existing 'Kaydediliyor...' pill. No second toast for the same operation. */
#bbd-modal.bbd-modal.is-busy .bbd-app.bbd-ux-v02572 .bbd-save-state:is([data-state="saving"],[data-state="retrying"]){display:none!important;}
/* Photo upload: one sheet title + one upload surface, not three framed cards. */
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 .bbd-v90-media-section--upload{
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 .bbd-v90-media-section--upload > .bbd-v90-media-section__head{
  display:none!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 .bbd-v90-media-section--upload > .bbd-v90-media-section__body{
  padding:0!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 .bbd-v90-media-stack{
  gap:10px!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 .bbd-v90-media-section--assets{
  border-radius:15px!important;box-shadow:none!important;
}
@media(max-width:760px){
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > #bbd-dialog:not([hidden]){
    align-items:flex-end!important;
    padding:10px 10px calc(12px + env(safe-area-inset-bottom))!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > #bbd-dialog:not([hidden]) .bbd-dialog__panel{
    width:100%!important;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom))!important;
    min-height:0!important;overflow-y:auto!important;
    border-radius:19px!important;padding:18px 16px 16px!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > #bbd-dialog:not([hidden]) .bbd-dialog__actions{
    display:flex!important;flex-direction:column-reverse!important;gap:8px!important;
    padding:11px 0 3px!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 > .bbd-v90-toast-region{
    top:calc(102px + env(safe-area-inset-top) / 10)!important;
    width:calc(100% - 24px)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 .bbd-v90-toast,
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02572 #bbd-panel{
    animation:none!important;transition:none!important;
  }
}

/* ==============================================================
   BASKIBU v0.25.73 — COHESIVE MOBILE EXPERIENCE
   Preserves canvas controls, artwork colors, server saving and commerce.
   The v72 owner above is folded into this *single last* CSS stylesheet.
   ============================================================== */
#bbd-modal .bbd-app.bbd-ux-v02573{
  --bbdu-ink:#111d41;--bbdu-navy:#111d41;--bbdu-yellow:#ffcf24;
  --bbdu-surface:#fff;--bbdu-stroke:#e4eaf3;
  --bbd-v80-green:#111d41;--bbd-v80-green-2:#243865;
  --bbd-v90-green:#111d41;--bbd-v90-green-2:#243865;
  --bbd-v90-green-soft:#eff3fb;
  --bbd-color-accent:#111d41;--bbd-color-accent-dark:#243865;
}
/* A streamlined header. Visible controls have intentional positions, and
   secondary controls cannot intrude into the logo or primary save action. */
@media(max-width:760px){
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 .bbd-topbar{
    --bbd-editor-header-height:94px;
    height:94px!important;min-height:94px!important;max-height:94px!important;
    grid-template-rows:43px 35px!important;gap:2px 8px!important;
    padding:6px max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left))!important;
    box-shadow:0 1px 0 rgba(17,29,65,.08)!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573{--bbd-editor-header-height:94px!important;}
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 .bbd-topbar__center .bbd-workspace-mode-tabs{
    height:34px!important;min-height:34px!important;border-radius:12px!important;
    background:#f4f6fa!important;border:1px solid var(--bbdu-stroke)!important;
    max-width:365px!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 .bbd-topbar__center .bbd-workspace-mode-tabs button{
    height:27px!important;min-height:27px!important;font-size:12px!important;
    font-weight:700!important;border-radius:9px!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 .bbd-topbar__center .bbd-workspace-mode-tabs button.is-active{
    border:1px solid #f4d673!important;background:#fff9e7!important;
    box-shadow:0 1px 3px rgba(17,29,65,.06)!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-save{
    min-width:74px!important;padding:0 13px!important;
    border:1px solid #111d41!important;background:#111d41!important;
    background-image:none!important;box-shadow:none!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 .bbd-topbar__left .bbd-brand-slot img{
    height:27px!important;max-height:27px!important;width:auto!important;object-fit:contain!important;
  }
}
/* Native dock is the ONLY primary mobile navigation. Its body palette icons
   retain their true sample colors; only navigational controls use branding. */
@media(max-width:1024px){
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 > .bbd-v72-mobile-dock{
    background:rgba(255,255,255,.97)!important;
    border:1px solid var(--bbdu-stroke)!important;
    box-shadow:0 6px 24px rgba(17,29,65,.10)!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 > .bbd-v72-mobile-dock .bbd-v72-dock-item.is-active,
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 > .bbd-v72-mobile-dock .bbd-v72-dock-item[aria-current="page"]{
    background:#111d41!important;background-image:none!important;
    box-shadow:0 2px 8px rgba(17,29,65,.16)!important;
    color:#fff!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 > .bbd-v72-mobile-dock .bbd-v72-dock-item.is-active .bbd-v72-dock-svg:not(.bbd-v72-palette-svg){
    color:#ffcf24!important;stroke:currentColor!important;
  }
  /* In each open sheet, content scrolls under the HEADER, not under the dock.
     Bottom padding ensures final buttons can be scrolled fully into view. */
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel{
    border-color:var(--bbdu-stroke)!important;
    box-shadow:0 -10px 32px rgba(17,29,65,.13)!important;
    border-radius:20px!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-panel-section:not([hidden]){
    min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
    padding:12px 14px 104px!important;
    scroll-padding-bottom:104px!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    scrollbar-gutter:auto!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-mobile-sheet-title{
    font-size:14px!important;letter-spacing:-.02em!important;color:#111d41!important;
  }
  /* Same 'Ürün' label already lives in the sheet bar. Hide inner duplicate
     headings, not the panel or its actionable controls. */
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-panel-section:not([hidden]) > .bbd-panel-heading{
    display:none!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel [data-panel-content="product"] .bbd-product-identity,
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel [data-panel-content="product"] .bbd-commerce-summary__head{
    display:none!important;
  }
  /* Let real drawer panels settle in place rather than moving sideways. */
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel,
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-panel-section:not([hidden]){
    transform:none!important;translate:none!important;animation:none!important;
  }
}
/* Reduce visually nested boxes without changing click behaviour. */
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel .bbd-v90-media-section--upload{
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;margin:0!important;padding:0!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel .bbd-v90-media-section--upload .bbd-v90-media-section__body{
  padding:0!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel .bbd-v90-media-section--upload :is(#bbd-upload-dropzone,.bbd-v80-uploader){
  border:1px dashed #becbe0!important;border-radius:15px!important;
  background:#f7f9fd!important;box-shadow:none!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel .bbd-v90-media-section--upload .bbd-v80-upload-icon{
  background:#e8eef9!important;color:#111d41!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel .bbd-v90-media-section--upload .bbd-v80-uploader>em{
  background:#111d41!important;color:#fff!important;border-radius:11px!important;
  box-shadow:none!important;
}
/* The current uploader is NOT the old v80 <em> control. The actual
   visible green 'Dosya seç' is .bbd-v81-upload-card__action (dev91). */
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel #bbd-upload-dropzone .bbd-v81-upload-card__action{
  background:#111d41!important;background-image:none!important;
  color:#fff!important;border:1px solid #111d41!important;
  box-shadow:none!important;border-radius:11px!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel #bbd-upload-dropzone .bbd-v81-upload-card__icon{
  background:#e8eef9!important;color:#111d41!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel #bbd-upload-dropzone.bbd-v81-upload-card{
  background:#f7f9fd!important;border-color:#becbe0!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel .bbd-v90-media-section--assets{
  border:1px solid #e7ebf3!important;border-radius:16px!important;
  background:#fff!important;box-shadow:none!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel .bbd-v90-media-section--assets > .bbd-v90-media-section__head{
  background:#fff!important;border-bottom:1px solid #eef1f6!important;
}
/* UI-only controls keep navy; real artwork swatch thumbnails are not recolored. */
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel .bbd-v90-media-section--assets .bbd-v90-media-section__icon,
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel .bbd-v80-upload-icon{
  color:#111d41!important;
}
/* One save feedback system: autosaves are quiet, explicit Save has its native
   blocking progress overlay. Saving toast and floating state pill are disabled
   only during the active saving/retrying state; errors are never hidden. */
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 .bbd-save-state[data-state="saving"],
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 .bbd-save-state[data-state="retrying"]{
  display:none!important;
}
#bbd-modal.bbd-modal.is-busy .bbd-app.bbd-ux-v02573 #bbd-busy-overlay:not([hidden]){
  display:flex!important;visibility:visible!important;opacity:1!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 .bbd-v90-toast-region{
  max-height:72px!important;pointer-events:none!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 .bbd-v90-toast-region .bbd-v90-toast{
  border-radius:13px!important;box-shadow:0 6px 18px rgba(17,29,65,.12)!important;
}
/* Final review is a single clear decision surface, not stacked cards. The
   duplicate first summary detail is also removed in the active JS renderer. */
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__panel{
  border-radius:20px!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__preview{
  max-height:38dvh!important;min-height:0!important;overflow:hidden!important;
  border:1px solid #e7ecf4!important;border-radius:14px!important;
  box-shadow:none!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__preview img{
  max-height:31dvh!important;width:100%!important;object-fit:contain!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__detail-list{
  gap:6px!important;margin-top:8px!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__detail{
  border:0!important;border-bottom:1px solid #eef1f5!important;
  border-radius:0!important;box-shadow:none!important;background:transparent!important;
}
@media(max-width:760px){
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__panel{
    max-height:calc(100dvh - 28px - env(safe-area-inset-bottom))!important;
    padding:16px 14px 12px!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__panel > h2{
    font-size:23px!important;line-height:1.13!important;margin-bottom:7px!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__actions{
    padding:11px 0 max(4px,env(safe-area-inset-bottom))!important;
  }
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 > .bbd-v90-toast-region{
    top:calc(100px + env(safe-area-inset-top) / 12)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel,
  #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 .bbd-v90-toast{
    transition:none!important;animation:none!important;
  }
}

/* END assets/css/editor-02573-ui-owner.css */

/* v0.25.75 mobile ergonomics: scope to editor UI, never Fabric artboard. */
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573{
 --bbd-ux75-ink:#111d41;--bbd-ux75-yellow:#ffcd24;
 --bbd-ux75-focus:#e8b900;
}
@media (max-width:760px){
 /* 01. Native Safari numeric keyboard without viewport auto-zoom. */
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel textarea,
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel select,
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog input {font-size:16px!important;}
 /* 02. Deliberate, visible, accessible focus feedback. */
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel :is(input,textarea,select,button):focus-visible,
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 :is(#bbd-save,#bbd-mobile-sheet-close,.bbd-v72-dock-item):focus-visible {
  outline:2px solid var(--bbd-ux75-focus)!important;outline-offset:2px!important;
 }
 /* 03. Comfort-sized sheet controls and safe-area tap targets. */
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-mobile-sheet-close,
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-mobile-sheet-back {
  min-width:44px!important;min-height:44px!important;touch-action:manipulation;
 }
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-save {min-height:42px!important;touch-action:manipulation;}
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 .bbd-v72-dock-item {
  min-height:48px!important;touch-action:manipulation;
 }
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 .bbd-v72-dock-item .bbd-v72-dock-label{
  font-size:10px!important;line-height:1.15!important;letter-spacing:-.01em!important;
 }
 /* 04. Free editing space with the keyboard open; preserve the real sheet. */
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573.bbd-ux75-keyboard > .bbd-v72-mobile-dock{
  visibility:hidden!important;opacity:0!important;pointer-events:none!important;
 }
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573.bbd-ux75-keyboard > #bbd-v60-mobile-sheet-host.is-open > #bbd-panel > .bbd-panel-section:not([hidden]){
  padding-bottom:22px!important;scroll-padding-bottom:24px!important;
 }
 /* 05. Action buttons stay reachable when a form requires vertical scrolling. */
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 .bbd-02560-custom-size__apply {
  min-height:46px!important;touch-action:manipulation;
  background:#f5c900!important;color:#111d41!important;
  border:1px solid #d7ad00!important;box-shadow:none!important;
 }
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 .bbd-02560-custom-size__apply:disabled{
  opacity:.68!important;cursor:progress!important;
 }
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 .bbd-02560-custom-size__fields input[aria-invalid="true"]{
  border-color:#b42318!important;box-shadow:0 0 0 2px rgba(180,35,24,.09)!important;
 }
 /* 06. Preview composition, not nested dashboard cards. */
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-product-preview{
  box-shadow:none!important;border:0!important;background:transparent!important;
 }
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-product-preview-viewport{
  border-radius:15px!important;box-shadow:none!important;
  overflow:hidden!important;max-width:100%!important;
 }
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-product-preview-canvas{
  display:block;max-width:100%!important;
 }
 /* 07. Keep preview status readable without overwhelming product artwork. */
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-product-preview-status{
  font-size:11px!important;line-height:1.35!important;overflow-wrap:anywhere!important;
 }
 /* 08. Final confirmation actions are not trapped behind the iOS home indicator. */
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__actions{
  padding-bottom:max(9px,env(safe-area-inset-bottom))!important;
 }
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__button{
  min-height:46px!important;touch-action:manipulation;
 }
 /* 09. Accessible spacing, no sideways scroll when drawer controls are narrow. */
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel,
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-panel .bbd-panel-section{
  min-width:0!important;overflow-x:hidden!important;
 }
 /* 10. Compact toasts clear of both system header and active panel. */
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 > .bbd-v90-toast-region{
  max-width:calc(100vw - 24px)!important;pointer-events:none!important;
 }
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 > .bbd-v90-toast-region :is(.bbd-v90-toast,.bbd-v90-toast__close){
  pointer-events:auto!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 .bbd-v72-dock-item,
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 .bbd-02560-custom-size__apply{
  animation:none!important;transition:none!important;
 }
}

/* 0.25.76: avoid full-screen blur compositing while typing or scrolling on phones. */
@media (max-width:760px) {
 #bbd-modal.bbd-modal .bbd-app :is(.bbd-topbar,.bbd-v72-mobile-dock,#bbd-v60-mobile-sheet-host,.bbd-preview-pro-header,.bbd-preview-pro-footer) {
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
 }
 #bbd-modal.bbd-modal .bbd-app :is(#bbd-panel,.bbd-v60-mobile-sheet-host) {
  overflow-anchor:none;
 }
 #bbd-modal.bbd-modal .bbd-app input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
 #bbd-modal.bbd-modal .bbd-app textarea,
 #bbd-modal.bbd-modal .bbd-app select { font-size:16px!important; }
}

/* 0.25.77: final review owns its responsive grid and footer. */
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__panel {
 width:min(820px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;
 max-height:calc(100dvh - 32px)!important;box-sizing:border-box!important;
 padding:24px 24px 0!important;overflow:hidden!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__content.has-preview {
 display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;
 min-width:0!important;overflow-y:auto!important;overflow-x:hidden!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review :is(.bbd-dialog__content > *, .bbd-dialog__detail, .bbd-dialog__detail > *) {
 min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
 overflow-wrap:anywhere!important;white-space:normal!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__detail-list {grid-template-columns:minmax(0,1fr)!important;}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__actions {
 margin:0!important;width:100%!important;box-sizing:border-box!important;padding:14px 0!important;
 grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)!important;
}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__button {min-width:0!important;white-space:normal!important;}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573.is-preview-mode :is(.bbd-context-route-toolbar,.bbd-context-toolbar,.bbd-object-popover,.bbd-v2349-inspector) {display:none!important;}
#bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 [hidden]:is(.bbd-command-menu,.bbd-context-menu,.bbd-object-popover,.bbd-mega-popover) {display:none!important;}
#bbd-modal .bbd-02560-custom-size__feedback[data-state="info"] {color:#172342!important;background:#fff8db;border:1px solid #f1dc8c;border-radius:12px;padding:12px;font-size:13px;line-height:1.6;}
@media(max-width:600px){
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__panel {padding:16px 14px 0!important;}
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__content.has-preview {display:flex!important;flex-direction:column!important;}
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__preview {height:180px!important;flex:0 0 180px!important;}
 #bbd-modal.bbd-modal .bbd-app.bbd-ux-v02573 #bbd-dialog.is-save-review .bbd-dialog__actions {grid-template-columns:minmax(0,1fr)!important;gap:8px!important;}
}

/* v0.25.79: storefront Designer entry, preserve layout and actions. */
html body #bux140 .bux620-design-zone {border-color:#dce2ed!important;}
html body #bux140 .bux620-design-zone > .bux620-section-head {background:#f3f5fa!important;}
html body #bux140 .bux620-design-zone .bux800-design-head small {color:#172342!important;}
html body #bux140 .bux620-design-zone .bux800-design-head p {color:#53617b!important;}
html body.single-product #bux140 #bbd-entry.bbd-entry.bbd-entry--public-in-studio #bbd-open-editor,
html body.single-product #bux140 #bbd-entry.bbd-entry.bbd-entry--public-in-studio #bbd-entry-status {
 background:linear-gradient(120deg,#101a38,#202e56)!important;
 border-color:#26385f!important;color:#fff!important;
 box-shadow:0 6px 18px rgba(16,26,56,.12)!important;
}
html body.single-product #bux140 #bbd-entry.bbd-entry.bbd-entry--public-in-studio #bbd-open-editor:hover {background:#24345b!important;border-color:#ffcd24!important;}
html body.single-product #bux140 #bbd-entry.bbd-entry.bbd-entry--public-in-studio #bbd-entry-action-title,
html body.single-product #bux140 #bbd-entry.bbd-entry.bbd-entry--public-in-studio #bbd-entry-status-text {color:#fff!important;}
html body.single-product #bux140 #bbd-entry.bbd-entry.bbd-entry--public-in-studio #bbd-entry-action-subtitle,
html body.single-product #bux140 #bbd-entry.bbd-entry.bbd-entry--public-in-studio #bbd-entry-status .bbd-entry-status__copy small {color:#dae2f4!important;}
html body.single-product #bux140 #bbd-entry.bbd-entry.bbd-entry--public-in-studio #bbd-open-editor :is(.bbd-button-icon,.bbd-entry-action-arrow),
html body.single-product #bux140 #bbd-entry.bbd-entry.bbd-entry--public-in-studio #bbd-entry-status .bbd-entry-status__icon {
 background:#ffcd24!important;color:#111d41!important;border-color:#ffcd24!important;box-shadow:none!important;
}
html body.single-product #bux140 #bbd-entry.bbd-entry.bbd-entry--public-in-studio #bbd-entry-edit {
 background:#ffcd24!important;color:#111d41!important;border-color:#ffcd24!important;
 box-shadow:0 3px 8px rgba(0,0,0,.10)!important;
}
html body.single-product #bux140 #bbd-entry.bbd-entry.bbd-entry--public-in-studio #bbd-entry-edit:hover {background:#ffe16a!important;border-color:#ffe16a!important;color:#111d41!important;}
html body.single-product #bux140 #bbd-entry.bbd-entry.bbd-entry--public-in-studio :is(#bbd-open-editor,#bbd-entry-edit):focus-visible {outline:3px solid #ffcd24!important;outline-offset:3px!important;}