/* Apple UI Trial 1 — one theme owner. The original planner and all action routes are retained. Layered important rules supersede older scoped UI skins. */ @layer bint-apple-trial { :is([data-bint-planner],.bint-drawing-choice,.bsc-page,body[data-drawing-version],body[data-quotation-version]) { --ap-ground:#f2f4f8;--ap-surface:#fbfcfe;--ap-white:#fff;--ap-ink:#202633;--ap-muted:#596273;--ap-blue:#0965d9;--ap-tint:#e8f0ff;--ap-line:#e1e5ec;--ap-input:#8b95a5;--ap-danger:#c12632;--ap-font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ap-shadow:0 8px 28px #23334b14; font-family:var(--ap-font)!important;color:var(--ap-ink)!important;-webkit-font-smoothing:antialiased; } :is([data-bint-planner],.bint-drawing-choice,.bsc-page,body[data-drawing-version],body[data-quotation-version]) :is(button,summary,input,select,textarea,h1,h2,h3,h4,h5,b,strong,small,label,p,span,em) {font-family:var(--ap-font)!important;letter-spacing:normal!important;text-shadow:none!important} :is([data-bint-planner],.bint-drawing-choice,.bsc-page,body[data-drawing-version],body[data-quotation-version]) :where(button,summary,input,select,textarea) {box-sizing:border-box;max-width:100%;min-width:0} :is([data-bint-planner],.bint-drawing-choice,.bsc-page,body[data-drawing-version],body[data-quotation-version]) :where(:is(button,summary,[role=button]):not(.bce-visual *,[class*=backdrop],[class*=scrim],.bint-mat-swatch,.li3d-floor-swatch,.li3d-material-chip,.bint-pro-mat-chip,.li3d-swatch,[data-material-key],.li3d-canva-material)) { background:#f0f2f6!important;color:var(--ap-ink)!important;border:1px solid transparent!important;border-radius:8px!important;box-shadow:none!important;font-weight:500!important;font-size:13px!important;text-transform:none!important;filter:none!important;transition:background-color 140ms ease,color 140ms ease,opacity 140ms ease!important; } :is([data-bint-planner],.bint-drawing-choice,.bsc-page,body[data-drawing-version],body[data-quotation-version]) :where(:is(button,summary,[role=button]):not(.bce-visual *,[class*=backdrop],[class*=scrim],.bint-mat-swatch,.li3d-floor-swatch,.li3d-material-chip,.bint-pro-mat-chip,.li3d-swatch,[data-material-key],.li3d-canva-material)):hover:not(:disabled) {background:#e5e9f0!important} :is([data-bint-planner],.bint-drawing-choice,.bsc-page,body[data-drawing-version],body[data-quotation-version]) :is(button,summary,input,select,textarea):focus-visible {outline:2px solid var(--ap-blue)!important;outline-offset:2px!important} :is([data-bint-planner],.bint-drawing-choice,.bsc-page,body[data-drawing-version],body[data-quotation-version]) :is(button,summary):is(:disabled,[aria-disabled=true]) {opacity:.45!important;cursor:default!important} :is([data-bint-planner],.bint-drawing-choice,.bsc-page,body[data-drawing-version],body[data-quotation-version]) :where(button,summary):not(.bce-visual *):is(.is-active,.active,.is-selected,[aria-pressed=true],[aria-selected=true],[aria-current=true]) {background:var(--ap-tint)!important;color:var(--ap-blue)!important;border-color:transparent!important;box-shadow:none!important} :is([data-bint-planner],.bint-drawing-choice,.bsc-page,body[data-drawing-version],body[data-quotation-version]) :is(.is-primary,.li3d-primary,.bint-big-primary,.bint-pro-primary,.bint-review-primary,.bce-done,.ds-primary,.qs-primary,.bsc-primary,.li3d-2dplan-download,.li3d-elements-download,.bint-rotate-apply,[data-realistic-generate],[data-realistic-start],[data-realistic-download],[data-sc-run],[data-sc-preview-apply],.li3d-export-menu>summary,.bint-drawing-choice-actions>.is-download) {background:var(--ap-blue)!important;color:#fff!important;border-color:transparent!important} :is([data-bint-planner],.bint-drawing-choice,.bsc-page,body[data-drawing-version],body[data-quotation-version]) :is(.is-primary,.li3d-primary,.bint-big-primary,.bint-pro-primary,.ds-primary,.qs-primary,.li3d-export-menu>summary) :is(span,b,strong,small) {color:inherit!important} :is([data-bint-planner],.bint-drawing-choice,.bsc-page,body[data-drawing-version],body[data-quotation-version]) :is(.is-danger,.li3d-danger,.qs-danger,.ds-danger,[data-action=delete],[data-project-delete],[data-apple-action=delete]) {color:var(--ap-danger)!important} [data-bint-planner] :is(input,select,textarea):not([type=range],[type=checkbox],[type=radio],[type=color],[type=file]) {background:var(--ap-white)!important;color:var(--ap-ink)!important;border:1px solid var(--ap-input)!important;border-radius:8px!important;box-shadow:none!important;font-size:13px!important;line-height:1.4!important;font-weight:400!important} [data-bint-planner] input::placeholder {color:var(--ap-muted)!important;opacity:1} [data-bint-planner] :is(h3,h4,h5,.li3d-prop-title b,.li3d-panel-head b,.mb-panel-title strong){color:var(--ap-ink)!important;font-weight:600!important;text-transform:none!important} [data-bint-planner] :is(.li3d-field>span,.li3d-panel-head small,.li3d-prop-title small,.li3d-help,.mb-panel-title small){color:var(--ap-muted)!important} [data-bint-planner] :is(.li3d-topbar,.li3d-left,.li3d-right,.li3d-canva-rail,.li3d-panel-head,.mb-panel,.mb-objectbar){background:var(--ap-surface)!important} [data-bint-planner] :is(.li3d-menu-popover,.bint-desktop-menu-popover,.bint-desktop-submenu,.bint-room-sheet-card){background:#fbfcfe!important;border:1px solid var(--ap-line)!important;border-radius:12px!important;box-shadow:var(--ap-shadow)!important;padding:6px!important} [data-bint-planner] :is(.li3d-menu-popover,.bint-desktop-menu-popover,.bint-desktop-submenu) button{background:transparent!important;text-align:left;min-height:36px!important;height:auto!important;padding:8px 10px!important;white-space:normal!important;overflow-wrap:anywhere} [data-bint-planner] :is(.li3d-menu-popover,.bint-desktop-menu-popover) button small{font-size:11px!important;line-height:1.4!important;color:var(--ap-muted)!important} [data-bint-planner] :is(.li3d-cat-card,.li3d-template-card,.mb-library-result){background:#f0f2f6!important;border:1px solid transparent!important;border-radius:12px!important;box-shadow:none!important} [data-bint-planner] :is(.li3d-cat-card,.li3d-template-card):hover{border-color:var(--ap-blue)!important} [data-bint-planner] .li3d-cat-card span{font-weight:500!important;font-size:12px!important;line-height:1.35!important} [data-bint-planner] .li3d-cat-card :is(small,p){font-size:11px!important;line-height:1.35!important;color:var(--ap-muted)!important} [data-bint-planner] :is(.li3d-cat-card img,.li3d-cat-card svg){object-fit:contain} [data-bint-planner] .li3d-cat-tabs button{font-size:12px!important} [data-bint-planner] .li3d-search-wrap{background:#eceff4!important;border-radius:9px!important} [data-bint-planner] input.li3d-search{border:0!important;background:transparent!important;font-size:13px!important} [data-bint-planner] :is(.li3d-template-card>i,.li3d-template-card.is-home>i){background:#e9eef6!important} [data-bint-planner] .li3d-properties{padding:16px!important;overflow:auto!important;min-height:0} [data-bint-planner] .li3d-section{border-color:var(--ap-line)!important} [data-bint-planner] .li3d-field{gap:8px!important;min-width:0!important} [data-bint-planner] .li3d-field>span{font-size:12px!important;font-weight:400!important} [data-bint-planner] .li3d-panel-head{border-color:var(--ap-line)!important} [data-bint-planner] .li3d-panel-head b{font-size:17px!important} [data-bint-planner] .li3d-panel-head small{font-size:11px!important;line-height:1.4!important} [data-bint-planner] :is(.li3d-start-card,.bint-workspace-dialog,.bint-company-dialog,.bint-project-dialog){border-radius:20px!important;background:var(--ap-surface)!important;box-shadow:var(--ap-shadow)!important} [data-bint-planner] :is(.li3d-view-bar,.mb-views){background:#f8faffed!important;border:1px solid #ffffff!important;border-radius:24px!important;padding:4px!important;box-shadow:0 4px 16px #23334b14!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important} [data-bint-planner] .li3d-view-switch{background:transparent!important;padding:0!important;gap:2px!important} [data-bint-planner] :is(.li3d-view-bar,.mb-views) button{background:transparent!important;border:0!important;border-radius:20px!important;font-weight:500!important;box-shadow:none!important;white-space:nowrap} [data-bint-planner] :is(.li3d-view-bar,.mb-views) button:is(.is-active,[aria-pressed=true]){background:var(--ap-blue)!important;color:white!important} [data-bint-planner] .bint-mode-toggle{border:0!important;background:#edf0f5!important;border-radius:8px!important;box-shadow:none!important;padding:2px!important} [data-bint-planner] .bint-mode-toggle button{background:transparent!important;font-size:12px!important;height:28px!important;min-height:28px!important} [data-bint-planner] .bint-mode-toggle button.is-active{background:white!important;color:var(--ap-ink)!important;box-shadow:0 1px 3px #20263312!important} [data-bint-planner] .ap-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none} [data-bint-planner] .ap-trial-label{font-size:10px!important;letter-spacing:.08em!important;color:var(--ap-muted)!important;font-weight:500!important;white-space:nowrap} [data-bint-planner] .ap-catalog-filters{margin:0 12px 10px;border-bottom:1px solid var(--ap-line);padding-bottom:8px} [data-bint-planner] .ap-catalog-filters>summary{padding:7px 10px!important;min-height:32px;cursor:pointer;list-style:disclosure-closed} [data-bint-planner] .ap-catalog-filters[open]>summary{list-style:disclosure-open} [data-bint-planner] .ap-catalog-filters .li3d-cat-tabs{padding:8px 0 0!important;max-height:180px;overflow:auto} /* Desktop: category rail and full-height catalog beside the shared canvas. */ [data-bint-planner][data-bint-device=desktop]{--li3d-top:92px!important;--ap-rail:72px;--ap-library:280px;--ap-inspector:278px;--li3d-rail:var(--ap-rail)!important;--li3d-drawer:var(--ap-library)!important;border:0!important;border-radius:0!important;background:var(--ap-ground)!important} [data-bint-planner][data-bint-device=desktop] .li3d-topbar{height:92px!important;padding:8px 16px 40px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-rows:44px!important;grid-template-areas:"left history actions"!important;gap:12px!important;border-bottom:1px solid var(--ap-line)!important;z-index:120!important} [data-bint-planner][data-bint-device=desktop] .li3d-top-left{grid-area:left!important;position:static!important;min-width:0!important;gap:12px!important;flex-wrap:nowrap!important;overflow:visible!important} [data-bint-planner][data-bint-device=desktop] .li3d-desktop-history{grid-area:history!important;display:flex!important;gap:4px!important} [data-bint-planner][data-bint-device=desktop] .li3d-top-actions{grid-area:actions!important;display:flex!important;gap:6px!important;overflow:visible!important} [data-bint-planner][data-bint-device=desktop] .li3d-home-button{height:36px!important;width:32px!important;min-height:36px!important;border:0!important;background:transparent!important;flex:none!important} [data-bint-planner][data-bint-device=desktop] .li3d-brandmark{background:none!important;color:var(--ap-ink)!important;font-size:22px!important;font-weight:650!important;box-shadow:none!important;width:32px!important;height:32px!important;letter-spacing:-1px!important} [data-bint-planner][data-bint-device=desktop] .li3d-brand{min-width:74px!important;flex:none!important} [data-bint-planner][data-bint-device=desktop] .li3d-brand b{font-size:14px!important;font-weight:600!important} [data-bint-planner][data-bint-device=desktop] .li3d-brand small{font-size:10px!important;color:var(--ap-muted)!important} [data-bint-planner][data-bint-device=desktop] .li3d-brand-version{display:none!important} [data-bint-planner][data-bint-device=desktop] .bint-desktop-menubar{display:flex!important;position:static!important;gap:2px!important;flex:none!important} [data-bint-planner][data-bint-device=desktop] .bint-desktop-menu>summary{background:transparent!important;border:0!important;padding:8px!important;font-size:13px!important;min-height:32px!important;white-space:nowrap} [data-bint-planner][data-bint-device=desktop] .li3d-project-name{border:0!important;border-left:1px solid var(--ap-line)!important;border-radius:0!important;background:transparent!important;width:clamp(130px,18vw,240px)!important;max-width:100%!important;min-width:100px!important;padding:0 12px!important;font-size:14px!important;font-weight:500!important;flex:1!important} [data-bint-planner][data-bint-device=desktop] .bint-mode-toggle{position:absolute!important;left:16px!important;top:56px!important;height:30px!important} [data-bint-planner][data-bint-device=desktop] .bint-save-status{position:absolute!important;left:146px!important;top:56px!important;height:30px!important;min-height:30px!important;padding:4px 8px!important;background:transparent!important;color:var(--ap-muted)!important;border:0!important;white-space:nowrap} [data-bint-planner][data-bint-device=desktop] [data-bint-plan-badge]{position:absolute!important;right:16px!important;top:58px!important;height:26px!important;min-height:26px!important;font-size:11px!important;background:transparent!important;border:0!important;padding:4px 8px!important} [data-bint-planner][data-bint-device=desktop] .ap-trial-label{position:absolute;top:63px;left:330px} [data-bint-planner][data-bint-device=desktop] .li3d-save-direct{display:none!important} [data-bint-planner][data-bint-device=desktop] :is(.li3d-command-button,.li3d-smartcheck-btn,.li3d-desktop-history button){width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:6px!important;background:transparent!important;border:0!important} [data-bint-planner][data-bint-device=desktop] :is(.li3d-command-button>b,.li3d-smartcheck-btn>span:not(.bsc-spark),.li3d-smartcheck-btn>small){display:none!important} [data-bint-planner][data-bint-device=desktop] .li3d-top-menu>summary{height:34px!important;min-height:34px!important;padding:6px 12px!important} [data-bint-planner][data-bint-device=desktop] .li3d-main{top:92px!important;display:grid!important;grid-template-columns:var(--ap-rail) var(--ap-library) minmax(0,1fr) var(--ap-inspector)!important;grid-template-rows:minmax(0,1fr)!important;transition:none!important;gap:0!important} [data-bint-planner][data-bint-device=desktop].li3d-props-closed .li3d-main{grid-template-columns:var(--ap-rail) var(--ap-library) minmax(0,1fr) 0!important} [data-bint-planner][data-bint-device=desktop] .li3d-canva-rail{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;gap:4px!important;padding:8px 4px!important;border-right:1px solid var(--ap-line)!important;border-bottom:1px solid var(--ap-line)!important;overflow-y:auto!important;z-index:18!important} [data-bint-planner][data-bint-device=desktop] .li3d-canva-rail button{height:64px!important;min-height:64px!important;width:100%!important;padding:8px 0!important;flex-direction:column!important;justify-content:center!important;gap:6px!important;flex-shrink:0!important;background:transparent!important;border:0!important;border-radius:8px!important} [data-bint-planner][data-bint-device=desktop] .li3d-canva-rail button.is-active{background:#dfebff!important;color:var(--ap-blue)!important} [data-bint-planner][data-bint-device=desktop] .li3d-canva-rail button b{font-size:11px!important;font-weight:500!important;text-transform:capitalize!important} [data-bint-planner][data-bint-device=desktop] .li3d-canva-rail button :is(span,svg){width:22px!important;height:22px!important} [data-bint-planner][data-bint-device=desktop] .li3d-left{grid-column:2!important;grid-row:1!important;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;border-right:1px solid var(--ap-line)!important;transform:none!important;transition:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;min-height:0!important} [data-bint-planner][data-bint-device=desktop] .li3d-left .li3d-panel-head{height:auto!important;min-height:72px!important;padding:16px 12px 12px!important;position:relative!important;flex:none!important;align-items:flex-start!important;border-bottom:0!important} [data-bint-planner][data-bint-device=desktop] .li3d-stage-wrap{grid-column:3!important;grid-row:1!important;position:relative!important;inset:auto!important;width:auto!important;min-height:0!important;height:100%!important;background:var(--ap-ground)!important;margin:0!important} [data-bint-planner][data-bint-device=desktop] .li3d-stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important} [data-bint-planner][data-bint-device=desktop] .li3d-right{grid-column:4!important;grid-row:1!important;position:relative!important;inset:auto!important;width:auto!important;min-width:0!important;height:100%!important;border:0!important;border-left:1px solid var(--ap-line)!important;border-radius:0!important;box-shadow:none!important;transform:none!important;transition:none!important;z-index:55!important} [data-bint-planner][data-bint-device=desktop].li3d-props-closed .li3d-right{width:0!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important} [data-bint-planner][data-bint-device=desktop] .li3d-right .li3d-panel-head{border-radius:0!important;padding:16px!important;height:72px!important} [data-bint-planner][data-bint-device=desktop] .li3d-view-bar{position:absolute!important;top:14px!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;width:max-content!important;max-width:calc(100% - 24px)!important;z-index:80!important;display:flex!important;grid-area:auto!important;margin:0!important;height:38px!important} [data-bint-planner][data-bint-device=desktop] .li3d-view-switch button{height:28px!important;min-height:28px!important;padding:4px 16px!important;font-size:13px!important} [data-bint-planner][data-bint-device=desktop] .li3d-stage-tools{position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:16px!important;transform:translateX(-50%)!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:4px!important;padding:6px!important;max-width:calc(100% - 28px)!important;width:max-content!important;border:1px solid var(--ap-line)!important;border-radius:16px!important;background:#fbfcfef5!important;box-shadow:var(--ap-shadow)!important;z-index:35!important} [data-bint-planner][data-bint-device=desktop] .li3d-stage-tools button{height:34px!important;min-height:34px!important;padding:6px 10px!important;background:transparent!important} [data-bint-planner][data-bint-device=desktop] .li3d-stage-tools .li3d-template-select{max-width:130px!important;height:32px!important;min-height:32px!important;font-size:11px!important} [data-bint-planner][data-bint-device=desktop] .bint-room-navigator{top:64px!important;left:12px!important;max-width:calc(100% - 150px)!important} [data-bint-planner][data-bint-device=desktop] .li3d-open-properties{top:64px!important;right:12px!important;height:32px!important;min-height:32px!important;box-shadow:var(--ap-shadow)!important} [data-bint-planner][data-bint-device=desktop] .bint-guided-coach{bottom:78px!important;left:12px!important;width:210px!important;max-width:calc(100% - 24px)!important;background:#fbfcfef0!important;box-shadow:none!important;border:1px solid var(--ap-line)!important} [data-bint-planner][data-bint-device=desktop] .li3d-price-strip{top:auto!important;bottom:72px!important;left:auto!important;right:16px!important;width:min(740px,calc(100% - 32px))!important;height:auto!important;max-height:calc(100% - 170px)!important;padding:16px!important;overflow:auto!important;display:block!important;background:var(--ap-surface)!important;border:1px solid var(--ap-line)!important;border-radius:16px!important;box-shadow:var(--ap-shadow)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:130!important;transform:none!important} [data-bint-planner][data-bint-device=desktop].li3d-estimate-open .li3d-price-strip{opacity:1!important;visibility:visible!important;pointer-events:auto!important} [data-bint-planner][data-bint-device=desktop] .li3d-price-strip-head{display:flex!important;margin-bottom:12px!important} [data-bint-planner][data-bint-device=desktop] .li3d-estimate-close{display:block!important} [data-bint-planner][data-bint-device=desktop] .li3d-price-packages{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important} [data-bint-planner][data-bint-device=desktop] .li3d-price-card{height:auto!important;min-height:92px!important;padding:12px!important} [data-bint-planner][data-bint-device=desktop] .li3d-price-card small{white-space:normal!important;font-size:11px!important;line-height:1.4!important} [data-bint-planner][data-bint-device=desktop] .ap-estimate{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:8px;z-index:65;min-height:38px;padding:8px 14px!important;border-radius:22px!important;background:#fbfcfe!important;box-shadow:var(--ap-shadow)!important;border:1px solid var(--ap-line)!important} [data-bint-planner][data-bint-device=desktop] .ap-estimate strong{font-weight:600;font-size:14px} [data-bint-planner][data-bint-device=desktop] .ap-estimate small{font-size:11px;color:var(--ap-muted)} [data-bint-planner][data-bint-device=desktop].li3d-props-closed .ap-estimate{bottom:78px} [data-bint-planner][data-bint-device=desktop] .ap-inspector-preview{display:none} @media (max-width:1200px){ [data-bint-planner][data-bint-device=desktop]{--ap-rail:68px;--ap-library:250px;--ap-inspector:260px} [data-bint-planner][data-bint-device=desktop] .li3d-topbar{gap:6px!important;padding-left:10px!important;padding-right:10px!important} [data-bint-planner][data-bint-device=desktop] .li3d-top-left{gap:6px!important} [data-bint-planner][data-bint-device=desktop] .li3d-brand small{display:none!important} [data-bint-planner][data-bint-device=desktop] .bint-desktop-menu>summary{padding:6px!important;font-size:12px!important} [data-bint-planner][data-bint-device=desktop] .li3d-project-name{font-size:13px!important;width:130px!important} } /* Touch: original shared adapter, calm header and four reachable destinations. */ [data-bint-planner][data-bint-device=touch]{--mb-top:calc(92px + env(safe-area-inset-top,0px))!important;--mb-bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;--mb-blue:var(--ap-blue)!important;--mb-ink:var(--ap-ink)!important;--mb-muted:var(--ap-muted)!important;--mb-line:var(--ap-line)!important;--mb-soft:var(--ap-tint)!important;background:var(--ap-ground)!important;font-family:var(--ap-font)!important} [data-bint-planner][data-bint-device=touch] :is(input,select,textarea):not([type=range],[type=checkbox],[type=radio],[type=color],[type=file]){font-size:16px!important;min-height:44px!important;border-radius:10px!important} [data-bint-planner][data-bint-device=touch] .mb-header{height:var(--mb-top)!important;background:var(--ap-surface)!important;border:0!important;padding:6px 16px!important;display:block!important;overflow:visible!important;z-index:400!important} [data-bint-planner][data-bint-device=touch] .mb-project-button{position:absolute!important;left:14px!important;top:calc(4px + env(safe-area-inset-top,0px))!important;width:calc(100% - 28px)!important;height:80px!important;min-height:80px!important;align-items:flex-start!important;padding-top:8px!important;background:transparent!important;gap:10px!important} [data-bint-planner][data-bint-device=touch] .mb-logo{background:none!important;color:var(--ap-ink)!important;border-radius:0!important;font-size:24px!important;line-height:28px!important;width:30px!important;height:30px!important;flex-basis:30px!important} [data-bint-planner][data-bint-device=touch] .mb-project-button strong{font-size:16px!important;font-weight:500!important;line-height:30px!important} [data-bint-planner][data-bint-device=touch] .mb-project-button small{position:absolute!important;top:44px!important;left:0!important;right:0!important;max-width:none!important;height:32px!important;line-height:32px!important;background:#eef1f6!important;border-radius:18px!important;padding:0 12px!important;font-size:13px!important;color:var(--ap-ink)!important;text-overflow:ellipsis!important;overflow:hidden!important;padding-right:28px!important} [data-bint-planner][data-bint-device=touch] .mb-project-button small::after{content:'⌄';position:absolute;right:12px;color:var(--ap-muted)} [data-bint-planner][data-bint-device=touch] .mb-views{position:absolute!important;top:calc(var(--mb-top) + 8px)!important;left:50%!important;transform:translateX(-50%)!important;display:flex!important;gap:2px!important;z-index:402!important;max-width:calc(100% - 24px)!important} [data-bint-planner][data-bint-device=touch] .mb-views button{height:36px!important;min-height:36px!important;min-width:54px!important;padding:6px 12px!important;font-size:14px!important} [data-bint-planner][data-bint-device=touch] .mb-history{top:calc(4px + env(safe-area-inset-top,0px))!important;left:auto!important;right:48px!important;bottom:auto!important;display:flex!important;gap:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;z-index:410!important;height:44px!important} [data-bint-planner][data-bint-device=touch] .mb-history button:not(.mb-live-estimate){width:36px!important;min-width:36px!important;height:44px!important;min-height:44px!important;background:transparent!important;padding:7px!important;border-radius:8px!important;border:0!important} [data-bint-planner][data-bint-device=touch] .mb-history .mb-live-estimate{display:none!important} [data-bint-planner][data-bint-device=touch] .ap-mobile-more{position:absolute!important;right:8px!important;top:calc(4px + env(safe-area-inset-top,0px))!important;width:40px!important;min-height:44px!important;background:transparent!important;padding:10px!important;z-index:415!important} [data-bint-planner][data-bint-device=touch] .mb-dock{left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;height:64px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border:1px solid var(--ap-line)!important;border-radius:24px!important;background:#fbfcfef5!important;box-shadow:var(--ap-shadow)!important;padding:4px!important;gap:2px!important} [data-bint-planner][data-bint-device=touch] .mb-dock button{font-size:12px!important;font-weight:400!important;border:0!important;background:transparent!important;border-radius:18px!important;min-height:54px!important;gap:4px!important} [data-bint-planner][data-bint-device=touch] .mb-dock button.is-active{color:var(--ap-blue)!important;background:var(--ap-tint)!important} [data-bint-planner][data-bint-device=touch] .mb-dock button svg{width:23px!important;height:23px!important;stroke-width:1.6!important} [data-bint-planner][data-bint-device=touch] :is(.mb-panel,.mb-objectbar){border:1px solid var(--ap-line)!important;border-radius:22px 22px 0 0!important;box-shadow:0 -6px 24px #23334b0c!important;background:var(--ap-surface)!important;overflow:hidden!important} [data-bint-planner][data-bint-device=touch] .mb-panel::before{content:'';position:absolute;top:6px;left:calc(50% - 18px);width:36px;height:4px;background:#bac1cc;border-radius:4px;z-index:2} [data-bint-planner][data-bint-device=touch] .mb-panel-head{height:60px!important;min-height:60px!important;padding:12px 12px 6px!important;background:var(--ap-surface)!important;border-bottom:1px solid var(--ap-line)!important;gap:6px!important} [data-bint-planner][data-bint-device=touch] .mb-panel-title strong{font-size:18px!important;font-weight:600!important} [data-bint-planner][data-bint-device=touch] .mb-panel-title small{font-size:11px!important} [data-bint-planner][data-bint-device=touch] .mb-panel-head button{background:transparent!important;min-width:40px!important;min-height:44px!important;padding:8px!important} [data-bint-planner][data-bint-device=touch] .mb-selected-title{padding:12px 16px 8px!important} [data-bint-planner][data-bint-device=touch] .mb-selected-title>b{font-size:17px!important;font-weight:600!important} [data-bint-planner][data-bint-device=touch] .mb-selected-actions{padding:0 8px 10px!important;gap:2px!important} [data-bint-planner][data-bint-device=touch] .mb-selected-actions button{font-size:11px!important;background:transparent!important;min-height:52px!important;gap:5px!important} [data-bint-planner][data-bint-device=touch] .mb-canvas-controls{top:68px!important;right:12px!important;gap:6px!important} [data-bint-planner][data-bint-device=touch] .mb-canvas-controls button{min-height:40px!important;width:40px!important;padding:8px!important;background:#fbfcfe!important;border:1px solid var(--ap-line)!important;border-radius:12px!important;font-size:12px!important} [data-bint-planner][data-bint-device=touch] .mb-touch-hint{bottom:calc(var(--mb-bottom) + 12px)!important;background:#fbfcfef0!important;border:0!important;box-shadow:none!important;padding:8px 12px!important;min-height:34px!important;max-width:calc(100% - 32px)!important;font-size:12px!important;color:var(--ap-muted)!important;border-radius:18px!important} [data-bint-planner][data-bint-device=touch] .ap-estimate,[data-bint-planner][data-bint-device=touch]>.ap-trial-label{display:none!important} [data-bint-planner][data-bint-device=touch] .ap-catalog-filters{display:contents} [data-bint-planner][data-bint-device=touch] .ap-catalog-filters>summary{display:none!important} [data-bint-planner][data-bint-device=touch] .mb-category-grid button{background:#f0f2f6!important;border:1px solid var(--ap-line)!important;min-height:64px!important;border-radius:12px!important} [data-bint-planner][data-bint-device=touch] .mb-category-grid strong{font-size:14px!important;font-weight:500!important} [data-bint-planner][data-bint-device=touch] .mb-category-grid small{font-size:12px!important;color:var(--ap-muted)!important} [data-bint-planner][data-bint-device=touch][data-mb-keyboard="1"] .mb-dock{display:none!important} @media (max-width:370px){[data-bint-planner][data-bint-device=touch] .mb-project-button strong{font-size:14px!important}[data-bint-planner][data-bint-device=touch] .mb-history button:not(.mb-live-estimate){width:32px!important;min-width:32px!important}} @media (min-width:700px) and (min-height:600px){[data-bint-planner][data-bint-device=touch] .mb-dock{max-width:440px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:440px!important}} @media (orientation:landscape) and (max-height:600px){ [data-bint-planner][data-bint-device=touch]{--mb-top:52px!important;--mb-bottom:74px!important} [data-bint-planner][data-bint-device=touch] .mb-project-button{height:44px!important;min-height:44px!important;width:180px!important} [data-bint-planner][data-bint-device=touch] .mb-project-button small{display:none!important} [data-bint-planner][data-bint-device=touch] .mb-views{top:5px!important;left:50%!important} [data-bint-planner][data-bint-device=touch] .mb-panel{border-radius:18px!important} [data-bint-planner][data-bint-device=touch] .mb-canvas-controls{top:12px!important} } [data-bint-planner][data-bint-device=touch] .mb-selected-title>span{display:none!important} [data-bint-planner][data-bint-device=touch] .mb-selected-title>b{flex:1!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} [data-bint-planner][data-bint-device=touch] .mb-selected-title button{flex:0 0 32px!important;width:32px!important;min-width:32px!important;min-height:36px!important;height:36px!important;padding:6px!important;background:transparent!important} [data-bint-planner][data-bint-device=touch] .ap-selection-detail span{display:none!important} [data-bint-planner][data-bint-device=touch] .mb-canvas-controls{width:40px!important;min-width:40px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important} [data-bint-planner][data-bint-device=touch] .mb-canvas-controls button span{display:none!important} [data-bint-planner][data-bint-device=desktop] .li3d-left .li3d-panel-head{position:sticky!important;top:0!important;z-index:20!important} [data-bint-planner][data-bint-device=desktop] .li3d-selection-bar{position:absolute!important;top:auto!important;bottom:72px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:max-content!important;max-width:calc(100% - 24px)!important;min-height:48px!important;height:auto!important;flex-wrap:wrap!important;overflow:visible!important;border-radius:16px!important;border:1px solid var(--ap-line)!important;box-shadow:var(--ap-shadow)!important;background:var(--ap-surface)!important;padding:4px!important} [data-bint-planner][data-bint-device=desktop] .li3d-selection-bar button{flex-shrink:0!important;min-height:40px!important} [data-bint-planner][data-bint-device=desktop] .li3d-selection-guide{bottom:132px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:max-content!important;max-width:calc(100% - 32px)!important;box-shadow:none!important;border:1px solid var(--ap-line)!important} [data-bint-planner][data-bint-device=touch][data-mb-panel=estimate] .mb-dock [data-mb-command=estimate], [data-bint-planner][data-bint-device=touch][data-mb-panel=catalog][data-bint-active-panel=materials] .mb-dock [data-apple-action=materials]{background:var(--ap-tint)!important;color:var(--ap-blue)!important} /* Selection sheet uses the existing collision-checked quick dimension route. */ [data-bint-planner][data-bint-device=touch] .ap-quick-size{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:2px 14px 12px} [data-bint-planner][data-bint-device=touch] .ap-quick-size label{display:grid;grid-template-columns:1fr auto;position:relative;min-width:0;gap:4px} [data-bint-planner][data-bint-device=touch] .ap-quick-size label>span{grid-column:1/3;font-size:12px;color:var(--ap-muted)} [data-bint-planner][data-bint-device=touch] .ap-quick-size input{grid-column:1/3;width:100%;min-width:0;padding:8px 32px 8px 10px!important} [data-bint-planner][data-bint-device=touch] .ap-quick-size small{position:absolute;right:10px;bottom:12px;color:var(--ap-muted);font-size:11px;pointer-events:none} [data-bint-planner][data-bint-device=touch] .ap-quick-size .ap-finishes{grid-column:1/3;display:flex;justify-content:flex-start;gap:8px;background:transparent!important;font-size:12px!important;min-height:36px!important;padding:4px 0!important} [data-bint-planner][data-bint-device=touch] .mb-objectbar{padding:4px 0 0!important;left:0!important;right:0!important;bottom:var(--mb-bottom)!important;max-height:calc(var(--mb-height,100dvh) - var(--mb-top) - var(--mb-bottom) - 110px)!important;overflow-y:auto!important} [data-bint-planner][data-bint-device=touch] .mb-selected-actions{flex-wrap:wrap!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important} [data-bint-planner][data-bint-device=touch] .mb-selected-actions button{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.2!important;padding:4px 2px!important} [data-bint-planner][data-bint-device=touch] .mb-selected-actions button span{font-size:11px!important} [data-bint-planner][data-bint-device=touch] .mb-canvas-controls{top:calc(var(--mb-top) + 66px)!important} [data-bint-planner][data-bint-device=touch] .mbf-plan-tools{top:calc(var(--mb-top) + 112px)!important;right:12px!important;gap:6px!important} [data-bint-planner][data-bint-device=touch] .mbf-plan-tools [data-mbf]{width:40px!important;min-width:40px!important;min-height:40px!important;height:40px!important;padding:6px!important;border:1px solid var(--ap-line)!important;background:#fbfcfe!important;border-radius:12px!important;box-shadow:none!important} [data-bint-planner][data-bint-device=touch] .mbf-plan-tools [data-mbf=detail]{height:48px!important} [data-bint-planner][data-bint-device=touch] .mb-dock [hidden]{display:none!important} [data-bint-planner][data-bint-device=touch][data-mb-panel] .mb-canvas-controls{display:none!important} [data-bint-planner][data-bint-device=touch] .mb-panel [hidden]{display:none!important} [data-bint-planner][data-bint-device=desktop] .ap-catalog-filters .li3d-category-hub{padding:8px 0!important} [data-bint-planner][data-bint-device=desktop] .li3d-canva-rail button::before{display:none!important} [data-bint-planner][data-bint-device=desktop].bint-wall-view-active .li3d-view-bar{display:none!important} @media (orientation:landscape) and (max-height:600px){ [data-bint-planner][data-bint-device=touch] .mb-canvas-controls{top:calc(var(--mb-top) + 8px)!important} [data-bint-planner][data-bint-device=touch] .mbf-plan-tools{top:calc(var(--mb-top) + 8px)!important;right:60px!important} [data-bint-planner][data-bint-device=touch] .mb-objectbar{left:8px!important;right:auto!important;width:calc(100% - 380px)!important;min-width:280px!important;max-width:440px!important} [data-bint-planner][data-bint-device=touch] .ap-quick-size{display:none!important} } [data-bint-planner][data-bint-device=desktop] .bint-context-tip{bottom:132px!important;max-width:calc(100% - 32px)!important;width:max-content!important;box-shadow:none!important;border-color:var(--ap-line)!important} [data-bint-planner][data-bint-device=desktop]:has(.li3d-selection-bar:not([hidden])) .bint-guided-coach{bottom:190px!important} [data-bint-planner] .li3d-price-card small{color:var(--ap-muted)!important;font-size:11px!important} [data-bint-planner] .li3d-price-card.is-selected{box-shadow:inset 0 0 0 1px var(--ap-blue)!important;outline:0!important} @media(min-width:700px) and (min-height:600px){ [data-bint-planner][data-bint-device=touch][data-mb-panel] .mb-views{left:calc((100% - var(--mb-side,360px))/2)!important} [data-bint-planner][data-bint-device=touch][data-mb-panel][data-mb-expanded="1"] .mb-views{visibility:hidden!important;pointer-events:none!important} } [data-bint-planner][data-bint-device=desktop] .li3d-selection-more>div{top:auto!important;bottom:calc(100% + 8px)!important;max-height:calc(100dvh - 220px)!important;overflow:auto!important;background:var(--ap-surface)!important;border-color:var(--ap-line)!important;border-radius:12px!important} @media(prefers-reduced-motion:reduce){[data-bint-planner][data-bint-planner][data-bint-device] *,[data-bint-planner][data-bint-planner][data-bint-device] *::before,[data-bint-planner][data-bint-planner][data-bint-device] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}} } /* Trial 2: one workspace, contextual editing, grouped outputs. */ @layer bint-apple-trial { [data-apple-trial] :is(.bint-mode-toggle,.ap-trial-label,.bint-context-tip,.li3d-selection-guide,.bint-guided-coach,.mb-build-version,.mb-property-tabs,.ap-quick-size,.li3d-command-button,.li3d-smartcheck-btn small,.li3d-export-menu>.li3d-menu-popover){display:none!important} [data-apple-trial] :is(.li3d-canva-rail,.li3d-more-menu) [data-canva-panel=materials]{display:none!important} [data-apple-trial] .li3d-selection-bar :is([data-action=quick-size],[data-action=rotate-left],[data-action=rotate-right],[data-action=rotate-fine-left],[data-action=rotate-fine-right]){display:none!important} [data-apple-trial] .mb-objectbar [data-mb-command=rotate]{display:none!important} [data-apple-trial] .li3d-simple-move-arrows{display:none!important} [data-apple-trial].ap-precise-move .li3d-simple-move-arrows:not([hidden]){display:grid!important} [data-apple-trial] .bint-prop-rotation{display:none!important} [data-apple-trial] .bint-save-status{left:16px!important} [data-apple-trial] .ap-edit-materials{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:12px!important;min-height:44px!important} [data-apple-trial] .mb-dock{grid-template-columns:repeat(4,minmax(0,1fr))!important} [data-apple-trial] .ap-sheet{position:fixed!important;inset:0!important;margin:auto!important;padding:0!important;width:min(540px,calc(100vw - 32px))!important;max-width:none!important;max-height:calc(100dvh - 40px)!important;height:fit-content!important;border:1px solid var(--ap-line)!important;border-radius:18px!important;background:var(--ap-surface)!important;color:var(--ap-ink)!important;box-shadow:0 20px 70px #17253c30!important;overflow:auto!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important} [data-apple-trial] .ap-sheet::backdrop{background:#17253c48!important} [data-apple-trial] .ap-sheet>header{position:sticky!important;top:0!important;z-index:30!important;background:var(--ap-surface)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 20px!important;border-bottom:1px solid var(--ap-line)!important} [data-apple-trial] .ap-sheet h2{font-size:19px!important;font-weight:600!important;margin:0!important;color:var(--ap-ink)!important} [data-apple-trial] .ap-sheet>header button{width:44px!important;height:44px!important;font-size:24px!important;border:0!important;background:transparent!important} [data-apple-trial] .ap-sheet-body{padding:8px 20px 24px!important} [data-apple-trial] .ap-sheet-body>p{font-size:14px!important;line-height:1.6!important;color:var(--ap-muted)!important} [data-apple-trial] .ap-export-group{border-bottom:1px solid var(--ap-line)!important;padding:4px 0!important} [data-apple-trial] .ap-export-group summary{cursor:pointer!important;padding:14px 4px!important;font-size:16px!important;font-weight:600!important;min-height:48px!important;box-sizing:border-box!important} [data-apple-trial] .ap-export-group>button{display:block!important;text-align:left!important;width:100%!important;margin:4px 0!important;min-height:44px!important;padding:10px 14px!important;background:white!important;border:1px solid var(--ap-line)!important;border-radius:9px!important;font-size:14px!important} [data-apple-trial] .ap-export-group>p{font-size:13px!important;color:var(--ap-muted)!important} [data-apple-trial] .ap-check-sheet{width:min(720px,calc(100vw - 32px))!important;height:calc(100dvh - 72px)!important} [data-apple-trial] .ap-check-sheet .ap-sheet-body{padding:0!important} [data-apple-trial] .ap-check-content .bsc-shell{min-height:0!important;background:var(--ap-ground)!important} [data-apple-trial] .ap-check-content .bsc-top{position:static!important;height:auto!important;padding:16px!important;flex-wrap:wrap!important} [data-apple-trial] .ap-check-content .bsc-brand{display:none!important} [data-apple-trial] .ap-check-content .bsc-top-actions{width:100%!important;justify-content:space-between!important;flex-wrap:wrap!important} [data-apple-trial] .ap-check-content .bsc-content{width:calc(100% - 32px)!important;margin:0 auto 24px!important} [data-apple-trial] .ap-check-content .bsc-summary{display:block!important} [data-apple-trial] .ap-check-content .bsc-summary>div{padding:14px!important} [data-apple-trial] .ap-check-content .bsc-score strong{font-size:34px!important} [data-apple-trial] .ap-check-content .bsc-actions button{min-height:44px!important;font-size:12px!important} [data-apple-trial] .ap-check-content .bsc-fix-preview{position:sticky!important;bottom:0!important;padding:12px!important;background:#e8edf5!important;z-index:40!important} [data-apple-trial] .ap-check-content .bsc-fix-card{max-height:none!important;overflow:visible!important;width:100%!important} [data-apple-trial] .ap-check-content .bsc-toast{position:sticky!important;bottom:0!important;right:auto!important} @media(max-width:600px){ [data-apple-trial] .ap-sheet{inset:auto 0 8px!important;width:calc(100vw - 16px)!important;max-height:calc(100dvh - 32px)!important} [data-apple-trial] .ap-check-sheet{height:calc(100dvh - 40px)!important} } } @layer bint-apple-trial{[data-bint-planner][data-bint-device=desktop][data-apple-trial] .bint-save-status{left:16px!important}} @layer bint-apple-trial{[data-apple-trial] .mb-move-extra [data-mb-turn]{display:none!important}} /* Trial 3 — scoped catalog layout and compact native filter controls. */ @layer bint-apple-trial { [data-bint-planner][data-bint-device=desktop].li3d-drawer-closed .li3d-main{grid-template-columns:var(--ap-rail) 0 minmax(0,1fr) var(--ap-inspector)!important} [data-bint-planner][data-bint-device=desktop].li3d-drawer-closed.li3d-props-closed .li3d-main{grid-template-columns:var(--ap-rail) 0 minmax(0,1fr) 0!important} [data-bint-planner][data-bint-device=desktop].li3d-drawer-closed .li3d-left{visibility:hidden!important;pointer-events:none!important} [data-bint-planner][data-bint-device=desktop] .li3d-left .li3d-search-wrap{flex:none!important;margin:0 12px 8px!important} [data-bint-planner][data-bint-device=desktop] .li3d-left .li3d-panel-head b{font-size:18px!important;line-height:1.3!important} [data-bint-planner][data-bint-device=desktop] .li3d-left .li3d-panel-head small{display:block!important;margin-top:4px!important;line-height:1.4!important} [data-bint-planner][data-bint-device=desktop] .li3d-left .li3d-catalog{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:4px 12px 16px!important;scrollbar-width:thin;overscroll-behavior:contain} [data-bint-planner][data-bint-device=desktop] .li3d-left :is(.li3d-cat-grid,.li3d-template-grid){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} [data-bint-planner][data-bint-device=desktop] .li3d-left .li3d-cat-card{min-width:0!important;height:auto!important;min-height:148px!important;padding:8px!important;display:flex!important;flex-direction:column!important;gap:6px!important;align-items:stretch!important;justify-content:flex-start!important;text-align:left!important} [data-bint-planner][data-bint-device=desktop] .li3d-left .li3d-cat-card :is(img,svg){width:100%!important;height:96px!important;max-width:100%!important;object-fit:contain!important;flex:none!important} [data-bint-planner][data-bint-device=desktop] .li3d-left .li3d-cat-card>span:not(.bint-favourite-star){white-space:normal!important;overflow-wrap:anywhere;line-height:1.35!important} [data-bint-planner][data-bint-device=desktop] .li3d-left .li3d-cat-section h4{font-size:12px!important;font-weight:600!important;line-height:1.4!important;margin:16px 0 8px!important} [data-bint-planner] .li3d-left .bint-room-builders{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:8px 0!important;padding:0!important} [data-bint-planner] .li3d-left .bint-room-builders button{min-width:0!important;min-height:40px!important;padding:8px!important;gap:4px!important;white-space:normal!important;text-align:left!important;line-height:1.35!important;font-size:11px!important} [data-bint-planner] .li3d-left .bint-room-builders button:only-child{grid-column:1/-1!important} [data-bint-planner] .ap-catalog-toolbar{display:flex!important;gap:8px!important;align-items:center!important;padding:0 12px 8px!important;flex:none!important;min-width:0!important} [data-bint-planner] .ap-catalog-toolbar[hidden]{display:none!important} [data-bint-planner] .ap-catalog-toolbar select{flex:1!important;min-width:0!important;width:0!important;height:36px!important;min-height:36px!important;padding:6px 8px!important;font-size:12px!important} [data-bint-planner] .ap-catalog-toolbar button{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;display:grid!important;place-items:center!important;padding:6px!important;background:var(--ap-white)!important;border:1px solid var(--ap-input)!important} [data-bint-planner] .ap-catalog-toolbar button[hidden]{display:none!important} [data-bint-planner] .ap-catalog-toolbar button:is([aria-pressed=true],[aria-expanded=true],.is-filtered){background:var(--ap-tint)!important;color:var(--ap-blue)!important;border-color:var(--ap-blue)!important} [data-bint-planner] .ap-catalog-toolbar button[aria-pressed=true] .ap-icon{fill:var(--ap-tint)} [data-bint-planner] .ap-catalog-filters{flex:none!important;margin-bottom:4px!important;padding-bottom:0!important} [data-bint-planner] .ap-catalog-filters.ap-compact-catalog{border:0!important} [data-bint-planner] .ap-catalog-filters.ap-compact-catalog>summary,[data-bint-planner] .ap-compact-catalog .bint-room-categories{display:none!important} [data-bint-planner] .ap-compact-catalog .li3d-category-hub{padding:0!important} [data-bint-planner] .ap-compact-catalog .bint-sidebar-filter-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0 0 8px!important;padding:8px!important;background:var(--ap-tint)!important;border-radius:8px!important} [data-bint-planner] .ap-compact-catalog .bint-sidebar-filter-row label{flex:1!important;min-width:140px!important} [data-bint-planner] .ap-compact-catalog [data-sidebar-view]{width:100%!important;max-width:100%!important} [data-bint-planner][data-bint-device=touch] .ap-catalog-toolbar :is(button,select){min-height:44px!important;height:44px!important;font-size:16px!important} [data-bint-planner][data-bint-device=touch] .ap-catalog-toolbar button{width:44px!important;min-width:44px!important} } @layer bint-apple-trial { [data-bint-planner] .li3d-left:has(.ap-catalog-toolbar:not([hidden])) [data-mb-command=build-filters]{display:none!important} [data-bint-planner] .ap-compact-catalog .li3d-category-hub:not([hidden]){display:block!important} [data-bint-planner][data-bint-device=desktop] .li3d-left .bint-favourite-star{font-size:16px!important;width:24px!important;height:24px!important;color:var(--ap-muted)!important;background:var(--ap-surface)!important} [data-bint-planner][data-bint-device=desktop] .li3d-left .bint-favourite-star[aria-pressed=true]{color:var(--ap-blue)!important} } /* Apple UI Trial 4 — one compact Build workflow across desktop and touch. */ .li3d-root[data-bint-planner] .ap-build-start{display:block;background:transparent;border:0;border-radius:0;padding:0;margin:0 0 12px;grid-column:1/-1} .li3d-root[data-bint-planner] .ap-build-actions{display:grid;gap:8px} .li3d-root[data-bint-planner] .ap-build-actions button{display:flex;align-items:center;gap:12px;min-height:52px;width:100%;padding:11px 12px;text-align:left;background:#fff;color:#202735;border:1px solid #e0e4eb;border-radius:11px;font-size:14px;font-weight:600;line-height:1.3} .li3d-root[data-bint-planner] .ap-build-actions button.is-primary{background:#0673f9;border-color:#0673f9;color:#fff} .li3d-root[data-bint-planner] .ap-build-actions small{display:block;margin-top:4px;color:#68758a;font-size:10px;font-weight:400} .li3d-root[data-bint-planner] .ap-build-start svg,.li3d-root[data-bint-planner] .ap-build-extras svg{flex:none;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .li3d-root[data-bint-planner] .ap-plan-preview{display:flex;align-items:center;gap:2px;margin-top:8px;padding:5px;border:1px solid #e0e4eb;border-radius:10px;background:#fff} .li3d-root[data-bint-planner] .ap-plan-preview[hidden]{display:none} .li3d-root[data-bint-planner] .ap-plan-open{display:flex;flex:1;align-items:center;gap:8px;min-width:0;padding:0;background:transparent;border:0;text-align:left;min-height:44px} .li3d-root[data-bint-planner] .ap-plan-thumb{display:block;flex:0 0 36px;width:36px;height:36px;overflow:hidden;border:1px solid #e0e4eb;border-radius:5px;background:#f5f6f8;pointer-events:none} .li3d-root[data-bint-planner] .ap-plan-thumb img,.li3d-root[data-bint-planner] .ap-plan-thumb object{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none} .li3d-root[data-bint-planner] .ap-plan-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#303947} .li3d-root[data-bint-planner] .ap-plan-delete{display:grid;place-items:center;flex:0 0 44px;width:44px;min-height:44px;padding:0;border:0;background:transparent;color:#68758a;border-radius:7px} .li3d-root[data-bint-planner] .ap-plan-delete:hover{background:#fff0f1;color:#c6293d} .li3d-root[data-bint-planner] .ap-build-catalog-title,.li3d-root[data-bint-planner] .ap-build-extras h3{font-size:13px;font-weight:600;line-height:1.4;margin:18px 0 10px;padding-top:14px;border-top:1px solid #e3e6ec;color:#202735} .li3d-root[data-bint-planner] .ap-build-extras{grid-column:1/-1;margin-bottom:12px} .li3d-root[data-bint-planner] .ap-build-extras .bint-pro-site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} .li3d-root[data-bint-planner] .ap-build-extras button{display:flex;align-items:center;gap:7px;min-width:0;min-height:46px;padding:8px;background:#fff;border:1px solid #e0e4eb;border-radius:9px;color:#303947;font-size:11px;line-height:1.3;text-align:left;word-break:normal;overflow-wrap:normal} .li3d-root[data-bint-planner] .ap-build-extras svg{width:18px;height:18px} .li3d-root[data-bint-planner] .ap-build-start button:focus-visible,.li3d-root[data-bint-planner] .ap-build-extras button:focus-visible{outline:2px solid #0673f9;outline-offset:2px} /* Trial 5: actual 3D model previews throughout the unified catalog. */ .li3d-root[data-bint-planner] .li3d-cat-card .bint-catalog-preview{display:block;width:100%!important;height:auto!important;aspect-ratio:1.28;max-width:100%;object-fit:contain;border-radius:8px;background:#f2f3f6;margin:0 0 5px} .li3d-root[data-bint-planner] .li3d-template-card i{position:relative;display:block;height:auto!important;min-height:0;padding:0;background:#f2f3f6} .li3d-root[data-bint-planner] .li3d-template-card i>span{position:absolute;top:6px;left:6px;z-index:1} .li3d-root[data-bint-planner] .li3d-template-card .bint-template-preview{display:block;width:100%;height:auto;aspect-ratio:1.28;object-fit:contain} .li3d-root[data-bint-planner] .mb-library-result>.bint-catalog-preview{flex:0 0 72px;width:72px;height:56px;object-fit:contain;border-radius:7px} .li3d-root[data-bint-planner] .mb-recent-row .bint-catalog-preview{display:block;width:80px;height:63px;object-fit:contain;border-radius:6px} .li3d-root[data-bint-planner] .ap-build-extras .bint-catalog-preview{display:block;width:40px;height:36px;object-fit:contain;border-radius:4px;flex:none} .li3d-root[data-bint-planner] .ap-build-extras button{gap:5px;padding:6px} /* Trial 6 — touch-first flow; live price and Wall View are permanent routes. */ @layer bint-apple-trial { [data-bint-planner][data-bint-planner][data-bint-device=touch]{--mb-top:calc(104px + env(safe-area-inset-top,0px))!important;--mb-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-header{height:calc(52px + env(safe-area-inset-top,0px))!important;padding:0!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-project-button{left:10px!important;top:env(safe-area-inset-top,0px)!important;width:calc(100% - 138px)!important;height:52px!important;min-height:52px!important;align-items:center!important;padding:4px 0!important;gap:7px!important;text-align:left!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-logo{font-size:22px!important;width:29px!important;flex-basis:29px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-project-button>span{display:flex!important;flex-direction:column!important;min-width:0!important;flex:1!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-project-button strong{font-size:10px!important;line-height:15px!important;color:var(--ap-muted)!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-project-button small{position:relative!important;inset:auto!important;width:100%!important;padding:0 12px 0 0!important;line-height:20px!important;height:20px!important;font-size:13px!important;background:none!important;border-radius:0!important;white-space:nowrap!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-project-button small::after{right:0!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-history{right:48px!important;top:calc(4px + env(safe-area-inset-top,0px))!important;gap:0!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-history [data-mb-command=save]{display:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-views{top:calc(56px + env(safe-area-inset-top,0px))!important;left:8px!important;right:58px!important;width:auto!important;max-width:none!important;transform:none!important;display:grid!important;grid-template-columns:1fr 1fr 1fr 1.65fr!important;padding:3px!important;visibility:visible!important;pointer-events:auto!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-views button{font-size:12px!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:5px!important;white-space:nowrap!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-canvas-controls{top:calc(58px + env(safe-area-inset-top,0px))!important;right:8px!important;display:flex!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-canvas-controls button{width:40px!important;height:40px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-touch-hint,[data-bint-planner][data-bint-planner][data-bint-device=touch] .mbf-plan-tools{display:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-dock{left:0!important;right:0!important;bottom:env(safe-area-inset-bottom,0px)!important;height:54px!important;min-height:54px!important;border:0!important;border-top:1px solid var(--ap-line)!important;border-radius:0!important;box-shadow:none!important;padding:2px 8px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-dock button{min-height:48px!important;gap:2px!important;border-radius:8px!important;font-size:11px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-dock button svg{width:20px!important;height:20px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .ap-mobile-live{position:absolute!important;left:0!important;right:0!important;bottom:calc(54px + env(safe-area-inset-bottom,0px))!important;height:46px!important;min-height:46px!important;z-index:450!important;display:grid!important;grid-template-columns:auto 1fr!important;align-content:center!important;gap:1px 8px!important;text-align:left!important;padding:4px 14px!important;border:0!important;border-top:1px solid #dde3eb!important;border-radius:0!important;background:#fbfcff!important;box-shadow:none!important;color:#192639!important} .ap-mobile-live>span{font-size:12px;font-weight:600;grid-row:1/3;align-self:center;display:flex;align-items:center;gap:5px} .ap-mobile-live i{width:6px;height:6px;background:#219664;border-radius:50%;display:inline-block} .ap-mobile-live strong{text-align:right;font-size:15px;font-weight:650;line-height:19px} .ap-mobile-live small{text-align:right;font-size:10px;color:#65718a;line-height:13px} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-objectbar .mb-selected-actions.ap-context-actions{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:6px 10px 12px!important;gap:4px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-objectbar .ap-context-actions button{display:flex!important;min-height:54px!important;background:#f0f3f8!important;border-radius:10px!important;font-size:11px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-selected-title{padding:12px 14px 4px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-selected-title [data-mb-command=deselect]{min-width:44px!important;min-height:44px!important;color:#0069df!important;background:transparent!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-selected-title [data-mb-command=deselect] span{display:block!important;font-size:13px!important} .ap-mobile-welcome{display:none!important} [data-bint-planner][data-bint-device=touch] .li3d-start>.li3d-start-card{display:none!important} [data-bint-planner][data-bint-device=touch] .li3d-start:not(.is-hidden){padding:0!important;align-items:stretch!important;inset:0!important;overflow:auto!important;background:#fbfcfe!important} [data-bint-planner][data-bint-device=touch] .ap-mobile-welcome{display:block!important;width:min(100%,520px)!important;min-height:100%!important;margin:auto!important;padding:18px 20px!important;box-sizing:border-box!important;overflow:auto!important;background:#fbfcfe!important} .ap-mobile-welcome header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px} .ap-mobile-welcome header b{font-size:23px}.ap-mobile-welcome header b span{font-size:13px;margin-left:4px} .ap-mobile-welcome header button,.ap-mobile-welcome .ap-start-all{background:transparent!important;color:#0069df!important;border:0!important;min-height:44px!important;font-size:12px!important} .ap-mobile-welcome h2{font-size:27px!important;line-height:1.15!important;letter-spacing:-.7px!important;margin:0 0 8px!important;color:#16202f!important} .ap-mobile-welcome>p{font-size:14px!important;color:#667387!important;margin:0 0 18px!important} .ap-start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .ap-mobile-welcome .ap-start-grid button{display:block!important;min-width:0!important;padding:6px 6px 10px!important;background:#f1f3f7!important;border:1.5px solid transparent!important;border-radius:13px!important;text-align:left!important;overflow:hidden!important} .ap-mobile-welcome .ap-start-grid button[aria-pressed=true]{border-color:#0673f9!important;background:#edf4ff!important} .ap-start-grid img{width:100%;height:auto;aspect-ratio:1.28;object-fit:contain;border-radius:8px} .ap-start-grid b{display:block;font-size:13px;padding:2px 6px} .ap-start-links{display:flex;gap:6px;margin:10px 0} .ap-mobile-welcome .ap-start-links button{flex:1;min-width:0;font-size:12px!important;min-height:44px!important;background:#f1f3f7!important;padding:7px!important;border:0!important;border-radius:8px!important;color:#26344c!important} .ap-mobile-welcome .ap-start-primary{display:block!important;width:100%!important;min-height:48px!important;background:#006dea!important;color:white!important;border:0!important;border-radius:11px!important;font-size:15px!important;font-weight:600!important} .ap-mobile-welcome .ap-start-all{display:block!important;width:100%!important} .ap-mobile-welcome>small{display:block;text-align:center;color:#65718a;font-size:11px;margin:0 0 12px} @media(max-width:699px){ [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-panel{max-height:calc(var(--mb-height,100dvh) - var(--mb-top) - var(--mb-bottom) - 12px)!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-mb-panel=catalog] .mb-panel:not([hidden]){height:54%!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-mb-expanded="1"] .mb-panel:not([hidden]){height:calc(var(--mb-height,100dvh) - var(--mb-top) - var(--mb-bottom) - 12px)!important} } @media(orientation:landscape) and (max-height:600px){ [data-bint-planner][data-bint-device=touch] .ap-mobile-welcome{max-width:760px!important} .ap-mobile-welcome .ap-start-grid{grid-template-columns:repeat(4,minmax(0,1fr))} } } @layer bint-apple-trial { [data-bint-planner][data-bint-planner][data-bint-device=touch] .li3d-start>*:not(.ap-mobile-welcome){display:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-dock{width:auto!important;max-width:none!important;transform:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-views{min-width:0!important;box-sizing:border-box!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-canvas-controls{width:40px!important;min-width:0!important;max-width:40px!important;transform:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-canvas-controls button{min-width:40px!important;max-width:40px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .ap-mobile-welcome{margin:0 auto!important;height:100%!important;min-height:0!important} } @layer bint-apple-trial { [data-bint-planner][data-bint-planner][data-bint-device=touch] .bint-wall-view-head{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;padding:9px!important;left:8px!important;right:8px!important;top:8px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .bint-wall-view-head [data-wv-back]{display:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .bint-wall-view-title{flex:1 1 100%!important;min-width:0!important;display:block!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .bint-wall-view-title b{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:14px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .bint-wall-view-title small{display:block!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .bint-wall-view-tools{display:flex!important;flex:1 1 100%!important;justify-content:space-between!important;gap:6px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .bint-wall-view-tools button{min-height:40px!important;min-width:34px!important;padding:6px!important;font-size:11px!important;white-space:nowrap!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .bint-wall-view-zoom output{font-size:10px!important;min-width:28px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .bint-wall-view-tip{display:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-selected-title>b{flex:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-selected-title>span{display:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-selected-title [data-mb-command=deselect]{flex:0 0 48px!important;width:48px!important;max-width:48px!important} } @layer bint-apple-trial { [data-bint-planner][data-bint-planner][data-bint-device=touch] .bint-wall-view-title{width:100%!important;max-width:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .bint-wall-view-zoom{display:flex!important;width:auto!important;min-width:0!important;max-width:none!important;flex:none!important;gap:1px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .bint-wall-view-zoom [data-wv-fit]{width:56px!important;min-width:56px!important;max-width:none!important;flex:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .bint-wall-view-zoom [data-wv-fit]::after{content:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .bint-wall-view-title small{max-width:100%!important} @media(orientation:landscape) and (max-height:600px){ [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-objectbar{left:auto!important;right:8px!important;width:340px!important;min-width:0!important;max-width:46%!important;max-height:calc(var(--mb-height,100dvh) - var(--mb-top) - var(--mb-bottom) - 12px)!important} } } @layer bint-apple-trial { [data-bint-planner][data-bint-planner][data-bint-device=touch][data-mb-sheet-stop] .mb-panel:not([hidden]){top:auto!important;bottom:var(--mb-bottom)!important;left:0!important;right:0!important;width:100%!important;height:var(--mb-sheet-height)!important;max-height:calc(var(--mb-height,100dvh) - var(--mb-top) - var(--mb-bottom) - 8px)!important;transition:height 180ms cubic-bezier(.2,.8,.2,1)!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-mb-sheet-stop] .mb-panel[data-dragging]:not([hidden]){transition:none!important;user-select:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-panel::before,[data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-panel-head::before{display:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-sheet-grip{display:flex;flex:0 0 24px;align-items:center;justify-content:center;touch-action:none;cursor:ns-resize;outline-offset:-3px} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-sheet-grip span{width:36px;height:4px;border-radius:4px;background:#aab3c0} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-panel-head{height:48px!important;min-height:48px!important;padding-top:0!important;touch-action:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-mb-sheet-stop][data-mb-keyboard="1"] .mb-panel:not([hidden]){top:var(--mb-top)!important;bottom:0!important;height:calc(var(--mb-height,100dvh) - var(--mb-top))!important;max-height:none!important} @media(prefers-reduced-motion:reduce){[data-bint-planner][data-bint-planner][data-bint-device=touch][data-mb-sheet-stop] .mb-panel:not([hidden]){transition:none!important}} } /* Trial 9: resizable sheets overlay the canvas; never reserve the legacy pane. */ @layer bint-apple-trial { [data-bint-planner][data-bint-planner][data-bint-device=touch][data-mb-sheet-stop] .li3d-main{bottom:var(--mb-bottom)!important;right:0!important;visibility:visible!important;pointer-events:auto!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-library-scroll{overflow-anchor:none!important} } @layer bint-apple-trial { [data-bint-planner][data-bint-planner][data-bint-device=touch] .mbf-placement{z-index:420!important;bottom:calc(var(--mb-bottom) + 8px)!important;left:8px!important;right:8px!important;width:auto!important;max-width:520px!important;border:1px solid var(--ap-line)!important;border-radius:18px!important;background:var(--ap-surface)!important;padding:12px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mbf-placement button{min-height:44px!important;border-radius:10px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mbf-placement button:disabled{opacity:.45!important} @media(orientation:landscape) and (max-height:600px){[data-bint-planner][data-bint-planner][data-bint-device=touch] .mbf-placement{left:auto!important;width:300px!important;padding:8px!important}} } @layer bint-apple-trial { [data-bint-planner][data-bint-planner][data-bint-device=touch] .mbf-placement [data-mbf=place-apply]:not(:disabled){background:var(--ap-blue)!important;color:#fff!important;border-color:var(--ap-blue)!important} } @layer bint-apple-trial { [data-bint-planner][data-bint-planner][data-bint-device=touch] .mbf-place-rotation{display:flex;align-items:center;gap:5px;margin-top:8px} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mbf-place-rotation[hidden]{display:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mbf-place-rotation button{font-size:11px!important;padding:5px!important;flex:1} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mbf-place-rotation label{display:flex;align-items:center;font-size:11px;gap:2px} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mbf-place-rotation input{width:48px!important;min-width:0!important;height:40px!important;padding:4px!important;font-size:16px!important} } /* Trial 18: selected-only essentials, with advanced actions grouped in the sheet. */ [data-bint-planner][data-bint-device=touch] .ap-item-essentials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 10px 8px} [data-bint-planner][data-bint-device=touch] .ap-item-essentials button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:0;border-radius:10px;background:#f0f3f8;color:#243044;font:500 12px system-ui} [data-bint-planner][data-bint-device=touch] .ap-item-essentials svg{width:16px;height:16px} [data-bint-planner][data-bint-device=touch] .ap-item-essentials [data-apple-action=delete]{color:#c52c36;background:#fff0f1} [data-bint-planner] .mb-item-group{margin:0 0 10px;border:1px solid #e1e6ef;border-radius:12px;overflow:hidden} [data-bint-planner] .mb-item-group h3,[data-bint-planner] .mb-item-group summary{margin:0;padding:14px;font:600 14px system-ui;background:#f5f7fa;cursor:pointer} [data-bint-planner] .mb-item-group>div{padding:4px 8px} [data-bint-planner][data-bint-device=touch] .mb-selected-title>span.ap-placement-advisory{color:#926318!important;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-selected-title>span.ap-placement-advisory{display:block!important;max-width:145px;flex:0 1 auto!important;pointer-events:none} /* Trial 22: compact, contained controls across the unified workspace. */ [data-bint-planner][data-bint-planner][data-apple-trial] button{box-sizing:border-box!important;max-width:100%;overflow-wrap:anywhere;word-break:normal} [data-bint-planner][data-bint-planner][data-apple-trial] button>span{min-width:0;max-width:100%;box-sizing:border-box} [data-bint-planner][data-bint-planner][data-apple-trial] :is(.mb-route,.bint-desktop-menu-popover button,.li3d-menu-popover button,.ap-export-group button){height:auto!important;white-space:normal!important;line-height:1.3!important;font-size:12px!important;padding:8px 10px!important} [data-bint-planner][data-bint-planner][data-apple-trial] :is(.mb-route,.ap-export-group button) :is(b,span,small){white-space:normal!important;overflow-wrap:anywhere!important;min-width:0;max-width:100%} [data-bint-planner][data-bint-planner][data-apple-trial] :is(.li3d-cat-card span,.mb-library-result b,.mb-library-result small){white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.3!important} [data-bint-planner][data-bint-planner][data-apple-trial] :is(.li3d-panel-head b,.mb-panel-title strong){font-size:15px!important;line-height:1.25!important} [data-bint-planner][data-bint-planner][data-apple-trial] :is(.li3d-cat-card span,.mb-route b){font-size:12px!important} [data-bint-planner][data-bint-planner][data-apple-trial] :is(.mb-route small,.mb-panel-title small){font-size:11px!important;line-height:1.3!important} [data-bint-planner][data-bint-planner][data-bint-device=desktop] :is(.li3d-stage-tools button,.li3d-topbar button,.li3d-prop-actions button,.li3d-transform-actions button,.li3d-view-switch button){font-size:12px!important;padding:5px 8px!important;min-height:30px!important;height:auto!important;white-space:normal!important;line-height:1.25!important} [data-bint-planner][data-bint-planner][data-bint-device=desktop] .li3d-properties{padding:12px!important} [data-bint-planner][data-bint-planner][data-bint-device=desktop] .li3d-field>span{font-size:11px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-panel-head{padding:8px 10px!important;gap:6px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] :is(.mb-panel-head button,.mb-route,.mb-quick-actions button){min-height:40px!important;height:auto!important;font-size:12px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-selected-actions.ap-context-actions{gap:4px!important;padding:4px 8px 8px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-objectbar .ap-context-actions button{min-height:44px!important;height:auto!important;padding:5px 3px!important;gap:3px!important;font-size:11px!important;line-height:1.2!important;white-space:normal!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .ap-context-actions button span{font-size:11px!important;line-height:1.2!important;white-space:normal!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .ap-item-essentials{padding:0 8px 6px!important;gap:5px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .ap-item-essentials button{min-height:40px!important;height:auto!important;font-size:11px!important;padding:5px 4px!important;gap:4px!important;white-space:normal!important;line-height:1.2!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .ap-item-essentials button span{font-size:11px!important;white-space:normal!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-dock button{font-size:11px!important;padding:5px 4px!important;min-height:44px!important;height:auto!important;line-height:1.2!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-dock button span{font-size:11px!important;white-space:normal!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] :is(.ap-context-actions,.mb-dock) svg{width:18px!important;height:18px!important;flex-shrink:0} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-views button{font-size:12px!important;min-height:36px!important;padding:6px 8px!important;white-space:nowrap!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-item-group :is(h3,summary){font-size:12px!important;padding:10px!important} /* Keep editable fields at 16px on touch screens to avoid focus zoom. */ [data-bint-planner][data-bint-planner][data-bint-device=touch] :is(input,select,textarea):not([type=range],[type=checkbox],[type=radio],[type=color]){font-size:16px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch] .mb-project-button .mb-logo{padding:0!important;white-space:nowrap!important;line-height:1!important;font-size:20px!important;min-width:29px!important;flex-shrink:0!important} [data-bint-planner][data-bint-planner][data-apple-trial] .li3d-home-button{white-space:nowrap!important;overflow-wrap:normal!important;padding:0!important;font-size:20px!important;line-height:1!important;min-width:34px!important} [data-bint-planner][data-bint-planner][data-apple-trial] .li3d-home-button{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important} [data-bint-planner][data-bint-planner][data-apple-trial] .li3d-home-button *{font-size:18px!important;padding:0!important;line-height:1!important;white-space:nowrap!important} [data-bint-planner][data-bint-planner][data-bint-planner][data-bint-planner][data-apple-trial] button.li3d-home-button{width:36px!important;min-width:36px!important;padding:0!important;justify-content:center!important} [data-bint-planner][data-bint-planner][data-bint-planner][data-bint-planner][data-apple-trial] button.li3d-home-button span.li3d-brandmark{font-size:18px!important;line-height:1!important;width:auto!important;min-width:0!important;padding:0!important;white-space:nowrap!important} /* Trial37: compact phone presentation; tablet and desktop retain previous rules. */ @layer bint-apple-trial { .ap-live-short{display:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"]{--mb-top:calc(84px + env(safe-area-inset-top,0px))!important;--mb-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-header{height:calc(44px + env(safe-area-inset-top,0px))!important;padding:0!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-project-button{left:8px!important;top:env(safe-area-inset-top,0px)!important;height:44px!important;min-height:44px!important;width:calc(100% - 140px)!important;padding:0!important;gap:7px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-project-button .mb-logo{font-size:18px!important;min-width:24px!important;width:24px!important;flex-basis:24px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-project-button strong{display:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-project-button small{display:block!important;font-size:13px!important;line-height:22px!important;height:22px!important;padding-right:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-history{top:env(safe-area-inset-top,0px)!important;right:48px!important;height:44px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-history button:not(.mb-live-estimate){width:40px!important;min-width:40px!important;height:44px!important;min-height:44px!important;padding:11px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-history svg{width:18px!important;height:18px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .ap-mobile-more{top:env(safe-area-inset-top,0px)!important;right:6px!important;width:40px!important;min-width:40px!important;height:44px!important;min-height:44px!important;padding:11px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-views{top:calc(44px + env(safe-area-inset-top,0px))!important;left:8px!important;right:48px!important;height:40px!important;border:0!important;border-radius:0!important;padding:3px 0!important;gap:2px!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;grid-template-columns:1fr 1fr 1fr 1.5fr!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-views button{height:34px!important;min-height:34px!important;padding:0 4px!important;font-size:11px!important;border-radius:10px!important;line-height:20px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-canvas-controls{top:calc(44px + env(safe-area-inset-top,0px))!important;right:6px!important;gap:0!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-canvas-controls button{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:11px!important;background:transparent!important;border:0!important;border-radius:8px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-canvas-controls svg{width:18px!important;height:18px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .bint-room-navigator{display:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-dock{height:48px!important;min-height:48px!important;max-height:48px!important;padding:2px 8px!important;gap:2px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-dock button{height:44px!important;min-height:44px!important;padding:2px 0!important;gap:1px!important;line-height:12px!important;font-size:10px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-dock button span{font-size:10px!important;line-height:12px!important;white-space:nowrap!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-dock button svg{width:18px!important;height:18px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .ap-mobile-live{bottom:calc(48px + env(safe-area-inset-bottom,0px))!important;height:28px!important;min-height:28px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .ap-mobile-live>span{font-size:11px!important;line-height:16px!important;gap:5px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .ap-mobile-live strong{font-size:13px!important;line-height:18px!important;white-space:nowrap!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .ap-mobile-live small{font-size:10px!important;line-height:16px!important;margin-left:auto!important;white-space:nowrap!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .ap-mobile-live .ap-live-full{display:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .ap-mobile-live .ap-live-short{display:inline!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-objectbar{left:0!important;right:0!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;box-sizing:border-box!important;bottom:var(--mb-bottom)!important;padding:2px 6px!important;border-radius:14px 14px 0 0!important;max-height:90px!important;box-shadow:0 -3px 12px #23334b0a!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-selected-title{height:28px!important;min-height:28px!important;padding:0 6px!important;gap:6px!important;overflow:hidden!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-selected-title>b{font-size:12px!important;line-height:18px!important;min-width:0!important;flex:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-selected-title>span{font-size:9px!important;max-width:104px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:14px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-selected-title [data-mb-command=deselect]{height:28px!important;min-height:28px!important;min-width:42px!important;width:42px!important;padding:0!important;flex:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-selected-title [data-mb-command=deselect] span{font-size:11px!important;line-height:18px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-objectbar .mb-selected-actions{display:flex!important;padding:0!important;gap:2px!important;min-height:44px!important;overflow-x:auto!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-objectbar .mb-selected-actions.ap-context-actions{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:0!important;gap:2px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-objectbar .mb-selected-actions button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:44px!important;height:44px!important;padding:2px 0!important;gap:2px!important;background:transparent!important;border-radius:8px!important;font-size:10px!important;min-width:0!important;flex:1 0 48px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-objectbar .mb-selected-actions button span{font-size:10px!important;line-height:12px!important;white-space:nowrap!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-objectbar .mb-selected-actions button svg{width:18px!important;height:18px!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .ap-item-essentials{display:none!important} [data-bint-planner][data-bint-planner][data-bint-device=touch][data-ap-compact-mobile="1"] .mb-objectbar[hidden]{display:none!important} } /* Trial38: camera-only POV controls, shared across desktop and touch. */ @layer bint-apple-trial { [data-apple-trial="1"] .li3d-walk-hud.ap-pov-hud{position:absolute!important;inset:auto 16px 16px!important;display:flex!important;justify-content:center!important;align-items:flex-end!important;min-height:0!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;border:0!important;backdrop-filter:none!important;pointer-events:none!important;z-index:25!important} [data-apple-trial="1"] .ap-pov-hud[hidden]{display:none!important} [data-apple-trial="1"] .ap-pov-controls{display:flex!important;gap:4px!important;align-items:center!important;pointer-events:auto!important} [data-apple-trial="1"] .ap-pov-controls button{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:44px!important;height:44px!important;min-width:44px!important;padding:0 13px!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:22px!important;background:rgba(247,250,253,.88)!important;backdrop-filter:blur(14px)!important;box-shadow:0 2px 12px #16324915!important;color:#293c4e!important;font:500 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;white-space:nowrap!important;touch-action:manipulation!important} [data-apple-trial="1"] .ap-pov-controls button[aria-pressed="true"]{color:#006fe6!important;background:rgba(237,246,255,.94)!important} [data-apple-trial="1"] .ap-pov-dot{width:5px!important;height:5px!important;border-radius:50%!important;background:#91a1ad!important} [data-apple-trial="1"] .ap-pov-controls [aria-pressed="true"] .ap-pov-dot{background:#087ef5!important} [data-apple-trial="1"] .ap-pov-controls button[hidden]{display:none!important} [data-apple-trial="1"] .ap-pov-controls button:focus-visible{outline:2px solid #087ef5!important;outline-offset:3px!important} [data-apple-trial="1"] .ap-pov-joystick{display:none!important;position:absolute!important;left:0!important;bottom:0!important;width:64px!important;height:64px!important;border-radius:50%!important;border:1px solid #ffffffb3!important;background:#f5f8fcc7!important;backdrop-filter:blur(12px)!important;box-shadow:0 2px 12px #16324915!important;pointer-events:auto!important;touch-action:none!important;user-select:none!important} [data-apple-trial="1"][data-bint-device="touch"] .ap-pov-joystick{display:grid!important;place-items:center!important} [data-apple-trial="1"] .ap-pov-joystick span{display:block!important;width:19px!important;height:19px!important;border-radius:50%!important;background:#7992a3!important;box-shadow:0 1px 3px #16324926!important;transform:translate(var(--pov-x,0px),var(--pov-y,0px))!important;pointer-events:none!important} [data-apple-trial="1"] .ap-pov-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important} } @layer bint-apple-trial { [data-apple-trial="1"] .li3d-walk-hud.ap-pov-hud{justify-content:flex-start!important} [data-apple-trial="1"][data-bint-device="touch"] .li3d-walk-hud.ap-pov-hud{justify-content:center!important} }