/* Mobile BINT.3D 2.5.1. One layout contract for the touch workspace. Native feature controls remain in the DOM; their original handlers are used. */ html.mb-workspace-active,body.mb-workspace-active{overflow:hidden!important;overscroll-behavior:none!important;width:100%!important;height:100%!important;margin:0!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"]{--mb-top:calc(56px + env(safe-area-inset-top,0px));--mb-bottom:calc(64px + env(safe-area-inset-bottom,0px));--mb-sheet:clamp(210px,calc(var(--mb-height,100dvh)*.60),570px);--mb-pane:min(var(--mb-sheet),calc(var(--mb-height,100dvh) - var(--mb-top) - var(--mb-bottom) - 96px));--mb-side:360px;--mb-ink:#1c293b;--mb-muted:#56677a;--mb-line:#dce3ed;--mb-blue:#2457c5;--mb-soft:#eef3ff;--li3d-top:0px;--li3d-rail:0px;--li3d-drawer:0px;position:fixed!important;inset:var(--mb-offset,0px) 0 auto 0!important;width:100%!important;max-width:none!important;height:var(--mb-height,100dvh)!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;isolation:isolate;z-index:999990!important;background:#f0f3f7!important;color:var(--mb-ink)!important;box-sizing:border-box!important;transform:none!important;font:400 15px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;-webkit-text-size-adjust:100%;text-size-adjust:100%} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] *,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] *::before,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] *::after{box-sizing:border-box;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] [hidden]{display:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] button,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] summary{font-family:inherit!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] :is(button,input,select,textarea,summary):focus-visible{outline:3px solid #5084ef!important;outline-offset:2px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] button:disabled{opacity:.42!important;cursor:default} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] select,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] textarea{font-family:inherit!important;font-size:16px!important;min-height:48px!important;min-width:0!important;max-width:100%!important;line-height:1.4!important;box-shadow:none;touch-action:manipulation} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] input[type=checkbox],.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] input[type=radio]{width:22px!important;height:22px!important;min-width:22px;accent-color:var(--mb-blue)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] input[type=range]{min-height:48px;touch-action:pan-x} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] input[type=color]{height:48px!important;min-width:48px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] :is(.mb-header,.mb-dock,.mb-panel,.mb-objectbar,.mb-history,.mb-canvas-controls,.mb-drawbar){font-family:inherit;color:var(--mb-ink);filter:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] [class^=mb-] button,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] [class^=mb-]>button{font-family:inherit!important;border:0;border-radius:10px;background:transparent;min-height:44px;box-shadow:none;transform:none!important;font-size:14px;font-weight:600;line-height:1.35;color:inherit;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] [class^=mb-] button:active{background:var(--mb-soft)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] [class^=mb-] svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0} /* App header and five fixed destinations. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-header{position:absolute;top:0;left:0;right:0;height:var(--mb-top);padding:calc(4px + env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) 4px max(8px,env(safe-area-inset-left,0px));z-index:400;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border-bottom:1px solid var(--mb-line)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-project-button{display:flex!important;flex:1;min-width:0;justify-content:flex-start!important;text-align:left;padding:0!important;gap:8px!important;height:48px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-logo{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;background:var(--mb-blue);color:#fff;font-size:19px;letter-spacing:-1px;border-radius:11px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-project-button>span{display:flex;flex-direction:column;gap:1px;min-width:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-project-button strong{font-size:14px;line-height:1.3;font-weight:750;white-space:nowrap} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-project-button small{font-size:12px;font-weight:400;color:var(--mb-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-views{display:flex;flex-shrink:0;gap:1px;background:#f0f3f8;padding:2px;border-radius:12px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-views button{height:44px;min-width:44px;min-height:44px;padding:8px 9px;font-size:14px;font-weight:650} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-views button.is-active{background:#fff;color:var(--mb-blue);box-shadow:0 1px 4px #1b2f521c} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-dock{position:absolute;bottom:0;left:0;right:0;height:var(--mb-bottom);z-index:450;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:4px max(6px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px));gap:2px;background:#fff;border-top:1px solid var(--mb-line)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-dock button{min-width:0;min-height:55px;flex-direction:column;gap:3px;font-size:12px;letter-spacing:0;padding:4px 0;border-radius:12px;font-weight:600} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-dock button.is-active{background:var(--mb-soft);color:var(--mb-blue)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-dock button svg{width:23px;height:23px} /* Only the adapter controls are visible. Original buttons remain callable. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"]>.li3d-topbar,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] :is(.li3d-mode-projectbar,.li3d-canva-rail,.li3d-mobile-nav,.li3d-panel-scrim,.li3d-stage-tools,.li3d-bottom-bar,.li3d-statusbar,.li3d-selection-bar,.li3d-open-properties,.li3d-simple-move-arrows,.li3d-selection-guide,.li3d-measure-tag,.bint-pro-mode-banner,.bint-context-tip,.bint-release-note,.bint-onboard,.li3d-canvas-stats){display:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-main{position:absolute!important;top:var(--mb-top)!important;bottom:var(--mb-bottom)!important;left:0!important;right:0!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;display:block!important;margin:0!important;padding:0!important;overflow:hidden!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] :is(.li3d-stage-wrap,.li3d-stage){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;display:block!important;touch-action:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] [data-role=canvas2d],.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] [data-role=canvas3d]{width:100%!important;height:100%!important;touch-action:none!important;overscroll-behavior:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] [data-role=canvas3d] canvas{touch-action:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-history,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-canvas-controls{position:absolute;top:calc(var(--mb-top) + 8px);display:flex;gap:2px;z-index:140;background:#fff;border:1px solid var(--mb-line);padding:2px;border-radius:12px;box-shadow:0 2px 8px #17283d0d} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-history{left:max(8px,env(safe-area-inset-left,0px))} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-history button{width:44px;height:44px;padding:9px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-history button:not(.mb-live-estimate)>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} /* v2.5.1 — compact live estimate: always visible on the working canvas, without a permanent price strip. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-history{max-width:calc(100% - 66px)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-history .mb-live-estimate{width:auto!important;min-width:104px!important;max-width:136px;height:44px!important;min-height:44px!important;padding:4px 7px 4px 8px!important;gap:6px!important;border-left:1px solid #e5eaf1!important;border-radius:9px!important;background:linear-gradient(135deg,#fbfdff,#f4f8ff)!important;color:#1d3557!important;overflow:hidden;position:relative} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-history .mb-live-estimate:active{background:#edf4ff!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-live-estimate-copy{display:grid;justify-items:start;min-width:0;gap:0;line-height:1} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-live-estimate-copy small{display:flex;align-items:center;gap:4px;font-size:8px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:.055em;color:#617085!important;white-space:nowrap;position:static!important;width:auto!important;height:auto!important;clip-path:none!important;overflow:visible!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-live-estimate-copy small i{width:6px;height:6px;border-radius:50%;background:#16a36a;box-shadow:0 0 0 2px #dff6ec;flex:0 0 6px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-live-estimate-copy strong{display:block;max-width:88px;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:1.25;font-weight:850;letter-spacing:-.01em;color:#173e82;white-space:nowrap;font-variant-numeric:tabular-nums} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-live-estimate>em{align-self:center;font-style:normal;font-size:7.5px;line-height:1;font-weight:850;letter-spacing:.04em;padding:3px 4px;border-radius:999px;background:#e7efff;color:#315ea8;white-space:nowrap} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-live-estimate[data-package="popular"]>em{background:#e4f8f4;color:#147a67} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-live-estimate[data-package="premium"]>em{background:#fff5dc;color:#8b6311} @media(max-width:370px){ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-history .mb-live-estimate{min-width:88px!important;max-width:98px;padding-left:6px!important;padding-right:6px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-live-estimate>em{display:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-live-estimate-copy strong{max-width:78px;font-size:12.5px} } @media(max-width:330px){ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-history{gap:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-history button:not(.mb-live-estimate){width:41px;height:42px;padding:8px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-history .mb-live-estimate{min-width:82px!important;max-width:88px;height:42px!important;min-height:42px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-live-estimate-copy small{font-size:7.5px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-live-estimate-copy strong{font-size:12px;max-width:72px} } .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-history button[data-mb-command=save]{color:var(--mb-blue)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-canvas-controls{right:max(8px,env(safe-area-inset-right,0px))} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-canvas-controls button{height:44px;min-width:62px;font-size:13px;padding:7px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-canvas-controls svg{width:18px;height:18px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-touch-hint{position:absolute;bottom:calc(var(--mb-bottom) + 12px);left:50%;transform:translateX(-50%)!important;max-width:calc(100% - 24px);z-index:120;border:1px solid var(--mb-line)!important;border-radius:30px!important;background:#fff!important;color:var(--mb-muted)!important;font-size:12px!important;font-weight:400!important;min-height:44px!important;padding:8px 13px!important;white-space:normal!important;text-align:center;line-height:1.4!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-objectbar{position:absolute;left:8px;right:8px;bottom:calc(var(--mb-bottom) + 8px);z-index:150;max-width:540px;margin:auto;padding:6px;background:#fff;border:1px solid var(--mb-line);border-radius:15px;box-shadow:0 4px 15px #17283d12} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-selected-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 6px 5px;white-space:nowrap;overflow:hidden;line-height:1.4;font-size:13px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-selected-title b{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-selected-title span{font-size:12px;color:var(--mb-muted);flex-shrink:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-selected-actions{display:flex;flex-wrap:nowrap;gap:3px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-selected-actions button{flex:1 0 58px;min-height:52px;padding:5px 3px;flex-direction:column;gap:2px;font-size:12px;border-radius:9px;background:#f7f9fc} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-selected-actions svg{width:21px;height:21px} /* A sheet never steals touch input from the unobscured part of the plan. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel{position:absolute;bottom:var(--mb-bottom);left:0;right:0;height:var(--mb-pane);z-index:300;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#fff;border-top:1px solid var(--mb-line);border-radius:18px 18px 0 0;box-shadow:0 -4px 14px #17283d0a} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel] .li3d-main{bottom:calc(var(--mb-bottom) + var(--mb-pane))!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel] :is(.mb-history,.mb-canvas-controls,.mb-touch-hint,.mb-objectbar){display:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel-head{display:flex;align-items:center;gap:3px;min-height:66px;padding:10px 8px 5px;flex-shrink:0;border-bottom:1px solid #e9eef5;position:relative;touch-action:none;background:#fff} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel-head:before{content:"";position:absolute;top:4px;left:calc(50% - 18px);width:36px;height:3px;background:#c9d3e0;border-radius:4px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel-head>button{width:44px;height:48px;min-width:44px;min-height:48px;padding:10px;flex-shrink:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel-title{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;padding-left:6px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel-title strong{font-size:17px;line-height:1.3;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel-title small{font-size:12px;line-height:1.35;color:var(--mb-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel-content{position:relative;flex:1;min-height:0;overflow:hidden} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel-content>:is(.li3d-left,.li3d-right,.li3d-price-strip,.mb-library-home,.mb-tool-body,.mb-edit-body){display:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel-content>:is(.li3d-left,.li3d-right){position:relative!important;inset:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;border:0!important;box-shadow:none!important;background:#fff!important;border-radius:0!important;padding:0!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;overflow:hidden!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel=catalog] .mb-panel-content>.li3d-left{display:flex!important;flex-direction:column!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel=properties] .mb-panel-content>.li3d-right{display:flex!important;flex-direction:column!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-left>.li3d-panel-head,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-right>.li3d-panel-head{display:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-search-wrap{flex:0 0 auto!important;display:flex!important;align-items:center;gap:8px;padding:10px 14px 8px!important;background:#fff!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-search-wrap>span{display:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-search-wrap .li3d-search{display:block!important;width:100%!important;padding:10px 12px!important;height:48px!important;background:#f6f8fc!important;border:1px solid var(--mb-line)!important;border-radius:12px!important;color:var(--mb-ink)!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-category-hub{flex:0 0 auto!important;padding:0 14px 8px!important;background:#fff} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-room-categories{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;gap:6px!important;padding:0!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-room-categories button{min-height:44px!important;flex:0 0 auto!important;font-size:13px!important;white-space:nowrap!important;padding:8px 10px!important;border-radius:10px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-room-categories small{font-size:12px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-sidebar-filter-row{margin-top:8px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-sidebar-filter-row>span{font-size:12px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-sidebar-filter-row select{min-height:44px!important;font-size:14px!important;max-width:175px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-catalog-kind=build][data-mb-panel=catalog] .li3d-category-hub{display:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-cat-tabs:not([hidden]){display:flex!important;gap:6px;flex:0 0 auto;overflow-x:auto;padding:0 14px 8px!important;scrollbar-width:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-cat-tabs button{min-height:44px!important;min-width:44px;font-size:13px!important;flex-shrink:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-catalog{display:block!important;flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;padding:8px 14px 22px!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-catalog>div,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-catalog>section{width:100%!important;margin:0 0 14px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-cat-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-cat-section h4{font-size:14px!important;line-height:1.45!important;margin:10px 0 9px!important;letter-spacing:0!important;color:var(--mb-muted)!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-catalog button{font-size:14px!important;line-height:1.4!important;min-height:44px!important;white-space:normal!important;max-width:100%!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-cat-card{min-height:125px!important;border:1px solid var(--mb-line)!important;border-radius:12px!important;padding:14px 10px 10px!important;background:#f8fafd!important;position:relative!important;gap:8px!important;box-shadow:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-cat-card>svg{width:34px!important;height:34px!important;margin:0 auto 4px!important;color:var(--mb-blue)!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-cat-card>span:not([data-bint-favourite]){font-size:14px!important;line-height:1.35!important;font-weight:600!important;white-space:normal!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-cat-card :is(small,.bint-kitchen-card-size,.bint-fitout-purpose){font-size:12px!important;line-height:1.45!important;color:var(--mb-muted)!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-cat-card [data-bint-favourite]{width:44px!important;height:44px!important;min-width:44px;min-height:44px;top:0!important;right:0!important;display:grid!important;place-items:center!important;border-radius:10px;font-size:19px!important;background:transparent!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-cat-card img{height:94px!important;object-fit:contain!important;max-width:100%} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-build-quick{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-build-quick button{display:grid!important;grid-template-columns:26px minmax(0,1fr);text-align:left;justify-content:start!important;gap:3px 8px!important;min-height:72px!important;padding:10px!important;background:#f6f8fc!important;border:1px solid var(--mb-line)!important;border-radius:12px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-build-quick svg{grid-row:1/3;color:var(--mb-blue)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-build-quick b{font-size:14px!important;line-height:1.35} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-build-quick small{font-weight:400!important;font-size:12px!important;color:var(--mb-muted);line-height:1.35;white-space:normal} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-build-advanced{border:1px solid var(--mb-line);border-radius:12px;padding:0 12px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-build-advanced>summary{min-height:48px;display:flex;align-items:center;font-size:13px;font-weight:600;list-style:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-build-advanced>summary:after{content:'＋';margin-left:auto;font-size:18px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-build-advanced[open]>summary:after{content:'−'} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-pro-build-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-pro-build-head span,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-pro-build-grid small{font-size:12px!important;line-height:1.45!important} /* The eight BINT categories remain together instead of in a scrolling footer. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel=categories] .mb-library-home{display:flex!important;flex-direction:column;height:100%;min-height:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-library-search{margin:10px 14px;display:flex;align-items:center;gap:8px;border:1px solid var(--mb-line);border-radius:12px;background:#f6f8fc;padding:0 10px;flex-shrink:0;color:var(--mb-muted)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-library-search input{border:0!important;background:transparent!important;width:100%;min-width:0;padding:10px 0;outline-offset:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-library-search svg{width:20px;height:20px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-library-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:0 14px 20px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-category-grid>button{border:1px solid var(--mb-line)!important;background:#f8fafd!important;min-height:82px!important;flex-direction:column;align-items:flex-start!important;text-align:left!important;gap:6px!important;padding:11px!important;border-radius:12px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-category-grid>button>svg:last-child{display:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-category-grid svg{width:23px;height:23px;color:var(--mb-blue)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-category-grid span{display:flex;flex-direction:column;gap:2px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-category-grid strong{font-size:14px;letter-spacing:.15px;font-weight:650} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-category-grid small{font-size:12px;line-height:1.4;color:var(--mb-muted);font-weight:400} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-recent h3{font-size:14px;line-height:1.4;margin:3px 0 8px;font-weight:600} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-recent-row{display:flex;gap:7px;overflow-x:auto;margin-bottom:14px;padding:2px 0;scrollbar-width:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-recent-row button{flex:0 0 120px;min-height:64px;background:#f0f5ff!important;border:1px solid #d6e2f8!important;flex-direction:column;font-size:12px;text-align:center;font-weight:500} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-recent-row span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-library-result{width:100%;min-height:70px!important;justify-content:flex-start!important;text-align:left;border-bottom:1px solid #e7edf4!important;border-radius:0!important;gap:12px!important;padding:12px 0!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-library-result>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-library-result b{font-size:14px;font-weight:600;line-height:1.4} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-library-result small{font-size:12px;color:var(--mb-muted);font-weight:400;line-height:1.4} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-library-result>svg:first-child{width:34px;height:34px;padding:5px;background:var(--mb-soft);color:var(--mb-blue);border-radius:9px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-library-result>svg:last-child{width:20px;height:20px;color:var(--mb-blue)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-empty-library{font-size:14px;line-height:1.6;padding:12px 0;color:var(--mb-muted)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-result-count{font-size:12px;color:var(--mb-muted);margin:0;padding:4px 0} /* Quick edit delegates every value to the native Properties field. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-property-tabs{display:flex;gap:5px;padding:9px 14px;flex-shrink:0;border-bottom:1px solid #edf1f6} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-property-tabs button{flex:1;font-size:14px;min-height:44px;background:#f4f6fa;border:1px solid transparent} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-property-tabs button.is-active{background:var(--mb-soft);color:var(--mb-blue);border-color:#cbd9f6} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-properties{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:12px 14px 24px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-edit-tab=quick] .li3d-properties{display:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-edit-tab=all] .mb-quick-properties{display:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-heading{display:flex;flex-direction:column;gap:2px;margin:0 0 12px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-heading strong{font-size:16px;font-weight:650} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-heading>span{font-size:12px;color:var(--mb-muted)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-fields{display:grid;grid-template-columns:1fr;gap:8px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-field{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);align-items:center;gap:12px;font-size:14px;min-height:48px;margin:0 0 8px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-field>span{display:flex;align-items:center;gap:5px;font-weight:500;flex-wrap:wrap} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-field small{font-size:12px;color:var(--mb-muted);font-weight:400} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-field input,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-field select{width:100%;border:1px solid #cdd8e6;border-radius:10px;padding:10px;background:#f8fafd;color:var(--mb-ink)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-position-details{border-top:1px solid var(--mb-line);margin-top:10px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-position-details>summary{display:flex;align-items:center;min-height:48px;font-size:14px;font-weight:600;cursor:pointer} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-position-details>summary:after{content:'＋';margin-left:auto} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-position-details[open]>summary:after{content:'−'} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-all-settings-link{min-height:48px!important;width:100%;font-size:13px!important;text-align:center;background:var(--mb-soft)!important;color:var(--mb-blue)!important;margin-top:12px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-feedback{font-size:12px;color:var(--mb-muted);margin:8px 0 0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-properties{flex:1;padding:12px 14px 24px!important;overflow-y:auto!important;min-height:0!important;height:auto!important;font-size:14px!important;overscroll-behavior:contain} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-properties .li3d-field{display:grid!important;grid-template-columns:minmax(95px,.8fr) minmax(0,1.2fr)!important;gap:10px!important;min-height:48px!important;align-items:center!important;font-size:14px!important;margin-bottom:10px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-properties input,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-properties select{width:100%!important;padding:9px 10px!important;height:auto!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-properties :is(h3,h4,h5){font-size:15px!important;line-height:1.45!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-properties label,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-properties summary{font-size:14px!important;line-height:1.45!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-properties small{font-size:12px!important;line-height:1.4!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-properties :is(button,summary){min-height:44px!important;font-size:13px!important;white-space:normal!important;line-height:1.4!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-material-field .bint-props-palette{grid-column:1/-1} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-material-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-material-chip{min-height:68px!important;padding:7px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-material-chip span{font-size:12px!important;line-height:1.3!important} /* Frequently used tasks are visible before the full searchable directory. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel=tools] .mb-tool-body{display:flex!important;flex-direction:column;height:100%;min-height:0;overflow:hidden} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:12px 14px 4px;flex-shrink:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-actions button{min-height:66px;flex-direction:column;background:#f5f8fe!important;border:1px solid var(--mb-line)!important;border-radius:12px;font-size:12px;padding:7px 2px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-actions svg{color:var(--mb-blue)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-search{padding:9px 14px;flex-shrink:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-search input{width:100%;padding:10px 12px;border:1px solid var(--mb-line);border-radius:12px;background:#f6f8fc} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-results{overflow-y:auto;overscroll-behavior:contain;padding:0 14px 24px;min-height:0;flex:1} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-group{border:1px solid var(--mb-line);border-radius:12px;margin:0 0 8px;overflow:hidden} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-group summary{display:flex;align-items:center;min-height:50px;list-style:none;padding:10px 12px;gap:6px;background:#f7f9fc;font-size:14px;font-weight:600;cursor:pointer} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-group summary::-webkit-details-marker{display:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-group summary small{font-size:12px;font-weight:400;color:var(--mb-muted);margin-left:auto} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-group summary:after{content:'＋';font-size:18px;margin-left:8px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-group[open]>summary:after{content:'−'} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-route{width:100%!important;min-height:54px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;font-size:14px!important;line-height:1.45!important;border:0!important;border-top:1px solid #eaf0f7!important;border-radius:0!important;padding:12px!important;gap:8px!important;background:#fff!important;box-shadow:none!important;color:var(--mb-ink)!important;white-space:normal!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-route>span{display:flex;flex-direction:column;gap:3px;min-width:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-route b{font-size:14px;font-weight:500;line-height:1.4} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-route small{font-size:12px;font-weight:400;color:var(--mb-muted);line-height:1.45} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-route svg{width:16px;height:16px;flex-shrink:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-project-label{display:grid;gap:5px;font-size:13px;padding:8px 14px 0;flex-shrink:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-project-label input{border:1px solid var(--mb-line);border-radius:10px;padding:10px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-build-version{font-size:12px;color:var(--mb-muted);text-align:center;margin:16px 0 0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel=selection] .mb-edit-body,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel=move] .mb-edit-body,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel=help] .mb-edit-body{display:block!important;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:12px 14px 24px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-note,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-help-guide p{font-size:14px;line-height:1.6;color:var(--mb-muted);margin:8px 0 16px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-help-guide h3{font-size:16px;font-weight:650;line-height:1.4;margin:8px 0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-step{font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:12px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-step select{width:145px;border:1px solid var(--mb-line);border-radius:10px;padding:8px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-nudge{display:grid;grid-template-columns:repeat(3,58px);justify-content:center;align-items:center;gap:6px;margin:12px auto} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-nudge button{height:52px;font-size:25px;background:var(--mb-soft)!important;border:1px solid #d2e0f9!important;color:var(--mb-blue)!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-nudge b{text-align:center;font-size:12px;color:var(--mb-muted)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-move-extra{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-move-extra button{min-height:48px;font-size:13px;padding:7px 3px;border:1px solid var(--mb-line)!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel=estimate] .mb-panel-content>.li3d-price-strip{display:flex!important;flex-direction:column!important;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;padding:14px!important;margin:0!important;gap:12px!important;background:#fff!important;transform:none!important;visibility:visible!important;opacity:1!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel=estimate] .li3d-price-strip>*,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel=estimate] .li3d-price-card{width:100%!important;min-width:0!important;flex:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel=estimate] .li3d-price-strip button{min-height:60px!important;font-size:14px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel=estimate] .li3d-price-packages{display:grid!important;grid-template-columns:1fr!important;gap:10px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel=estimate] .li3d-price-card{height:auto!important;min-height:90px!important;display:flex!important;flex-wrap:wrap;gap:8px;padding:12px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel=estimate] .li3d-price-card>small{font-size:12px!important;white-space:normal!important;width:100%;display:block!important;line-height:1.5!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-drawbar{position:absolute;top:calc(var(--mb-top) + 10px);left:10px;right:65px;z-index:160;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--mb-line);border-radius:12px;padding:6px 8px;box-shadow:0 4px 14px #17283d12} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-drawbar button{min-height:44px!important;padding:8px 12px!important;background:#eef4ff!important;color:var(--mb-blue)!important;font-size:13px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-drawbar b{font-size:12px;flex:1} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-layer-order{display:flex;gap:4px;grid-column:1/-1;justify-content:flex-end} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-layer-order button{min-width:44px;min-height:44px;border:1px solid var(--mb-line);border-radius:10px;font-size:18px!important;background:#f3f6fa} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-layer-row{min-height:58px!important;height:auto!important;flex-wrap:wrap;max-width:100%;grid-template-columns:32px minmax(0,1fr) auto!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-layer-row button{min-width:40px;min-height:44px!important} /* Native source modals remain intact, including all advanced options. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] :is(.li3d-start,.li3d-2dplan-modal,.li3d-elements-modal,.bint-pro-modal,.bint-company-modal,.bint-adaptive-dialog,.bint-access-modal,.bint-roadmap-modal,.li3d-package-modal){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;padding:max(8px,env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))!important;overflow:auto!important;z-index:9000!important;align-items:center!important;justify-content:center!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] :is(.li3d-start-card,.li3d-2dplan-dialog,.li3d-elements-dialog,.bint-pro-dialog,.bint-company-dialog,.bint-adaptive-dialog-card,.bint-access-card,.bint-roadmap-card,.li3d-package-card){width:100%!important;max-width:720px!important;min-width:0!important;max-height:100%!important;min-height:0!important;margin:0 auto!important;border-radius:16px!important;overflow-y:auto!important;overscroll-behavior:contain;box-shadow:0 8px 40px #101e3830!important;padding:16px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] :is(.bint-pro-head,.bint-company-head,.li3d-2dplan-head,.li3d-elements-head){gap:8px!important;flex-wrap:wrap!important;min-height:52px!important;padding:6px 0 12px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] :is(.bint-pro-body,.bint-company-body,.li3d-2dplan-body,.li3d-elements-body){min-width:0!important;min-height:0!important;padding:8px 0!important;overflow:visible!important;max-height:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] :is(.bint-pro-dialog,.bint-company-dialog,.bint-adaptive-dialog-card,.li3d-2dplan-dialog,.li3d-elements-dialog,.bint-access-card,.bint-roadmap-card,.li3d-package-card) button{min-height:44px!important;font-size:13px!important;white-space:normal!important;line-height:1.4!important;padding:9px 12px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] :is(.bint-pro-form-grid,.bint-company-grid,.bint-adaptive-dialog-fields,.li3d-2dplan-grid,.li3d-elements-grid){grid-template-columns:minmax(0,1fr)!important;gap:12px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] :is(.bint-pro-actions,.bint-company-actions,.li3d-2dplan-actions,.li3d-elements-actions){display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:12px 0!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] :is(.bint-pro-actions,.bint-company-actions,.li3d-2dplan-actions,.li3d-elements-actions)>button{flex:1 1 130px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] :is(.bint-pro-dialog,.bint-company-dialog,.li3d-2dplan-dialog,.li3d-elements-dialog) table{display:block;max-width:100%;overflow-x:auto;font-size:12px;overscroll-behavior:contain} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] :is(.bint-pro-dialog,.bint-company-dialog,.bint-adaptive-dialog-card,.li3d-2dplan-dialog,.li3d-elements-dialog,.li3d-package-card) label{font-size:12px!important;min-width:0!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] dialog.bint-realistic-dialog,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] dialog.bint-project-dialog,body.mb-workspace-active>dialog.bint-realistic-dialog,body.mb-workspace-active>dialog.bint-project-dialog{position:fixed!important;inset:8px!important;max-width:900px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important;max-height:calc(100% - 16px)!important;min-width:0!important;min-height:0!important;margin:auto!important;border-radius:16px!important;padding:0!important;overflow:hidden!important;box-sizing:border-box} body.mb-workspace-active dialog[open]{display:flex;flex-direction:column} body.mb-workspace-active dialog :is(.bint-realistic-header,.bint-project-header){flex-shrink:0;min-height:64px;padding:12px 14px;gap:8px} body.mb-workspace-active dialog :is(.bint-realistic-body,.bint-project-body){flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px;display:block} body.mb-workspace-active dialog :is(.bint-realistic-fields,.bint-project-controls,.bint-project-grid){display:grid;grid-template-columns:minmax(0,1fr)!important;gap:12px} body.mb-workspace-active dialog input,body.mb-workspace-active dialog select{font-size:16px!important;min-height:44px;min-width:0;max-width:100%} body.mb-workspace-active dialog button{min-height:44px;font-size:13px;white-space:normal} body.mb-workspace-active dialog :is(.bint-realistic-actions,.bint-project-actions){display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0;padding:12px 14px} body.mb-workspace-active dialog :is(.bint-realistic-actions,.bint-project-actions)>button{flex:1 1 100px} body.mb-workspace-active dialog table{display:block;overflow:auto;max-width:100%} /* Welcome: no tiny multi-column desktop launch grid. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-start-card{padding:20px 16px!important;background:#fff!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-start-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;padding:0 0 16px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-start-head h2{font-size:24px!important;line-height:1.15!important;letter-spacing:-.6px!important;margin:5px 0 8px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-start-head p{font-size:13px!important;line-height:1.6!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-start-head button{min-width:44px!important;min-height:44px!important;width:44px!important;padding:10px!important;flex-shrink:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-start-kicker{font-size:11px!important;letter-spacing:1.5px!important;color:var(--mb-blue)!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-start-launch-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-start-launch-grid button{min-height:88px!important;text-align:left!important;padding:14px!important;font-size:14px!important;border-radius:14px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-start-launch-grid button b{font-size:16px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-start-launch-grid button small{font-size:12px!important;line-height:1.5!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-start-bottom{font-size:11px!important;line-height:1.55!important;padding:16px 0 0!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-ready-cards,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-ready-grid,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-start-presets{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-ready-cards button,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-ready-grid button{min-height:74px!important;font-size:12px!important} /* Cabinet Editor: tabs switch existing Tools / Preview / Settings nodes. */ /* Professional linked Wall View. Tool rows scroll independently. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-wall-view{inset:0!important;min-width:0!important;min-height:0!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-wall-view :is(header,.bint-wall-view-head,.bint-wall-toolbar){flex-wrap:wrap!important;gap:5px!important;max-width:100%!important;min-width:0!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-wall-view button{min-height:40px!important;font-size:12px!important;white-space:nowrap!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-wall-view canvas{touch-action:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-toast{max-width:calc(100% - 24px)!important;left:12px!important;right:auto!important;bottom:calc(var(--mb-bottom) + 115px)!important;font-size:12px!important;padding:10px 14px!important;z-index:15000!important;pointer-events:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-size-editor,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-panel{position:absolute!important;left:8px!important;right:8px!important;top:auto!important;bottom:calc(var(--mb-bottom) + 10px)!important;max-width:420px!important;width:calc(100% - 16px)!important;max-height:calc(var(--mb-height,100dvh) - var(--mb-top) - var(--mb-bottom) - 20px)!important;overflow:auto!important;margin:0 auto!important;z-index:1000!important;transform:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-size-editor button,.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-panel button{min-height:44px!important;font-size:13px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-start.is-hidden{display:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-guided-coach{display:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel=guide] .mb-panel-content>.bint-guided-coach{display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;height:100%!important;overflow:auto!important;padding:16px!important;background:#fff!important;border:0!important;box-shadow:none!important;transform:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-guided-coach>b{font-size:17px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-guided-coach>span{font-size:14px!important;line-height:1.6!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-guided-coach>div{display:flex!important;flex-wrap:wrap;gap:8px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-guided-coach button{min-height:48px!important;font-size:14px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-start{background:#f3f6fb!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-start-card{box-shadow:none!important;border:1px solid var(--mb-line)!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-start-bottom{font-size:12px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-drawbar{top:calc(var(--mb-top) + 8px);left:8px;right:8px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-drawing="1"] .mb-canvas-controls{display:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-expanded="1"] .mb-panel{height:calc(var(--mb-height,100dvh) - var(--mb-top) - var(--mb-bottom));border-radius:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-expanded="1"] .li3d-main{visibility:hidden!important;pointer-events:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-toast{font-size:13px!important;max-width:calc(100% - 24px)!important;bottom:calc(var(--mb-bottom) + 104px)!important;padding:10px 12px!important;pointer-events:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-empty{font-size:14px;line-height:1.5;color:var(--mb-muted)} @media(min-width:768px),(min-width:650px) and (max-height:540px){ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"]{--mb-side:clamp(300px,43vw,420px)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel] .li3d-main{bottom:var(--mb-bottom)!important;right:var(--mb-side)!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel{top:var(--mb-top);bottom:var(--mb-bottom);left:auto;right:0;width:var(--mb-side);height:auto;border-radius:0;border-top:0;border-left:1px solid var(--mb-line)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-expanded="1"] .mb-panel{width:100%;height:auto} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel-head:before{display:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-dock{padding-left:max(6px,calc((100vw - 630px)/2));padding-right:max(6px,calc((100vw - 630px)/2))} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-objectbar{margin-left:8px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-project-button small{max-width:280px} } @media(max-width:350px){ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-project-button small{max-width:96px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-project-button{gap:5px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel-title strong{font-size:16px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel-title small{font-size:12px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-selected-title span{display:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-category-grid small{font-size:12px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-category-grid>button{padding:10px!important} } @media(max-height:540px){ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"]{--mb-top:calc(52px + env(safe-area-inset-top,0px));--mb-bottom:calc(58px + env(safe-area-inset-bottom,0px))} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-header{padding-top:calc(2px + env(safe-area-inset-top,0px));padding-bottom:2px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-dock button{min-height:48px;font-size:12px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-dock{padding-top:3px;padding-bottom:calc(3px + env(safe-area-inset-bottom,0px))} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel-head{min-height:56px;padding-top:4px;padding-bottom:4px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel-head:before{display:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel-title small{display:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-actions{grid-template-columns:repeat(6,minmax(0,1fr));padding:8px 10px 4px;gap:3px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-actions button{min-height:48px;font-size:11px;padding:4px 1px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-actions svg{width:18px;height:18px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-search{padding:5px 12px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-project-label{display:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-selected-title span{display:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-objectbar{padding:4px;bottom:calc(var(--mb-bottom) + 4px)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-selected-actions button{flex-direction:row;min-height:44px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-selected-actions svg{width:18px;height:18px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-touch-hint{display:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .li3d-start-launch-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} } .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-keyboard="1"] .mb-panel{height:calc(var(--mb-height,100dvh) - var(--mb-top));top:var(--mb-top);bottom:0;width:100%;left:0;z-index:600;border-radius:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-keyboard="1"] .mb-dock{visibility:hidden;pointer-events:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-keyboard="1"] .mb-quick-actions{display:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-keyboard="1"] .li3d-main{visibility:hidden} @media(prefers-reduced-motion:reduce){.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}} /* More: fixed search, one scroll area for shortcuts and the complete directory. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-results .mb-quick-actions{padding:2px 0 12px;grid-template-columns:repeat(3,minmax(0,1fr))!important} @media (max-height:500px) and (max-width:700px){ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-results .mb-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important} } /* Keep less frequent native Build filters reachable without pinning them open. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] [data-mb-command="build-filters"]{display:none;min-width:54px;min-height:48px;padding:6px;border:1px solid var(--mb-line);border-radius:10px;background:#f5f8ff;font-size:12px;flex-direction:column;gap:1px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-catalog-kind="build"][data-mb-panel="catalog"] [data-mb-command="build-filters"]{display:flex!important;flex-shrink:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-catalog-kind="build"] .li3d-search-wrap .li3d-search{flex:1;width:0!important;min-width:0!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-catalog-kind="build"][data-mb-build-filters="1"] .li3d-category-hub:not([hidden]){display:block!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-results .mb-project-label{display:grid!important;padding:8px 0 12px} /* 2.5.0: refinement of the approved layout, not another shell. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-selected-title{gap:6px;min-height:36px;padding:0 2px 2px;overflow:visible} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-selected-title>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-selected-title>[data-mb-command="deselect"]{width:44px;min-width:44px;min-height:44px;height:44px;padding:10px;flex:none;background:transparent} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] [data-mb-command="deselect"] span{display:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-feedback:empty{display:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-feedback:not(:empty){display:block;margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#edf6f1;color:#245b3b;font-size:13px;line-height:1.45;overflow-wrap:anywhere} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quick-feedback[data-state="error"]{background:#fff3eb;color:#843b19} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] [data-mb-prop][aria-invalid="true"]{border:2px solid #a8421b!important;outline-color:#a8421b!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-locked-note{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px;border-radius:10px;background:#fff7e6;font-size:13px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-locked-note>span{flex:1} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-locked-note button{min-height:44px;display:flex;align-items:center;gap:6px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] [data-mb-nudge]{touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] [data-mb-nudge].is-held{background:#2457c5!important;color:#fff!important;border-color:#2457c5!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-move-feedback{font-size:13px;line-height:1.45;color:var(--mb-muted);margin:12px 0;min-height:38px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-move-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-move-footer button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;border:1px solid var(--mb-line);border-radius:10px;background:var(--mb-soft)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-move-footer [data-mb-command="close"]{background:var(--mb-blue);color:white;border-color:var(--mb-blue)} /* Hidden state wins over component display rules, including tool search results. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] [hidden][hidden][hidden]{display:none!important} /* Keep Done/Undo above the dock; only movement controls scroll on short screens. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel="move"] .mb-edit-body{display:flex!important;flex-direction:column;overflow:hidden!important;padding:0!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-move-controls{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 14px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-move-footer{flex:none;padding:8px 14px!important;border-top:1px solid var(--mb-line);background:#fff} /* v2.5.2 Stage 1 — usability foundation only. No information-architecture changes. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"]{ inset:var(--mb-offset,0px) auto auto var(--mb-vv-left,0px)!important; width:var(--mb-vv-width,100vw)!important; } /* Short phones in landscape need a side sheet; the old bottom sheet could collapse to roughly 110px of total height, leaving almost no usable content. */ @media (min-width:520px) and (max-height:540px){ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"]{--mb-side:clamp(280px,46vw,360px)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel] .li3d-main{bottom:var(--mb-bottom)!important;right:var(--mb-side)!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel{top:var(--mb-top);bottom:var(--mb-bottom);left:auto;right:0;width:var(--mb-side);height:auto;border-radius:0;border-top:0;border-left:1px solid var(--mb-line)} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-panel-head:before{display:none} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-expanded="1"] .mb-panel{width:100%;height:auto;left:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-expanded="1"] .li3d-main{right:100%!important} } /* Keep the five approved destinations readable on narrow phones without reducing the hit area. */ @media (max-width:350px){ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-dock button{font-size:11.5px;padding-inline:1px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-views button{min-width:42px;padding-inline:7px} } /* Keyboard mode keeps the editor inside the visual viewport. The canvas is hidden only while a form field has actually reduced the visual viewport. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-keyboard="1"] .mb-panel-content, .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-keyboard="1"] .li3d-right, .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-keyboard="1"] .li3d-properties, .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-keyboard="1"] .mb-quick-properties{overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch} /* Existing secondary dialogs were built for desktop-density. Stage 1 only changes physical readability/hit areas; handlers and data stay untouched. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-workspace-dialog{width:min(560px,calc(100% - 16px))!important;max-height:calc(100% - 16px)!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-workspace-dialog>header{padding:12px 14px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-workspace-dialog header small{font-size:12px!important;line-height:1.35!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-workspace-dialog h3{font-size:17px!important;line-height:1.35!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] [data-bint-modal-close]{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:8px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-workspace-dialog-body{font-size:14px!important;line-height:1.5!important;padding:14px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-workspace-dialog-body p{font-size:14px!important;line-height:1.5!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] :is(.bint-dialog-actions,.bint-choice-grid,.bint-room-type-grid) button{min-height:48px!important;font-size:14px!important;line-height:1.35!important;padding:10px 12px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-choice-grid button span{font-size:12px!important;line-height:1.4!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-adaptive-dialog{padding:8px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-adaptive-dialog-card{width:min(500px,100%)!important;max-height:calc(100% - 16px)!important;padding:14px!important;gap:10px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-adaptive-dialog-card header>b{font-size:16px!important;line-height:1.35!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-adaptive-dialog-card header>button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:8px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-adaptive-dialog-card p{font-size:13px!important;line-height:1.5!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-adaptive-dialog-card label{font-size:13px!important;line-height:1.4!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-adaptive-dialog-card>button, .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] :is(.bint-adaptive-centre-wall,.bint-adaptive-centre-room,.bint-adaptive-centre-object)>button{min-height:48px!important;font-size:14px!important;line-height:1.35!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-company-close{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-company-head span{font-size:12px!important;line-height:1.4!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-company-intro{font-size:13px!important;line-height:1.5!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-company-field>span{font-size:12px!important;line-height:1.4!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-company-actions{position:sticky;bottom:0;background:#fff;padding-bottom:max(10px,env(safe-area-inset-bottom,0px));z-index:2} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-company-actions button{min-height:48px!important;font-size:13px!important} /* Export/setup overlays: constrain to the current visual viewport and keep actions tappable. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] :is(.li3d-2dplan-modal,.li3d-elements-modal,.bint-workspace-modal,.bint-company-modal,.bint-adaptive-dialog){backdrop-filter:none!important;-webkit-backdrop-filter:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] :is(.li3d-2dplan-dialog,.li3d-elements-dialog,.bint-company-dialog,.bint-project-dialog){max-height:calc(var(--mb-height,100dvh) - 16px)!important} @media (max-width:430px){ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-room-type-grid{grid-template-columns:1fr 1fr!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-company-head{padding:12px 14px 10px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-company-body{padding:14px!important} } /* v2.5.4 Stage 3 — plain-language feature discovery inside the existing More sheet. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-search-status{margin:0;padding:0 14px 9px;color:var(--mb-muted);font-size:12px;line-height:1.35;flex-shrink:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-group summary>span{display:grid;gap:2px;min-width:0;flex:1} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-group summary>span>b{font-size:14px;font-weight:650;color:var(--mb-ink);line-height:1.25} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-group summary>span>small{font-size:11px;font-weight:400;color:var(--mb-muted);line-height:1.3;margin:0} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-group summary>em{font-style:normal;font-size:11px;font-weight:650;color:var(--mb-muted);min-width:20px;text-align:center} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-tool-group summary:after{margin-left:2px} /* v2.5.4.3 rotation reset — object-first mobile interaction, no rotation sheet/form. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-bint-rotate-preview] .mb-objectbar, .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-bint-rotate-preview] .mb-touch-hint, .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-bint-rotate-preview] .mb-canvas-controls{opacity:0!important;visibility:hidden!important;pointer-events:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-panel{position:absolute!important;z-index:1100!important;left:max(8px,env(safe-area-inset-left,0px))!important;right:max(8px,env(safe-area-inset-right,0px))!important;bottom:calc(var(--mb-bottom) + 8px)!important;width:auto!important;max-width:540px!important;height:auto!important;max-height:none!important;margin:0 auto!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 28px rgba(17,24,39,.16)!important;color:var(--mb-ink)!important;transform:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-panel[hidden]{display:none!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-mobilebar{display:grid;grid-template-columns:auto 52px minmax(74px,1fr) 52px auto;align-items:center;gap:4px;padding:6px;border:1px solid var(--mb-line);border-radius:16px;background:#fff} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-mobilebar button{min-height:46px!important;height:46px!important;padding:0 11px!important;border:0!important;border-radius:11px!important;background:#f5f7fb!important;color:var(--mb-ink)!important;font:700 13px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-mobilebar .bint-rotate-step{padding:0 5px!important;color:var(--mb-blue)!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-step i{font-style:normal;font-size:21px;line-height:1} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-step span{font-size:10px;line-height:1} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-readout{min-width:0;height:46px;display:grid;place-items:center;align-content:center;gap:1px;padding:3px 6px;border-radius:11px;background:#eef4ff;color:var(--mb-blue);text-align:center} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-readout strong{font-size:20px;line-height:1;font-weight:800;letter-spacing:-.02em} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-readout small{max-width:100%;font-size:9px;line-height:1.15;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5f7187} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-panel[data-clear="0"] .bint-rotate-readout{background:#fff0ee;color:#b53b32} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-panel[data-clear="0"] .bint-rotate-readout small{color:#9a413a} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-mobilebar .bint-rotate-apply{background:var(--mb-blue)!important;color:#fff!important;min-width:62px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-mobilebar .bint-rotate-apply:disabled{background:#d8dfe9!important;color:#7a8798!important;opacity:1!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-mobilebar .bint-rotate-cancel{background:#fff!important;color:#596b80!important;border:1px solid #e2e7ee!important} @media(max-width:350px){ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-mobilebar{grid-template-columns:auto 46px minmax(64px,1fr) 46px auto;gap:2px;padding:5px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-mobilebar button{padding-inline:8px!important;font-size:12px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-readout strong{font-size:18px} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-readout small{display:none} } @media(min-width:520px) and (max-height:540px){ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .bint-rotate-panel{left:50%!important;right:auto!important;bottom:calc(var(--mb-bottom) + 6px)!important;width:min(520px,calc(100% - 20px))!important;transform:translateX(-50%)!important} } /* Unified RC2: the desktop <=700px rule hid the only quotation action. Scope the override to the actual touch sheet; desktop keeps select + download. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel="estimate"] .li3d-price-actions{display:flex!important;position:sticky!important;bottom:0!important;z-index:2;background:#fff!important;padding:8px 0!important;margin:0!important;width:100%!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel="estimate"] .li3d-price-actions [data-bint-quote-download]{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;min-height:48px!important;padding:12px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel="estimate"] .li3d-price-actions [data-bint-quote-download] small{display:inline!important;font-size:12px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel="estimate"] .li3d-price-card{display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto auto!important;text-align:left!important;height:auto!important;min-height:98px!important;gap:5px 10px!important;padding:12px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel="estimate"] .li3d-price-card>span{grid-column:1!important;grid-row:1!important;font-size:12px!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel="estimate"] .li3d-price-card>strong{grid-column:2!important;grid-row:1!important;font-size:18px!important;text-align:right!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mb-panel="estimate"] .li3d-price-card>small{grid-column:1/-1!important;grid-row:2!important;display:block!important;width:100%!important;max-width:none!important;font-size:11px!important;line-height:1.35!important;white-space:normal!important;text-align:left!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quote-card-action{grid-column:1/-1;grid-row:3;display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.3;font-style:normal;font-weight:700;color:#315ea8} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-quote-card-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none} /* RC17: clear passage stays visible alongside the frame inputs. */ .mb-opening-clear{display:flex;flex-wrap:wrap;gap:5px 12px;background:#eef7f3;border:1px solid #cee3d8;padding:12px;border-radius:10px;margin:10px 0;color:#205a43}.mb-opening-clear b,.mb-opening-clear small{flex-basis:100%}.mb-opening-clear span{font-weight:600}.mb-opening-clear small{font-size:12px;line-height:1.5} /* RC20 compact wall-draw control: keep the canvas clear and place the exit control above the dock. */ .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-drawbar{top:auto!important;bottom:calc(var(--mb-bottom) + 8px)!important;left:50%!important;right:auto!important;transform:translateX(-50%);width:max-content;max-width:calc(100% - 20px);min-height:0;flex-wrap:nowrap!important;border-radius:999px!important;padding:5px 6px 5px 10px!important;box-shadow:0 5px 18px #17283d1a!important} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-drawbar b{display:flex;align-items:center;gap:6px;flex:0 0 auto;font-size:10.5px!important;white-space:nowrap} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-drawbar .mb-wall-live-dot{width:7px;height:7px;border-radius:50%;background:#159c73;box-shadow:0 0 0 3px rgba(21,156,115,.12);display:inline-block} .li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"] .mb-drawbar button{min-height:30px!important;padding:7px 11px!important;border-radius:999px!important;background:#17324e!important;color:#fff!important;font-size:11px!important}