/* Bint.3d mobile v1.0.0
 * Final mobile authority layer. Loaded after all core planner styles.
 * Goal: one phone-first interaction model with no competing drawers or popovers.
 */
.bint3dm-desktop-gate{display:none}

@media (max-width:900px){
  html:has(.bint3d-mobile-only){overscroll-behavior-y:none}
  .bint3d-mobile-only,
  .bint3d-mobile-only *{box-sizing:border-box}
  .bint3d-mobile-only{
    --b3m-top:54px;
    --b3m-bottom:calc(62px + env(safe-area-inset-bottom,0px));
    --b3m-gap:8px;
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    height:100dvh!important;
    min-height:520px!important;
    max-height:100dvh!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    isolation:isolate;
    background:#f2f5f7!important;
    -webkit-tap-highlight-color:transparent;
    overscroll-behavior:contain;
    contain:layout paint;
  }
  @supports not (height:100dvh){.bint3d-mobile-only{height:100vh!important;max-height:100vh!important}}

  .bint3d-mobile-only button,
  .bint3d-mobile-only summary,
  .bint3d-mobile-only [role="button"]{touch-action:manipulation}
  .bint3d-mobile-only input,
  .bint3d-mobile-only select,
  .bint3d-mobile-only textarea{font-size:16px!important}

  /* Compact, stable top bar */
  .bint3d-mobile-only .li3d-topbar{
    position:absolute!important;inset:0 0 auto!important;height:var(--b3m-top)!important;
    min-height:var(--b3m-top)!important;padding:6px 8px!important;display:flex!important;
    align-items:center!important;justify-content:space-between!important;gap:6px!important;
    background:rgba(255,255,255,.98)!important;border:0!important;border-bottom:1px solid #e2e7ec!important;
    box-shadow:none!important;z-index:220!important;overflow:visible!important;
    padding-top:max(6px,env(safe-area-inset-top,0px))!important;
  }
  .bint3d-mobile-only .li3d-top-left{display:flex!important;align-items:center!important;min-width:40px!important;flex:0 0 40px!important}
  .bint3d-mobile-only .li3d-home-button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;border:0!important;background:transparent!important}
  .bint3d-mobile-only .li3d-home-button .li3d-brandmark{width:34px!important;height:34px!important;border-radius:10px!important;font-size:11px!important}
  .bint3d-mobile-only .li3d-brand,
  .bint3d-mobile-only .li3d-project-name,
  .bint3d-mobile-only .li3d-history-actions,
  .bint3d-mobile-only .li3d-view-bar-divider,
  .bint3d-mobile-only .li3d-command-button,
  .bint3d-mobile-only .li3d-estimate-button,
  .bint3d-mobile-only .li3d-smartcheck-btn{display:none!important}
  .bint3d-mobile-only .li3d-view-bar{
    position:absolute!important;left:50%!important;top:7px!important;transform:translateX(-50%)!important;
    width:auto!important;max-width:46vw!important;height:40px!important;display:flex!important;align-items:center!important;
    background:#eef2f5!important;border:1px solid #e0e5ea!important;border-radius:12px!important;padding:3px!important;z-index:2!important;
  }
  .bint3d-mobile-only .li3d-view-switch{display:flex!important;gap:2px!important}
  .bint3d-mobile-only .li3d-view-switch button{min-width:40px!important;width:40px!important;height:32px!important;min-height:32px!important;padding:0 6px!important;border-radius:9px!important;font-size:11px!important;font-weight:800!important}
  .bint3d-mobile-only .li3d-view-switch .li3d-view-explore{width:36px!important;min-width:36px!important;padding:7px!important}
  .bint3d-mobile-only .li3d-top-actions{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;overflow:visible!important;max-width:92px!important;flex:0 0 auto!important}
  .bint3d-mobile-only .li3d-top-actions>.li3d-top-menu{display:block!important;flex:0 0 auto!important}
  .bint3d-mobile-only .li3d-top-menu>summary{
    display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;
    min-height:38px!important;padding:0!important;border:1px solid #e0e5ea!important;border-radius:10px!important;background:#fff!important;
    font-size:15px!important;font-weight:800!important;list-style:none!important;
  }
  .bint3d-mobile-only .li3d-top-menu>summary::-webkit-details-marker{display:none!important}
  .bint3d-mobile-only .li3d-export-menu>summary b{display:none!important}
  .bint3d-mobile-only .li3d-top-action-icon{font-size:18px!important}

  /* Top menus become bottom sheets so they can never open outside the screen. */
  .bint3d-mobile-only .li3d-top-menu[open]::before{
    content:"";position:fixed!important;inset:var(--b3m-top) 0 var(--b3m-bottom) 0!important;background:rgba(14,24,34,.25)!important;
    z-index:390!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)
  }
  .bint3d-mobile-only .li3d-top-menu .li3d-menu-popover,
  .bint3d-mobile-only .li3d-top-menu .li3d-menu-popover-right{
    position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:calc(var(--b3m-bottom) + 8px)!important;
    width:auto!important;min-width:0!important;max-width:none!important;max-height:min(64dvh,560px)!important;overflow:auto!important;
    padding:8px!important;border:1px solid #dce3e9!important;border-radius:18px!important;background:#fff!important;
    box-shadow:0 22px 60px rgba(18,31,42,.24)!important;z-index:400!important;overscroll-behavior:contain!important;
  }
  .bint3d-mobile-only .li3d-menu-popover button{min-height:52px!important;padding:8px 12px!important;border-radius:11px!important;display:grid!important;gap:2px!important;text-align:left!important}
  .bint3d-mobile-only .li3d-menu-popover button span{font-size:13px!important;font-weight:800!important}
  .bint3d-mobile-only .li3d-menu-popover button small{font-size:10px!important;line-height:1.35!important}

  /* Canvas owns all free space between header and bottom nav. */
  .bint3d-mobile-only .li3d-main{
    position:absolute!important;inset:var(--b3m-top) 0 var(--b3m-bottom) 0!important;width:100%!important;height:auto!important;
    min-height:0!important;display:block!important;overflow:hidden!important;background:#eef2f4!important;z-index:1!important;
  }
  .bint3d-mobile-only .li3d-canva-rail{display:none!important}
  .bint3d-mobile-only .li3d-stage-wrap{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;overflow:hidden!important;
  }
  .bint3d-mobile-only .li3d-stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important;touch-action:none!important}
  .bint3d-mobile-only .li3d-canvas2d,
  .bint3d-mobile-only .li3d-canvas3d,
  .bint3d-mobile-only .li3d-canvas3d canvas{width:100%!important;height:100%!important;touch-action:none!important}

  /* One compact canvas toolbar. */
  .bint3d-mobile-only .li3d-stage-tools{
    position:absolute!important;left:8px!important;right:8px!important;top:8px!important;bottom:auto!important;width:auto!important;max-width:none!important;height:42px!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;padding:4px!important;
    border:1px solid rgba(217,225,232,.95)!important;border-radius:13px!important;background:rgba(255,255,255,.94)!important;
    box-shadow:0 5px 16px rgba(31,48,63,.10)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
    overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;z-index:72!important;white-space:nowrap!important;
  }
  .bint3d-mobile-only .li3d-stage-tools::-webkit-scrollbar{display:none!important}
  .bint3d-mobile-only .li3d-stage-tools button{flex:0 0 auto!important;min-width:36px!important;height:34px!important;min-height:34px!important;padding:0 9px!important;border-radius:9px!important;font-size:10px!important;font-weight:800!important}
  .bint3d-mobile-only .li3d-stage-tools .li3d-template-select,
  .bint3d-mobile-only .li3d-stage-tools .li3d-space-stat,
  .bint3d-mobile-only .li3d-stage-tools .li3d-stage-status{display:none!important}

  /* Selection actions stay above bottom navigation. "More" always opens upward as a fixed sheet. */
  .bint3d-mobile-only .li3d-selection-bar{
    position:absolute!important;left:8px!important;right:8px!important;bottom:8px!important;top:auto!important;transform:none!important;
    width:auto!important;max-width:none!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
    flex-wrap:nowrap!important;gap:2px!important;padding:4px!important;border:1px solid #dce3e8!important;border-radius:14px!important;background:rgba(255,255,255,.97)!important;
    box-shadow:0 8px 24px rgba(24,39,52,.14)!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;z-index:74!important;
  }
  .bint3d-mobile-only .li3d-selection-bar::-webkit-scrollbar{display:none!important}
  .bint3d-mobile-only .li3d-selection-bar>button,
  .bint3d-mobile-only .li3d-selection-more>summary{flex:0 0 52px!important;min-width:52px!important;width:52px!important;height:42px!important;min-height:42px!important;padding:3px!important;border-radius:10px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important}
  .bint3d-mobile-only .li3d-selection-bar span{font-size:8px!important;line-height:1!important;white-space:nowrap!important}
  .bint3d-mobile-only .li3d-selection-more{position:static!important;height:auto!important}
  .bint3d-mobile-only .li3d-selection-more>div,
  .bint3d-mobile-only .li3d-selection-bar[style*="top: 56px"] .li3d-selection-more>div{
    position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:calc(var(--b3m-bottom) + 8px)!important;width:auto!important;
    max-height:min(58dvh,480px)!important;overflow:auto!important;padding:8px!important;border-radius:18px!important;border:1px solid #dce3e9!important;
    background:#fff!important;box-shadow:0 24px 70px rgba(17,28,39,.26)!important;z-index:440!important;
  }
  .bint3d-mobile-only .li3d-selection-more>div button{min-height:48px!important;height:auto!important;width:100%!important;padding:8px 12px!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;gap:10px!important}
  .bint3d-mobile-only .li3d-selection-more>div button span{font-size:12px!important}

  /* Left library and right editor use the SAME bottom-sheet geometry. */
  .bint3d-mobile-only .li3d-left,
  .bint3d-mobile-only .li3d-right{
    position:absolute!important;left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;width:auto!important;height:min(72dvh,610px)!important;
    max-height:calc(100% - 16px)!important;min-height:260px!important;margin:0!important;padding:0!important;
    border:1px solid #dce3e8!important;border-radius:20px!important;background:#fff!important;box-shadow:0 20px 60px rgba(21,35,47,.23)!important;
    transform:translate3d(0,calc(100% + 24px),0)!important;opacity:1!important;visibility:hidden!important;pointer-events:none!important;
    transition:transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s!important;will-change:transform!important;z-index:150!important;overflow:hidden!important;
  }
  .bint3d-mobile-only .li3d-left.is-open,
  .bint3d-mobile-only .li3d-right.is-open{
    transform:translate3d(0,0,0)!important;visibility:visible!important;pointer-events:auto!important;transition:transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s!important;
  }
  .bint3d-mobile-only.li3d-props-closed .li3d-right{transform:translate3d(0,calc(100% + 24px),0)!important;visibility:hidden!important;pointer-events:none!important}
  .bint3d-mobile-only .li3d-left::before,
  .bint3d-mobile-only .li3d-right::before{content:"";position:absolute;left:50%;top:6px;transform:translateX(-50%);width:40px;height:4px;border-radius:4px;background:#d8dde2;z-index:5}
  .bint3d-mobile-only .li3d-panel-head{position:sticky!important;top:0!important;height:58px!important;min-height:58px!important;padding:14px 12px 8px!important;background:#fff!important;border-bottom:1px solid #edf0f2!important;z-index:6!important}
  .bint3d-mobile-only .li3d-panel-head b{font-size:15px!important}
  .bint3d-mobile-only .li3d-panel-head small{font-size:10px!important}
  .bint3d-mobile-only .li3d-panel-head button{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-height:38px!important;border-radius:11px!important;font-size:20px!important}
  .bint3d-mobile-only .li3d-left .li3d-search-wrap{margin:8px 10px!important;min-height:46px!important}
  .bint3d-mobile-only .li3d-left .li3d-search-wrap input{height:44px!important}
  .bint3d-mobile-only .li3d-cat-tabs{overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important}
  .bint3d-mobile-only .li3d-cat-tabs::-webkit-scrollbar{display:none!important}
  .bint3d-mobile-only .li3d-catalog,
  .bint3d-mobile-only .li3d-properties{height:auto!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain!important;padding-bottom:24px!important;-webkit-overflow-scrolling:touch}
  .bint3d-mobile-only .li3d-left{display:flex!important;flex-direction:column!important}
  .bint3d-mobile-only .li3d-left .li3d-catalog{flex:1 1 auto!important;min-height:0!important}
  .bint3d-mobile-only .li3d-right{display:flex!important;flex-direction:column!important}
  .bint3d-mobile-only .li3d-right .li3d-properties{flex:1 1 auto!important;min-height:0!important}
  .bint3d-mobile-only .li3d-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .bint3d-mobile-only .li3d-cat-card{min-height:78px!important;padding:9px 6px!important}
  .bint3d-mobile-only .li3d-category-grid{grid-template-columns:1fr 1fr!important;max-height:none!important}

  .bint3d-mobile-only .li3d-panel-scrim{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background:rgba(12,22,31,.28)!important;
    z-index:140!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;
  }
  .bint3d-mobile-only .li3d-panel-scrim[hidden]{display:none!important}

  /* Bottom navigation: reachable with one thumb, no hidden actions. */
  .bint3d-mobile-only .li3d-mobile-nav{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;height:var(--b3m-bottom)!important;min-height:var(--b3m-bottom)!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:start!important;gap:0!important;padding:4px 4px max(4px,env(safe-area-inset-bottom,0px))!important;
    border:0!important;border-top:1px solid #dfe5ea!important;background:rgba(255,255,255,.985)!important;box-shadow:0 -8px 24px rgba(25,40,53,.08)!important;
    z-index:230!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
  }
  .bint3d-mobile-only .li3d-mobile-nav button{
    min-width:0!important;width:100%!important;height:54px!important;min-height:54px!important;padding:4px 2px!important;margin:0!important;border:0!important;border-radius:10px!important;
    background:transparent!important;color:#66727c!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;
    font-size:9px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;
  }
  .bint3d-mobile-only .li3d-mobile-nav button.is-active,
  .bint3d-mobile-only .li3d-mobile-nav button[aria-current="page"]{background:#eef5ff!important;color:#004aad!important}
  .bint3d-mobile-only .li3d-mobile-nav .b3m-nav-icon{width:21px;height:21px;display:grid;place-items:center;font-size:18px;line-height:1}
  .bint3d-mobile-only .li3d-mobile-nav .b3m-nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

  /* Start / home screen scrolls instead of overflowing under the nav. */
  .bint3d-mobile-only .li3d-start{position:absolute!important;inset:var(--b3m-top) 0 var(--b3m-bottom) 0!important;padding:10px!important;overflow:auto!important;overscroll-behavior:contain!important;z-index:120!important}
  .bint3d-mobile-only .li3d-start-card{width:100%!important;max-width:none!important;min-height:0!important;padding:18px 14px 22px!important;border-radius:18px!important}
  .bint3d-mobile-only .li3d-start-card h2{font-size:24px!important;line-height:1.08!important}
  .bint3d-mobile-only .li3d-layout-list{grid-template-columns:1fr!important}
  .bint3d-mobile-only .li3d-ready-groups{grid-template-columns:1fr!important}

  /* Estimate is also a sheet, never a canvas overlay strip. */
  .bint3d-mobile-only .li3d-price-strip{
    position:absolute!important;left:8px!important;right:8px!important;top:auto!important;bottom:calc(var(--b3m-bottom) + 8px)!important;width:auto!important;height:auto!important;
    max-height:min(68dvh,580px)!important;padding:12px!important;border-radius:20px!important;overflow:auto!important;z-index:310!important;
    transform:translate3d(0,24px,0)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  }
  .bint3d-mobile-only.li3d-estimate-open .li3d-price-strip{transform:translate3d(0,0,0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .bint3d-mobile-only .li3d-price-strip-title{display:grid!important;min-width:0!important;max-width:none!important}
  .bint3d-mobile-only .li3d-price-strip-title b{font-size:12px!important}.bint3d-mobile-only .li3d-price-strip-title small{font-size:10px!important}
  .bint3d-mobile-only .li3d-price-packages{grid-template-columns:1fr!important;gap:8px!important}
  .bint3d-mobile-only .li3d-price-card{height:auto!important;min-height:66px!important;padding:10px 12px!important}

  /* Command palette + other modal cards become thumb-friendly bottom sheets. */
  .bint3d-mobile-only .li3d-command-palette{position:absolute!important;inset:0!important;z-index:500!important;padding:0 8px calc(var(--b3m-bottom) + 8px)!important;align-items:flex-end!important}
  .bint3d-mobile-only .li3d-command-dialog{width:100%!important;max-width:none!important;max-height:min(72dvh,620px)!important;border-radius:20px!important}
  .bint3d-mobile-only .li3d-command-search input{font-size:16px!important}
  .bint3d-mobile-only .li3d-package-modal{align-items:flex-end!important;padding:8px 8px calc(var(--b3m-bottom) + 8px)!important}
  .bint3d-mobile-only .li3d-package-card{width:100%!important;max-width:none!important;max-height:75dvh!important;overflow:auto!important;border-radius:20px!important;padding:18px 14px!important}

  /* Export dialogs already have responsive CSS; make their viewport ownership explicit. */
  .bint3d-mobile-only .li3d-2dplan-modal,
  .bint3d-mobile-only .li3d-elements-modal{position:absolute!important;inset:0!important;z-index:1200!important;padding:8px!important;align-items:flex-end!important}
  .bint3d-mobile-only .li3d-2dplan-dialog,
  .bint3d-mobile-only .li3d-elements-dialog{width:100%!important;max-width:none!important;max-height:88dvh!important;border-radius:20px!important;overflow:auto!important}

  /* Cabinet designer: stage-first. Tools and details are mutually exclusive sheets. */
  .bint3d-mobile-only .bint-cabinet-editor{position:absolute!important;inset:0!important;z-index:16000!important;background:#edf1f4!important}
  .bint3d-mobile-only .bce-backdrop{display:none!important}
  .bint3d-mobile-only .bce-shell{position:absolute!important;inset:0!important;min-height:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;display:grid!important;grid-template-rows:54px minmax(0,1fr) 64px!important;overflow:hidden!important;box-shadow:none!important}
  .bint3d-mobile-only .bce-header{height:54px!important;min-height:54px!important;padding:6px 8px!important;gap:6px!important}
  .bint3d-mobile-only .bce-back{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important}
  .bint3d-mobile-only .bce-title-block{gap:7px!important;min-width:0!important}.bint3d-mobile-only .bce-title-block>div{min-width:0!important}
  .bint3d-mobile-only .bce-title-block b{font-size:14px!important;max-width:42vw!important}.bint3d-mobile-only .bce-title-block small{display:none!important}
  .bint3d-mobile-only .bce-head-actions{gap:3px!important}.bint3d-mobile-only .bce-head-actions button{width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;font-size:0!important}
  .bint3d-mobile-only .bce-head-actions [data-bce-undo]::after{content:"↶";font-size:18px}.bint3d-mobile-only .bce-head-actions [data-bce-redo]::after{content:"↷";font-size:18px}.bint3d-mobile-only .bce-head-actions .bce-close{font-size:20px!important}
  .bint3d-mobile-only .bce-body{position:relative!important;display:block!important;min-height:0!important;overflow:hidden!important}
  .bint3d-mobile-only .bce-work{position:absolute!important;inset:0!important;display:grid!important;grid-template-rows:46px minmax(0,1fr)!important;min-width:0!important;width:100%!important;height:100%!important}
  .bint3d-mobile-only .bce-viewbar{height:46px!important;padding:5px 7px!important;overflow:hidden!important}.bint3d-mobile-only .bce-view-segment{width:100%!important}.bint3d-mobile-only .bce-view-segment button{height:34px!important;min-height:34px!important;flex:1!important;font-size:9px!important;padding:0 5px!important}
  .bint3d-mobile-only .bce-measure-summary{display:none!important}
  .bint3d-mobile-only .bce-stage-wrap{position:relative!important;display:grid!important;place-items:center!important;overflow:auto!important;padding:44px 34px 54px!important;overscroll-behavior:contain!important}
  .bint3d-mobile-only .bce-stage-top{top:8px!important;left:8px!important;right:8px!important}.bint3d-mobile-only .bce-stage-top span{font-size:8px!important;padding:6px 8px!important}.bint3d-mobile-only .bce-stage-top small{display:none!important}
  .bint3d-mobile-only .bce-stage-frame{max-width:100%!important;max-height:100%!important}
  .bint3d-mobile-only .bce-stage{width:min(88vw,520px)!important;height:min(54dvh,500px)!important;min-width:250px!important;min-height:260px!important;max-width:520px!important;max-height:500px!important;border-width:7px!important;border-bottom-width:10px!important;touch-action:none!important}
  .bint3d-mobile-only .bce-ruler-x{top:-23px!important}.bint3d-mobile-only .bce-ruler-y{left:-27px!important;width:22px!important}
  .bint3d-mobile-only .bce-dim{font-size:8px!important}

  .bint3d-mobile-only .bce-left,
  .bint3d-mobile-only .bce-right{
    position:absolute!important;left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;width:auto!important;max-width:none!important;height:auto!important;max-height:min(64dvh,560px)!important;
    padding:14px!important;border:1px solid #dbe3e9!important;border-radius:18px!important;background:#fff!important;box-shadow:0 20px 60px rgba(18,32,43,.24)!important;
    overflow:auto!important;overscroll-behavior:contain!important;z-index:95!important;transform:translate3d(0,calc(100% + 28px),0)!important;visibility:hidden!important;pointer-events:none!important;
    transition:transform .2s cubic-bezier(.2,.8,.2,1),visibility 0s linear .2s!important;will-change:transform!important;
  }
  .bint3d-mobile-only .bce-left.is-mobile-open,
  .bint3d-mobile-only .bce-right.is-mobile-open{transform:translate3d(0,0,0)!important;visibility:visible!important;pointer-events:auto!important;transition:transform .2s cubic-bezier(.2,.8,.2,1),visibility 0s!important}
  .bint3d-mobile-only .bce-left::before,
  .bint3d-mobile-only .bce-right::before{content:"";position:sticky!important;display:block!important;top:0!important;margin:-7px auto 8px!important;width:40px!important;height:4px!important;border-radius:4px!important;background:#d7dde2!important}
  .bint3d-mobile-only .bce-mode-tabs{position:sticky!important;top:4px!important;z-index:2!important;background:#f1f4f6!important}.bint3d-mobile-only .bce-mode-tabs button{min-height:46px!important}
  .bint3d-mobile-only .bce-tool-grid button{min-height:74px!important}
  .bint3d-mobile-only .bce-fields input,.bint3d-mobile-only .bce-fields select{height:46px!important;font-size:16px!important}
  .bint3d-mobile-only .b3m-bce-scrim{position:absolute;inset:0;background:rgba(16,28,38,.25);z-index:90;border:0;display:none!important}
  .bint3d-mobile-only .b3m-bce-scrim.is-open{display:block!important}
  .bint3d-mobile-only .bce-footer{height:64px!important;min-height:64px!important;padding:6px!important;display:grid!important;grid-template-columns:56px 56px minmax(0,1fr) 82px!important;gap:5px!important;align-items:center!important;z-index:110!important}
  .bint3d-mobile-only .bce-footer>[data-bce-price]{min-width:0!important;overflow:hidden!important;display:flex!important;justify-content:flex-end!important;gap:4px!important}.bint3d-mobile-only .bce-footer>[data-bce-price]>span:first-child{display:none!important}.bint3d-mobile-only .bce-price-total{padding-left:0!important;border-left:0!important}.bint3d-mobile-only .bce-price-total small{display:none!important}.bint3d-mobile-only .bce-price-total b{font-size:10px!important;white-space:nowrap!important}
  .bint3d-mobile-only .b3m-bce-footer-btn{height:50px!important;min-width:0!important;padding:3px!important;border:0!important;border-radius:11px!important;background:#f1f5f8!important;color:#385268!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;font-size:8px!important;font-weight:850!important}.bint3d-mobile-only .b3m-bce-footer-btn i{font-style:normal;font-size:18px!important;line-height:1!important}
  .bint3d-mobile-only .b3m-bce-footer-btn.is-active{background:#eaf3ff!important;color:#0758ad!important}
  .bint3d-mobile-only .bce-done{height:50px!important;min-width:0!important;width:82px!important;padding:0 8px!important;border-radius:11px!important;font-size:10px!important}

  /* Small phones: keep touch targets, reduce only content density. */
  @media (max-width:380px){
    .bint3d-mobile-only{--b3m-top:52px;--b3m-bottom:calc(60px + env(safe-area-inset-bottom,0px))}
    .bint3d-mobile-only .li3d-view-switch button{width:36px!important;min-width:36px!important}
    .bint3d-mobile-only .li3d-top-menu>summary{width:34px!important;min-width:34px!important}
    .bint3d-mobile-only .li3d-mobile-nav button{font-size:8px!important}
    .bint3d-mobile-only .li3d-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
    .bint3d-mobile-only .li3d-selection-bar>button,.bint3d-mobile-only .li3d-selection-more>summary{flex-basis:48px!important;width:48px!important;min-width:48px!important}
    .bint3d-mobile-only .bce-stage{width:86vw!important;min-width:235px!important}
    .bint3d-mobile-only .bce-footer{grid-template-columns:52px 52px minmax(0,1fr) 76px!important}
    .bint3d-mobile-only .bce-done{width:76px!important}
  }

  /* Landscape phones: panels use horizontal space without covering the entire stage. */
  @media (orientation:landscape) and (max-height:520px){
    .bint3d-mobile-only{--b3m-top:48px;--b3m-bottom:56px;min-height:320px!important}
    .bint3d-mobile-only .li3d-topbar{padding-top:4px!important}
    .bint3d-mobile-only .li3d-view-bar{top:4px!important;height:38px!important}
    .bint3d-mobile-only .li3d-left,.bint3d-mobile-only .li3d-right{left:auto!important;right:8px!important;bottom:8px!important;top:8px!important;width:min(48vw,380px)!important;height:auto!important;max-height:none!important;transform:translate3d(calc(100% + 24px),0,0)!important;border-radius:18px!important}
    .bint3d-mobile-only .li3d-left.is-open,.bint3d-mobile-only .li3d-right.is-open{transform:translate3d(0,0,0)!important}
    .bint3d-mobile-only.li3d-props-closed .li3d-right{transform:translate3d(calc(100% + 24px),0,0)!important}
    .bint3d-mobile-only .li3d-category-grid{grid-template-columns:1fr!important}
    .bint3d-mobile-only .bce-stage-wrap{padding:34px 42px 42px!important}
    .bint3d-mobile-only .bce-stage{height:55vh!important;min-height:210px!important;max-height:330px!important;width:min(60vw,520px)!important}
    .bint3d-mobile-only .bce-left,.bint3d-mobile-only .bce-right{left:auto!important;right:8px!important;top:8px!important;bottom:8px!important;width:min(46vw,370px)!important;max-height:none!important;transform:translate3d(calc(100% + 24px),0,0)!important}
    .bint3d-mobile-only .bce-left.is-mobile-open,.bint3d-mobile-only .bce-right.is-mobile-open{transform:translate3d(0,0,0)!important}
  }
}

/* This plugin intentionally does not provide a desktop planner UI. */
@media (min-width:901px){
  .bint3d-mobile-only{position:relative!important;width:100%!important;height:520px!important;min-height:520px!important;border:1px solid #e0e5ea!important;border-radius:20px!important;overflow:hidden!important;background:#f5f7f9!important}
  .bint3d-mobile-only>.bint3dm-desktop-gate{display:grid!important;position:absolute!important;inset:0!important;place-items:center!important;padding:28px!important;background:linear-gradient(145deg,#f8fafc,#eef3f7)!important;z-index:999999!important}
  .bint3d-mobile-only>.bint3dm-desktop-gate~*{display:none!important}
  .bint3dm-desktop-gate-card{width:min(460px,100%);padding:28px;border:1px solid #dfe6ec;border-radius:22px;background:#fff;box-shadow:0 18px 60px rgba(25,42,55,.10);text-align:center;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17212b}
  .bint3dm-desktop-gate-card .li3d-brandmark{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:14px;background:#004aad;color:#fff;font-weight:900}
  .bint3dm-desktop-gate-card b{display:block;font-size:22px;margin-bottom:8px}.bint3dm-desktop-gate-card p{margin:0;color:#6d7984;font-size:14px;line-height:1.55}
}

@media (prefers-reduced-motion:reduce){
  .bint3d-mobile-only .li3d-left,.bint3d-mobile-only .li3d-right,.bint3d-mobile-only .bce-left,.bint3d-mobile-only .bce-right,.bint3d-mobile-only .li3d-price-strip{transition:none!important}
}

/* v1.1.0 — definitive phone authority.
 * These selectors intentionally outrank the inherited [data-layout=narrow], Canva UI,
 * roadmap and legacy viewport rules. No older responsive layer may reposition mobile UI.
 */
@media (max-width:900px){
  .li3d-root[data-bint-planner].bint3d-mobile-only{
    --b3m-top:54px!important;
    --b3m-bottom:calc(62px + env(safe-area-inset-bottom,0px))!important;
    --li3d-top:54px!important;
    height:var(--b3m-viewport-h,100dvh)!important;
    min-height:520px!important;
    max-height:var(--b3m-viewport-h,100dvh)!important;
  }

  /* Header = logo | 2D/3D | More. Nothing is allowed to overlap it. */
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-topbar{
    position:absolute!important;inset:0 0 auto 0!important;
    height:var(--b3m-top)!important;min-height:var(--b3m-top)!important;
    display:flex!important;grid-template-columns:none!important;grid-template-areas:none!important;
    align-items:center!important;justify-content:space-between!important;gap:6px!important;
    padding:6px 8px!important;padding-top:max(6px,env(safe-area-inset-top,0px))!important;
    overflow:visible!important;z-index:500!important;background:#fff!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-top-left{
    flex:0 0 42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;
    overflow:visible!important;display:flex!important;gap:0!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-brand,
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-project-name{display:none!important}
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-home-button{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}

  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-view-bar{
    position:absolute!important;left:50%!important;top:7px!important;bottom:auto!important;right:auto!important;
    transform:translateX(-50%)!important;width:auto!important;max-width:none!important;height:40px!important;
    z-index:3!important;margin:0!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-view-switch .li3d-view-explore{display:none!important}
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-top-actions{
    margin-left:auto!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;
    display:flex!important;justify-content:flex-end!important;gap:0!important;overflow:visible!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-export-menu{display:none!important}
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-top-actions>.li3d-more-menu{display:block!important}
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-more-menu>summary{
    display:grid!important;place-items:center!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;
    padding:0!important;border-radius:11px!important;font-size:16px!important;
  }

  /* True canvas viewport: inherited 56/58/82px offsets are explicitly neutralised. */
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-main{
    position:absolute!important;top:var(--b3m-top)!important;bottom:var(--b3m-bottom)!important;left:0!important;right:0!important;
    height:auto!important;width:100%!important;display:block!important;overflow:hidden!important;z-index:1!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-stage-wrap{
    position:absolute!important;inset:0!important;top:0!important;bottom:0!important;left:0!important;right:0!important;
    width:100%!important;height:100%!important;min-height:0!important;grid-column:auto!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-stage{
    position:absolute!important;inset:0!important;top:0!important;bottom:0!important;left:0!important;right:0!important;
    width:100%!important;height:100%!important;min-height:0!important;
  }

  /* Compact floating stage controls instead of an 82px full-width blank block. */
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-stage-tools{
    position:absolute!important;left:8px!important;right:auto!important;top:8px!important;bottom:auto!important;
    width:max-content!important;max-width:calc(100% - 16px)!important;height:42px!important;min-height:42px!important;
    display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;
    gap:3px!important;padding:4px!important;overflow-x:auto!important;overflow-y:hidden!important;
    border-radius:13px!important;z-index:72!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-stage-tools button{
    flex:0 0 auto!important;height:34px!important;min-height:34px!important;min-width:36px!important;padding:0 9px!important;
  }

  /* Mobile sheets. Scrim is moved into .li3d-main by mobile-only.js, below sheets. */
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-left,
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-right{
    position:absolute!important;left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;
    width:auto!important;height:min(72dvh,610px)!important;max-height:calc(100% - 16px)!important;min-height:260px!important;
    border-radius:20px!important;transform:translate3d(0,calc(100% + 28px),0)!important;
    visibility:hidden!important;opacity:1!important;pointer-events:none!important;z-index:150!important;
    transition:transform .20s cubic-bezier(.2,.8,.2,1),visibility 0s linear .20s!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-left.is-open,
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-right.is-open{
    transform:translate3d(0,0,0)!important;visibility:visible!important;pointer-events:auto!important;
    transition:transform .20s cubic-bezier(.2,.8,.2,1),visibility 0s!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only.li3d-props-closed .li3d-right{
    transform:translate3d(0,calc(100% + 28px),0)!important;visibility:hidden!important;pointer-events:none!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-panel-scrim:not([hidden]),
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-panel-scrim{
    position:absolute!important;inset:0!important;top:0!important;bottom:0!important;left:0!important;right:0!important;
    width:100%!important;height:100%!important;z-index:140!important;background:rgba(15,24,33,.30)!important;
    border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-panel-scrim[hidden]{display:none!important}

  /* The selected-item actions are anchored near the bottom, not above the design. */
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-selection-bar,
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-selection-bar[style*="top: 56px"]{
    position:absolute!important;left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;transform:none!important;
    width:auto!important;max-width:none!important;min-height:48px!important;z-index:74!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-open-properties{
    position:absolute!important;right:8px!important;left:auto!important;top:auto!important;bottom:62px!important;z-index:75!important;
  }

  /* Bottom nav is always the highest normal workspace control. */
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-mobile-nav{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
    height:var(--b3m-bottom)!important;min-height:var(--b3m-bottom)!important;display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;z-index:520!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-mobile-nav button{min-height:54px!important;height:54px!important}

  /* Start is a focused first-run step; workspace nav only appears after room creation. */
  .li3d-root[data-bint-planner].bint3d-mobile-only.b3m-start-open .li3d-mobile-nav{display:none!important}
  .li3d-root[data-bint-planner].bint3d-mobile-only.b3m-start-open .li3d-start{bottom:0!important}
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-start{
    position:absolute!important;top:var(--b3m-top)!important;bottom:var(--b3m-bottom)!important;left:0!important;right:0!important;
    height:auto!important;overflow:auto!important;z-index:120!important;
  }

  /* More is the only top sheet; everything remains reachable there without crowding header. */
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-top-menu[open]::before{
    position:fixed!important;inset:var(--b3m-top) 0 0 0!important;z-index:590!important;background:rgba(14,24,34,.28)!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-top-menu .li3d-menu-popover,
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-top-menu .li3d-menu-popover-right{
    position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;
    width:auto!important;max-width:none!important;max-height:min(72dvh,610px)!important;z-index:600!important;
  }

  .li3d-root[data-bint-planner].bint3d-mobile-only.b3m-keyboard-open .li3d-mobile-nav{display:none!important}
  .li3d-root[data-bint-planner].bint3d-mobile-only.b3m-keyboard-open .li3d-main{bottom:0!important}

  @media (max-width:380px){
    .li3d-root[data-bint-planner].bint3d-mobile-only{--b3m-top:52px!important;--b3m-bottom:calc(60px + env(safe-area-inset-bottom,0px))!important}
    .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-left,
    .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-right{left:6px!important;right:6px!important;bottom:6px!important;height:min(75dvh,600px)!important}
  }

  @media (orientation:landscape) and (max-height:520px){
    .li3d-root[data-bint-planner].bint3d-mobile-only{--b3m-top:48px!important;--b3m-bottom:56px!important;min-height:300px!important}
    .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-view-bar{top:4px!important;height:38px!important}
    .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-left,
    .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-right{
      left:auto!important;right:8px!important;top:8px!important;bottom:8px!important;width:min(48vw,390px)!important;height:auto!important;max-height:none!important;
      transform:translate3d(calc(100% + 24px),0,0)!important;
    }
    .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-left.is-open,
    .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-right.is-open{transform:translate3d(0,0,0)!important}
  }
}
@media (max-width:900px){
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-top-actions>*:not(.li3d-more-menu){display:none!important}
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-top-actions .li3d-more-menu{display:block!important}
}
@media (max-width:900px){
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-top-menu[open]::before{
    pointer-events:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-open-properties{display:none!important}
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-selection-bar[data-mode^="room"]{
    left:8px!important;right:auto!important;width:max-content!important;max-width:calc(100% - 16px)!important;
  }
}

/* v1.1.0 stability: the workspace is never a scroll container on phones.
   Inherited focus/scrollIntoView calls could silently scroll .li3d-main while it used
   overflow:hidden, moving otherwise-correct bottom sheets above the viewport. */
@media (max-width:900px){
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-main{
    overflow:clip!important;overflow-x:clip!important;overflow-y:clip!important;
    overscroll-behavior:none!important;scroll-behavior:auto!important;
  }
}


/* v1.1.0 phone information architecture: keep each sheet task-specific. */
@media (max-width:900px){
  .li3d-root[data-bint-planner].bint3d-mobile-only[data-b3m-sheet="build"] .li3d-left .li3d-search-wrap,
  .li3d-root[data-bint-planner].bint3d-mobile-only[data-b3m-sheet="build"] .li3d-left .li3d-category-hub,
  .li3d-root[data-bint-planner].bint3d-mobile-only[data-b3m-sheet="build"] .li3d-left .li3d-cat-tabs{display:none!important}

  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-more-menu .li3d-menu-popover{
    bottom:calc(var(--b3m-bottom) + 8px)!important;max-height:calc(100dvh - var(--b3m-top) - var(--b3m-bottom) - 24px)!important;
    padding:0 10px 12px!important;border-radius:20px!important;overflow:auto!important;overscroll-behavior:contain!important;
    background:#fff!important;box-shadow:0 22px 70px rgba(15,28,40,.26)!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .b3m-more-head{
    position:sticky!important;top:0!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
    min-height:64px!important;padding:10px 2px 8px!important;background:#fff!important;border-bottom:1px solid #edf0f2!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .b3m-more-head>div{display:grid!important;gap:1px!important}
  .li3d-root[data-bint-planner].bint3d-mobile-only .b3m-more-head b{font-size:17px!important;line-height:1.15!important}
  .li3d-root[data-bint-planner].bint3d-mobile-only .b3m-more-head small{font-size:10px!important;color:#7a858f!important}
  .li3d-root[data-bint-planner].bint3d-mobile-only .b3m-more-close{
    width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:12px!important;
    display:grid!important;place-items:center!important;background:#f2f4f6!important;color:#28323a!important;font-size:22px!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .b3m-more-section{display:block!important;padding-top:10px!important}
  .li3d-root[data-bint-planner].bint3d-mobile-only .b3m-more-section h3{margin:0 2px 7px!important;font-size:10px!important;line-height:1!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#7b858d!important}
  .li3d-root[data-bint-planner].bint3d-mobile-only .b3m-more-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .li3d-root[data-bint-planner].bint3d-mobile-only .b3m-more-grid>button{
    width:100%!important;min-width:0!important;min-height:54px!important;height:auto!important;margin:0!important;padding:9px 10px!important;border:1px solid #e2e7eb!important;border-radius:12px!important;
    display:flex!important;align-items:flex-start!important;justify-content:center!important;flex-direction:column!important;gap:2px!important;background:#f8f9fa!important;text-align:left!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .b3m-more-grid>button span{font-size:11px!important;font-weight:800!important;line-height:1.15!important;color:#27323a!important}
  .li3d-root[data-bint-planner].bint3d-mobile-only .b3m-more-grid>button small{display:none!important}
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-more-menu[open] .li3d-menu-popover{animation:b3mMoreIn .18s cubic-bezier(.2,.8,.2,1) both!important}
  @keyframes b3mMoreIn{from{opacity:.35;transform:translate3d(0,16px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
}

/* v1.1.0 final mobile IA: one clear five-step bottom workflow. */
@media (max-width:900px){
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-mobile-nav{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-mobile-nav button{
    min-width:0!important;padding:5px 2px calc(5px + env(safe-area-inset-bottom,0px))!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-mobile-nav button>span:last-child{
    display:block!important;font-size:9px!important;line-height:1.05!important;white-space:nowrap!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-mobile-nav .b3m-nav-icon{
    width:22px!important;height:22px!important;display:grid!important;place-items:center!important;margin:0 auto 2px!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-mobile-nav .b3m-nav-icon svg{
    width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  /* Add is for interior elements; Build has its own dedicated step. */
  .li3d-root[data-bint-planner].bint3d-mobile-only[data-b3m-sheet="elements"] [data-canva-category="BUILD"]{display:none!important}

  /* More behaves like a phone sheet, not a desktop dropdown. */
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-more-menu .li3d-menu-popover{
    position:fixed!important;left:8px!important;right:8px!important;top:auto!important;
    bottom:calc(var(--b3m-bottom) + 8px)!important;width:auto!important;min-width:0!important;
    max-width:none!important;transform:none!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .b3m-more-grid>button[hidden]{display:none!important}
}

/* v1.1.0 mobile catalog simplification: category chips were duplicated by a legacy
   high-specificity rule even while hidden. Phones use one category screen + Back. */
@media (max-width:900px){
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-cat-tabs,
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-cat-tabs[hidden]{display:none!important}
  .li3d-root[data-bint-planner].bint3d-mobile-only .b3m-category-toolbar{
    position:sticky!important;top:0!important;z-index:2!important;display:flex!important;align-items:center!important;gap:10px!important;
    margin:-2px -2px 10px!important;padding:6px 2px 8px!important;background:#fff!important;border-bottom:1px solid #edf0f2!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .b3m-category-toolbar button{
    flex:0 0 auto!important;min-height:38px!important;height:38px!important;padding:0 11px!important;border:1px solid #e0e5e9!important;border-radius:11px!important;background:#f7f8f9!important;font-size:11px!important;font-weight:800!important;
  }
  .li3d-root[data-bint-planner].bint3d-mobile-only .b3m-category-toolbar b{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

/* Keep the More sheet crisp. The inherited details::before scrim could paint above the
   fixed sheet on some mobile stacking-context combinations, making controls look disabled. */
@media (max-width:900px){
  .li3d-root[data-bint-planner].bint3d-mobile-only .li3d-more-menu[open]::before{background:transparent!important}
}