.li3d-root[data-bint-planner] .bint-roadmap-tools{display:flex;gap:5px;align-items:center;flex-wrap:nowrap;overflow-x:auto;max-width:min(62vw,900px);scrollbar-width:none}
.li3d-root[data-bint-planner] .bint-roadmap-tools::-webkit-scrollbar{display:none}
.li3d-root[data-bint-planner] .bint-roadmap-tools button,.li3d-root[data-bint-planner] .bint-roadmap-tools select{height:32px;min-height:32px;border:1px solid #dfe5ec;border-radius:9px;background:#fff;color:#314052;font-size:10px;font-weight:700;padding:0 9px;white-space:nowrap;box-shadow:none}
.li3d-root[data-bint-planner] .bint-roadmap-tools button.is-hero{background:linear-gradient(135deg,#004aad,#016c80);border-color:transparent;color:#fff}
.li3d-root[data-bint-planner] .bint-release-note{position:absolute;left:10px;bottom:10px;z-index:7;pointer-events:none;background:rgba(255,255,255,.90);backdrop-filter:blur(8px);border:1px solid rgba(207,216,226,.85);border-radius:10px;padding:6px 9px;display:flex;gap:7px;align-items:center;box-shadow:0 5px 18px rgba(31,48,70,.07)}
.li3d-root[data-bint-planner] .bint-release-note b{font-size:9px;color:#1d344c}.bint-release-note span{font-size:8px;color:#6e7b89}
.li3d-root[data-bint-planner] .bint-roadmap-modal{position:absolute;inset:0;z-index:160;display:grid;place-items:center;background:rgba(18,26,38,.28);backdrop-filter:blur(5px);opacity:0;transition:.14s ease;padding:18px}
.li3d-root[data-bint-planner] .bint-roadmap-modal[hidden]{display:none!important}
.li3d-root[data-bint-planner] .bint-roadmap-modal.is-open{opacity:1}
.li3d-root[data-bint-planner] .bint-roadmap-card{width:min(620px,96%);max-height:min(720px,90%);overflow:auto;background:#fff;border:1px solid #e2e7ed;border-radius:18px;padding:24px;box-shadow:0 28px 90px rgba(9,26,46,.23);position:relative;transform:translateY(8px) scale(.985);transition:.14s ease}
.li3d-root[data-bint-planner] .bint-roadmap-modal.is-open .bint-roadmap-card{transform:none}
.li3d-root[data-bint-planner] .bint-modal-close{position:absolute;right:12px;top:12px;width:35px;height:35px;min-height:35px;padding:0;border-radius:50%;background:#f0f3f6;font-size:20px;color:#526070}
.li3d-root[data-bint-planner] .bint-kicker{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:#004aad;margin-bottom:7px}
.li3d-root[data-bint-planner] .bint-roadmap-card h3{font-size:21px;margin:0 35px 7px 0;color:#182536}
.li3d-root[data-bint-planner] .bint-roadmap-card p{font-size:11px;line-height:1.55;color:#697686;margin:0 0 16px}
.li3d-root[data-bint-planner] .bint-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.li3d-root[data-bint-planner] .bint-form-grid label{display:grid;gap:5px;font-size:9px;font-weight:800;color:#4f5f70;text-transform:uppercase;letter-spacing:.04em}
.li3d-root[data-bint-planner] .bint-form-grid input,.li3d-root[data-bint-planner] .bint-form-grid select{height:40px;border:1px solid #dce3eb;border-radius:10px;background:#f9fafc;padding:0 10px;color:#1d2d3e;font-size:12px;font-weight:650;text-transform:none;letter-spacing:0}
.li3d-root[data-bint-planner] .bint-check{display:flex;align-items:center;gap:8px;font-size:10px;color:#526174;margin:12px 0}
.li3d-root[data-bint-planner] .bint-check input{width:16px;height:16px}
.li3d-root[data-bint-planner] .bint-big-primary{width:100%;height:44px!important;margin-top:10px;background:linear-gradient(135deg,#004aad,#016c80)!important;color:#fff!important;font-weight:800!important;border-radius:11px!important}
.li3d-root[data-bint-planner] .bint-materials{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.li3d-root[data-bint-planner] .bint-mat-swatch{min-height:72px!important;height:auto!important;padding:7px!important;border:1px solid #e0e5eb!important;background:#fff!important;display:grid;gap:5px;justify-items:stretch}
.li3d-root[data-bint-planner] .bint-mat-swatch i{display:block;height:38px;border-radius:8px;background:#ddd;border:1px solid rgba(0,0,0,.06)}
.li3d-root[data-bint-planner] .bint-mat-swatch span{font-size:8.5px;font-weight:750;color:#445368}
.li3d-root[data-bint-planner] .bint-mat-swatch.is-active{outline:2px solid #004aad;border-color:#004aad!important}
.li3d-root[data-bint-planner] .bint-mat-swatch i[data-mat="warm-white"]{background:#f4f1eb}.li3d-root[data-bint-planner] .bint-mat-swatch i[data-mat="cool-white"]{background:#f5f7f8}.li3d-root[data-bint-planner] .bint-mat-swatch i[data-mat="beige"]{background:#d2bea7}.li3d-root[data-bint-planner] .bint-mat-swatch i[data-mat="greige"]{background:#aaa39a}.li3d-root[data-bint-planner] .bint-mat-swatch i[data-mat="walnut"]{background:linear-gradient(90deg,#6d4935,#8c6247,#5e3e2e)}.li3d-root[data-bint-planner] .bint-mat-swatch i[data-mat="light-oak"]{background:linear-gradient(90deg,#caa573,#e0bd87,#b78c5c)}.li3d-root[data-bint-planner] .bint-mat-swatch i[data-mat="dark-oak"]{background:linear-gradient(90deg,#4f382e,#6a4a39,#3d2d26)}.li3d-root[data-bint-planner] .bint-mat-swatch i[data-mat="marble"]{background:linear-gradient(135deg,#f1f0ec 0 43%,#bfc2c4 44% 45%,#f1f0ec 46% 72%,#c9c7c1 73% 74%,#f1f0ec 75%)}.li3d-root[data-bint-planner] .bint-mat-swatch i[data-mat="charcoal"]{background:#30343a}.li3d-root[data-bint-planner] .bint-mat-swatch i[data-mat="sage"]{background:#a8b6a0}.li3d-root[data-bint-planner] .bint-mat-swatch i[data-mat="fluted-oak"]{background:repeating-linear-gradient(90deg,#ad8258 0 7px,#7a5537 7px 10px)}.li3d-root[data-bint-planner] .bint-mat-swatch i[data-mat="concrete"]{background:#b9bdc1}
.li3d-root[data-bint-planner] .bint-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.li3d-root[data-bint-planner] .bint-cloud-projects{grid-template-columns:1fr;max-height:360px;overflow-y:auto;padding-right:2px}
.li3d-root[data-bint-planner] .bint-slot{border:1px solid #e1e6ec;border-radius:12px;padding:12px;display:grid;gap:5px;background:#fafbfd}.bint-slot b{font-size:11px}.bint-slot span{font-size:10px;color:#4f6072}.bint-slot small{font-size:8px;color:#8a94a0;min-height:12px}.bint-slot div{display:flex;gap:5px;margin-top:5px}.bint-slot button{min-height:32px!important;height:32px!important;font-size:9px;padding:0 8px!important;border:1px solid #dce2e9!important}
.li3d-root[data-bint-planner] .bint-onboard{position:absolute;right:12px;top:142px;z-index:82;width:190px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border:1px solid #dfe6ee;border-radius:14px;padding:12px;box-shadow:0 12px 40px rgba(20,36,56,.12);display:grid;gap:7px}
.li3d-root[data-bint-planner] .bint-onboard>button{position:absolute;right:5px;top:4px;width:24px;height:24px;min-height:24px;padding:0;background:transparent;font-size:17px;color:#8190a0}
.li3d-root[data-bint-planner] .bint-onboard b{font-size:10px;color:#1d334b;margin-bottom:2px}.bint-onboard span{font-size:9px;color:#667687}
.li3d-root[data-bint-planner][data-release-candidate="1"] .bint-release-note{border-color:#b9d8c4}.li3d-root[data-bint-planner][data-v1="1"] .bint-release-note b{color:#016c80}
@media(max-width:1100px){.li3d-root[data-bint-planner] .bint-roadmap-tools{max-width:48vw}.bint-release-note{display:none!important}}
@media(max-width:820px){
 .li3d-root[data-bint-planner] .bint-roadmap-tools{position:absolute;left:0;right:0;top:44px;max-width:none;background:rgba(255,255,255,.94);padding:5px 7px;border-bottom:1px solid #e7ebf0;z-index:5}
 .li3d-root[data-bint-planner] .li3d-stage-tools{min-height:82px!important;align-items:flex-start!important}
 .li3d-root[data-bint-planner] .li3d-stage{top:82px!important}
 .li3d-root[data-bint-planner] .bint-roadmap-card{padding:18px;width:100%;border-radius:16px;max-height:88vh}
 .li3d-root[data-bint-planner] .bint-form-grid{grid-template-columns:1fr}
 .li3d-root[data-bint-planner] .bint-materials{grid-template-columns:repeat(3,1fr)}
 .li3d-root[data-bint-planner] .bint-slots{grid-template-columns:1fr}
 .li3d-root[data-bint-planner] .bint-onboard{top:auto;bottom:68px;right:8px;width:180px}
}
@media(max-width:820px){
 .li3d-root[data-bint-planner].bint-mobile-v2 .li3d-left,.li3d-root[data-bint-planner].bint-mobile-v2 .li3d-right{width:100%!important;max-width:none!important;border-radius:18px 18px 0 0!important;box-shadow:0 -16px 45px rgba(18,32,50,.18)!important}
 .li3d-root[data-bint-planner].bint-mobile-v2 .li3d-mobile-nav{height:62px!important;padding-bottom:max(6px,env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(15px)}
 .li3d-root[data-bint-planner].bint-mobile-v2 .li3d-mobile-nav button{min-height:48px!important;font-size:10px!important;font-weight:800!important}
 .li3d-root[data-bint-planner].bint-mobile-v2 .li3d-cat-card{min-height:84px!important}
 .li3d-root[data-bint-planner].bint-mobile-v2 .li3d-properties input,.li3d-root[data-bint-planner].bint-mobile-v2 .li3d-properties select{min-height:42px!important;font-size:14px!important}
}