/* Focused first-use and recovery controls. The approved five-tab shell remains. */
[data-bint-planner][data-mobile-first="250"]{--mbf-ink:#18304b;--mbf-accent:#1955cf;--mbf-line:#dce5f0}
[data-mobile-first="250"] [class^="mbf-"]{box-sizing:border-box}
[data-mobile-first="250"] [data-mbf]{font:600 14px/1.35 system-ui,-apple-system,sans-serif!important;min-height:48px!important;max-width:100%;padding:10px 14px;border:1px solid var(--mbf-line);border-radius:12px;background:#fff;color:var(--mbf-ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:none;cursor:pointer;touch-action:manipulation}
[data-mobile-first="250"] [data-mbf] svg{width:22px;height:22px;flex:none;vertical-align:middle}
[data-mobile-first="250"] .mbf-primary{background:var(--mbf-accent)!important;color:#fff!important;border-color:var(--mbf-accent)!important}
[data-mobile-first="250"] .mbf-primary:disabled{background:#e6ebf2!important;border-color:#e6ebf2!important;color:#6c7888!important;opacity:1!important}
[data-mobile-first="250"] [data-mbf]:focus-visible{outline:3px solid #5084ef;outline-offset:2px}
.li3d-root[data-bint-planner][data-mobile-first="250"] .li3d-start{display:block!important;padding:0!important;overflow-y:auto!important;overscroll-behavior:contain;background:#f6f8fc!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.li3d-root[data-bint-planner][data-mobile-first="250"] .li3d-start.is-hidden{display:none!important}
[data-mobile-first="250"] .mbf-first-start,[data-mobile-first="250"] .mbf-room-setup,[data-mobile-first="250"] .mbf-plan-start,[data-mobile-first="250"] .mbf-legacy-start{max-width:480px;width:100%;margin:0 auto;padding:22px max(20px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));color:var(--mbf-ink)}
[data-mobile-first="250"] .mbf-kicker{font-size:11px;letter-spacing:1.4px;font-weight:750;color:#1955cf}
[data-mobile-first="250"] .mbf-first-start h1{font:750 30px/1.12 system-ui,sans-serif;letter-spacing:-.8px;margin:12px 0}
[data-mobile-first="250"] .mbf-first-start header p,[data-mobile-first="250"] .mbf-room-setup>p,[data-mobile-first="250"] .mbf-plan-start>p{font-size:14px;line-height:1.5;color:#536680;margin:0 0 16px}
[data-mobile-first="250"] .mbf-example{background:#fff;border:1px solid #dce5f0;border-radius:18px;padding:12px;margin:16px 0 12px}
[data-mobile-first="250"] .mbf-example nav{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:4px}
[data-mobile-first="250"] .mbf-example nav button{min-height:44px;font:600 13px/1.3 system-ui,sans-serif;border:0;border-radius:10px;background:#f4f6fa;color:#536680;padding:6px}
[data-mobile-first="250"] .mbf-example nav button[aria-pressed=true]{background:#eaf1ff;color:#1955cf}
[data-mobile-first="250"] .mbf-example-preview{height:136px;border-radius:12px;position:relative;overflow:hidden;background:#f5f7fa;margin-top:10px}
[data-mobile-first="250"] .mbf-example-preview img{display:block;width:100%;height:100%;object-fit:contain}
[data-mobile-first="250"] .mbf-example-preview small{position:absolute;bottom:4px;left:6px;font:650 9px/1.3 system-ui,sans-serif;letter-spacing:.8px;background:#fff;padding:3px 6px;border-radius:4px;color:#506784}
[data-mobile-first="250"] [data-mbf-example-caption]{font-size:13px;line-height:1.4;margin:10px 0;color:#536680}
[data-mobile-first="250"] .mbf-example [data-mbf],[data-mobile-first="250"] .mbf-secondary,[data-mobile-first="250"] .mbf-text-button,[data-mobile-first="250"] .mbf-room-setup>.mbf-primary{width:100%}
[data-mobile-first="250"] .mbf-text-button{border:0;background:transparent;font-size:13px!important}
[data-mobile-first="250"] .mbf-privacy{font:12px/1.5 system-ui,sans-serif;text-align:center;margin:6px 0;color:#536680}
[data-mobile-first="250"] .mbf-room-setup h2,[data-mobile-first="250"] .mbf-plan-start h2{font-size:25px;line-height:1.2;letter-spacing:-.5px;margin:20px 0 10px}
[data-mobile-first="250"] .mbf-room-setup label{display:grid;gap:6px;font:650 14px/1.4 system-ui,sans-serif;color:#263d58;margin-bottom:14px}
[data-mobile-first="250"] .mbf-room-setup input,[data-mobile-first="250"] .mbf-room-setup select,[data-mobile-first="250"] [data-mbf-link]{width:100%;height:48px;border:1px solid var(--mbf-line);border-radius:10px;padding:10px 12px;font-size:16px!important;background:#fff;color:var(--mbf-ink)}
[data-mobile-first="250"] .mbf-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
[data-mobile-first="250"] .mbf-size-note{font-size:12px!important}
[data-mobile-first="250"] .mbf-start-error:not(:empty){font-size:13px;line-height:1.4;padding:10px;background:#fff2e9;color:#86370d;border-radius:10px}
[data-mobile-first="250"] [data-mbf-field][aria-invalid=true]{border:2px solid #ae481c}
[data-mobile-first="250"] .mbf-legacy-start>.li3d-start-card{max-height:none!important;overflow:visible!important;border:0!important;margin-top:12px!important;padding:12px!important}
[data-mobile-first="250"] .mbf-legacy-start .li3d-start-head p,[data-mobile-first="250"] .mbf-legacy-start .li3d-start-bottom{display:none!important}
[data-mobile-first="250"] .mbf-legacy-start .li3d-start-head h2{font-size:23px!important}
[data-mobile-first="250"] .mbf-plan-tools{position:absolute;right:max(8px,env(safe-area-inset-right));top:calc(var(--mb-top) + 66px);display:flex;flex-direction:column;gap:5px;z-index:135}
[data-mobile-first="250"] .mbf-plan-tools [data-mbf]{width:54px;min-width:48px;min-height:48px!important;padding:8px 4px;box-shadow:0 2px 6px #18304b0b;font-size:11px!important}
[data-mobile-first="250"] .mbf-plan-tools [aria-pressed=true]{background:#eaf1ff;color:#1955cf;border-color:#b7cdf5}
[data-mobile-first="250"] .mbf-next-step{position:absolute;z-index:145;bottom:calc(var(--mb-bottom) + 10px);left:10px;right:10px;max-width:530px;margin:auto;padding:12px;background:#fff;border:1px solid var(--mbf-line);border-radius:14px;display:grid;grid-template-columns:1fr 44px;gap:6px;box-shadow:0 6px 20px #18304b10}
[data-mobile-first="250"] .mbf-next-step>div{display:grid;gap:4px;grid-column:1;min-width:0}
[data-mobile-first="250"] .mbf-next-step strong{font-size:15px;line-height:1.4}
[data-mobile-first="250"] .mbf-next-step span[data-mbf-tip]{font-size:13px;line-height:1.45;color:#536680}
[data-mobile-first="250"] .mbf-next-step [data-mbf=next-furniture]{grid-row:2;grid-column:1/3;background:#eaf1ff;color:#1955cf;border:0}
[data-mobile-first="250"] .mbf-next-step [data-mbf=hide-tip]{grid-row:1;grid-column:2;min-width:44px;min-height:44px!important;padding:8px;border:0}
[data-mobile-first="250"] .mbf-place-choice{display:grid;gap:7px;margin-bottom:16px}
[data-mobile-first="250"] .mbf-place-choice button{width:100%;background:#eef4ff;color:#1955cf;text-align:left}
[data-mobile-first="250"] .mbf-place-choice small{font-size:12px;line-height:1.4;color:#536680}
[data-mobile-first="250"] .mbf-placement{position:absolute;bottom:calc(var(--mb-bottom) + 8px);left:8px;right:8px;max-width:520px;margin:auto;z-index:165;background:#fff;padding:14px;border:1px solid #b7cdf5;border-radius:14px;box-shadow:0 5px 22px #18304b19}
[data-mobile-first="250"] .mbf-placement>b{font-size:16px}
[data-mobile-first="250"] .mbf-placement p{font:13px/1.4 system-ui,sans-serif;color:#536680;margin:5px 0 12px}
[data-mobile-first="250"] .mbf-placement>div{display:grid;grid-template-columns:1fr 1.65fr;gap:8px}
[data-mobile-first="250"] .mbf-browser-help{font:14px/1.55 system-ui,sans-serif;color:#31465e}
[data-mobile-first="250"] .mbf-browser-help h3{font-size:19px;line-height:1.3;color:var(--mbf-ink);margin:4px 0 12px}
[data-mobile-first="250"] .mbf-browser-help h4{font-size:16px;margin:18px 0 6px;color:var(--mbf-ink)}
[data-mobile-first="250"] .mbf-browser-help p{margin:8px 0 14px}
[data-mobile-first="250"] .mbf-warning{background:#fff6e9;padding:12px;border-radius:10px;color:#75430d}
[data-mobile-first="250"] .mbf-browser-help label{display:grid;gap:5px}
[data-mobile-first="250"] .mbf-browser-help [data-mbf=copy-link]{width:100%;margin-top:12px}
[data-mobile-first="250"] .mbf-network{position:absolute;left:8px;right:8px;top:calc(var(--mb-top) + 64px);z-index:230;padding:10px;border:1px solid #edc783;border-radius:10px;background:#fff8e8;color:#74440c;font:13px/1.4 system-ui,sans-serif;pointer-events:none}
[data-mobile-first="250"] .mbf-view-loading{position:absolute;left:8px;right:8px;top:calc(var(--mb-top) + 62px);z-index:230;padding:8px 12px;border:1px solid var(--mbf-line);background:#fff;display:flex;justify-content:space-between;gap:8px;align-items:center;border-radius:12px;font-size:14px}
.li3d-root[data-bint-planner][data-mobile-first="250"] .li3d-webgl-error{position:absolute!important;inset:8px!important;max-height:calc(100% - 16px)!important;transform:none!important;margin:auto!important;align-content:center;overflow:auto!important;width:auto!important;padding:18px!important;background:#fff!important;z-index:180!important;border:1px solid var(--mbf-line);border-radius:16px;box-shadow:none!important;backdrop-filter:none!important}
[data-mobile-first="250"] .mbf-recovery p{font:14px/1.5 system-ui,sans-serif;color:#536680}
[data-mobile-first="250"] .mbf-recovery>div{display:grid;gap:8px}
[data-mobile-first="250"] .mbf-recovery [data-mbf]{width:100%}
[data-mobile-first="250"] [data-role=webgl-detail]{font:12px/1.4 system-ui,sans-serif;overflow-wrap:anywhere}
[data-mobile-first="250"] .mbf-support-routes{margin:10px 0}
@media(max-height:670px){
 [data-mobile-first="250"] .mbf-first-start{padding-top:16px}
 [data-mobile-first="250"] .mbf-first-start h1{font-size:25px;margin:8px 0}
 [data-mobile-first="250"] .mbf-example-preview{height:98px}
 [data-mobile-first="250"] .mbf-example{margin-top:10px}
}
@media(min-width:520px) and (max-height:540px){
 [data-mobile-first="250"] .mbf-first-start{max-width:720px;display:grid;grid-template-columns:1fr 1.15fr;gap:8px 22px;padding:18px 24px}
 [data-mobile-first="250"] .mbf-first-start>header{grid-column:1;grid-row:1/3}
 [data-mobile-first="250"] .mbf-first-start .mbf-example{grid-column:2;grid-row:1/5;margin:0}
 [data-mobile-first="250"] .mbf-first-start>.mbf-secondary,[data-mobile-first="250"] .mbf-first-start>.mbf-text-button,[data-mobile-first="250"] .mbf-first-start>.mbf-privacy{grid-column:1;margin:0}
 [data-mobile-first="250"] .mbf-example-preview{height:110px}
 [data-mobile-first="250"] .mbf-plan-tools{flex-direction:row;top:calc(var(--mb-top) + 8px);right:82px}
 [data-mobile-first="250"] .mbf-next-step{max-width:430px;right:auto}
}
@media(max-height:440px){[data-mobile-first="250"] .mbf-next-step{display:none!important}[data-mobile-first="250"] .mbf-placement{padding:8px;max-width:420px;right:auto}[data-mobile-first="250"] .mbf-placement p{font-size:12px;margin:3px 0 5px}}
[data-mobile-first="250"] [hidden][hidden][hidden]{display:none!important}

/* Correct the inherited translate(-50%) toast offset and fit touch labels. */
.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mobile-first="250"] .li3d-toast{left:12px!important;right:12px!important;transform:none!important;width:max-content!important;max-width:calc(100% - 24px)!important;white-space:normal!important;overflow-wrap:anywhere!important;border-radius:12px!important;bottom:calc(var(--mb-bottom) + 146px)!important}
.li3d-root.mb-next[data-mobile-first="250"] .mbf-plan-tools [data-mbf]{flex-direction:column!important;gap:2px!important;padding:5px!important;border:1px solid #dce5f0!important}
.li3d-root.mb-next[data-mobile-first="250"] .mbf-plan-tools [data-mbf=detail] svg{width:18px;height:18px}
.li3d-root.mb-next[data-mobile-first="250"] .mbf-plan-tools [data-mbf=detail] span{font-size:11px;line-height:14px}
@media(max-height:440px){.li3d-root.mb-next[data-bint-planner][data-mobile-shell="250"][data-mobile-first="250"] .li3d-toast{bottom:calc(var(--mb-bottom) + 8px)!important;font-size:12px!important;padding:8px!important;}}

/* Cabinet preview quick tools were still using a desktop translateX(-50%). */

/* v2.5.2 Stage 1 — readability/safe-area refinements only. */
[data-bint-planner][data-mobile-first="250"] .mbf-first-start,
[data-bint-planner][data-mobile-first="250"] .mbf-room-setup,
[data-bint-planner][data-mobile-first="250"] .mbf-legacy-start{padding-top:max(20px,calc(12px + env(safe-area-inset-top,0px)))}
[data-mobile-first="250"] .mbf-example-preview small{font-size:10.5px;line-height:1.35;letter-spacing:.55px}
[data-mobile-first="250"] .mbf-plan-tools [data-mbf]{font-size:12px!important}
[data-mobile-first="250"] .mbf-size-note,[data-mobile-first="250"] .mbf-privacy{font-size:12.5px!important}
[data-mobile-first="250"] .mbf-network,[data-mobile-first="250"] .mbf-view-loading{left:max(8px,env(safe-area-inset-left,0px));right:max(8px,env(safe-area-inset-right,0px))}
@media(max-width:350px){
 [data-mobile-first="250"] .mbf-first-start,[data-mobile-first="250"] .mbf-room-setup,[data-mobile-first="250"] .mbf-plan-start,[data-mobile-first="250"] .mbf-legacy-start{padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))}
 [data-mobile-first="250"] .mbf-first-start h1{font-size:27px}
 [data-mobile-first="250"] .mbf-dimensions{grid-template-columns:1fr;gap:0}
}
@media(min-width:520px) and (max-height:540px){
 [data-mobile-first="250"] .mbf-plan-tools{right:calc(var(--mb-side,280px) + 8px)}
 [data-mobile-first="250"] .mbf-placement{max-width:calc(100% - var(--mb-side,280px) - 18px);right:auto}
}


/* v2.5.3 Stage 2 — first 60 seconds only. */
[data-mobile-first="250"] .mbf-example-head{display:grid;gap:2px;margin-bottom:10px}
[data-mobile-first="250"] .mbf-example-head b{font-size:16px;line-height:1.3;color:var(--mbf-ink)}
[data-mobile-first="250"] .mbf-example-head small{font-size:12.5px;line-height:1.4;color:#536680}
[data-mobile-first="250"] .mbf-start-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 8px}
[data-mobile-first="250"] .mbf-start-actions>button{min-height:88px!important;padding:12px!important;justify-content:flex-start!important;text-align:left!important;background:#fff!important;border:1px solid var(--mbf-line)!important}
[data-mobile-first="250"] .mbf-start-actions>button>span{display:grid;gap:4px;min-width:0}
[data-mobile-first="250"] .mbf-start-actions b{font-size:14px;line-height:1.3;color:var(--mbf-ink)}
[data-mobile-first="250"] .mbf-start-actions small{font-size:11.5px;line-height:1.4;color:#536680;font-weight:450}
[data-mobile-first="250"] .mbf-plan-start>.mbf-text-button{width:100%;margin-top:8px}
[data-mobile-first="250"] .mbf-plan-start-actions{display:grid;gap:10px;margin:18px 0 8px}
[data-mobile-first="250"] .mbf-native-start{width:100%;min-height:82px;padding:13px 14px;border:1px solid var(--mbf-line);border-radius:14px;background:#fff;color:var(--mbf-ink);display:flex;align-items:center;justify-content:flex-start;text-align:left;font:600 14px/1.35 system-ui,-apple-system,sans-serif;touch-action:manipulation}
[data-mobile-first="250"] .mbf-native-start.is-primary{background:#eef4ff;border-color:#b7cdf5}
[data-mobile-first="250"] .mbf-native-start>span{display:grid;gap:4px}
[data-mobile-first="250"] .mbf-native-start b{font-size:15px;line-height:1.3;color:#18304b}
[data-mobile-first="250"] .mbf-native-start small{font-size:12px;line-height:1.4;color:#536680;font-weight:450}
[data-mobile-first="250"] .mbf-native-start:focus-visible{outline:3px solid #5084ef;outline-offset:2px}
@media(max-width:350px){
 [data-mobile-first="250"] .mbf-start-actions{gap:8px}
 [data-mobile-first="250"] .mbf-start-actions>button{min-height:88px!important;padding:10px!important}
 [data-mobile-first="250"] .mbf-start-actions b{font-size:13px}
 [data-mobile-first="250"] .mbf-start-actions small{font-size:10.5px}
 [data-mobile-first="250"] .mbf-plan-start{padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))}
}
@media(min-width:520px) and (max-height:540px){
 [data-mobile-first="250"] .mbf-plan-start{max-width:650px;padding:18px 24px}
 [data-mobile-first="250"] .mbf-plan-start-actions{grid-template-columns:1fr 1fr}
 [data-mobile-first="250"] .mbf-plan-start>.mbf-text-button{max-width:300px}
}
