:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#17263b;background:#edf1f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}.mb-app{--accent:#d8a46a;--navy:#132033;--muted:#8b97a8;--line:#e8edf2;--light:#f7f9fb;min-height:100dvh;color:#1c2939}.mb-app button{transition:background .15s,border-color .15s,transform .15s}.mb-app button:focus-visible,.mb-app input:focus-visible,.mb-app textarea:focus-visible{outline:3px solid #cfa36b99;outline-offset:2px}.mb-app svg{flex-shrink:0}.mb-workspace{margin-left:74px;min-height:100vh;display:flex;flex-direction:column}.mb-rail{position:fixed;left:0;top:0;bottom:0;width:74px;background:#172338;color:#b7c4d5;display:flex;flex-direction:column;align-items:center;z-index:20;padding:22px 0;gap:32px}.mb-logo{width:41px;height:41px;border-radius:12px;background:linear-gradient(140deg,#efc797,#c58c58);color:#172338;display:grid;place-items:center;font-family:Manrope,sans-serif;font-size:28px;font-weight:800;box-shadow:0 5px 14px #080e2050}.mb-rail-links{display:flex;flex-direction:column;gap:14px;width:100%;align-items:center}.mb-rail-links button{border:0;background:transparent;color:#8b9bb0;width:45px;height:46px;border-radius:11px;display:grid;place-items:center}.mb-rail-links button:hover{color:#fff;background:#ffffff16}.mb-rail-links button.active{color:#efc18c;background:#ffffff16;position:relative}.mb-rail-links button.active:before{content:'';position:absolute;left:-14px;top:12px;height:22px;width:3px;border-radius:0 3px 3px 0;background:#ebbe83}.mb-rail-bottom{margin-top:auto}.mb-avatar{width:35px;height:35px;border-radius:50%;border:1px solid #566579;background:#303c4d;color:#f4c99a;display:grid;place-items:center;font-size:13px;font-weight:800}.mb-header{height:72px;background:#fff;border-bottom:1px solid #e6ecf0;display:flex;align-items:center;justify-content:space-between;padding:0 26px;flex:0 0 auto;gap:10px}.mb-header-left,.mb-header-right{display:flex;align-items:center;gap:21px;min-width:0}.mb-header-right{gap:11px}.mb-brand{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-1.3px;font-size:25px;white-space:nowrap;color:#16283b;display:flex;align-items:baseline;gap:1px}.mb-brand span{color:#c6915d}.mb-brand small{font-size:9px;letter-spacing:2px;margin-left:8px;color:#a2aebd;font-weight:800}.mb-header-divider{width:1px;height:23px;background:#e3e9ee}.mb-breadcrumb{font-size:13px;color:#93a0ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-breadcrumb span{padding:0 9px;color:#c0c8d0}.mb-breadcrumb strong{color:#485668;font-weight:600}.mb-header-icon{border:0;background:transparent;padding:9px 6px;display:flex;align-items:center;gap:7px;color:#607083;font-size:12px;font-weight:700}.mb-header-icon:hover{color:#152239}.mb-saved-state{display:flex;align-items:center;gap:5px;color:#81938b;font-size:11px;font-weight:700;white-space:nowrap;margin-right:6px}.mb-saved-state svg{color:#589781}.mb-save-btn,.mb-main-btn{border:1px solid #182b3f;background:#182b3f;color:#fff;border-radius:9px;padding:11px 16px;font-size:12px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:800;white-space:nowrap}.mb-save-btn:hover,.mb-main-btn:hover{background:#304459;transform:translateY(-1px)}.mb-main{min-height:calc(100vh - 72px);flex:1;display:grid;grid-template-columns:334px minmax(320px,1fr) 335px;overflow:hidden}.mb-settings{min-width:0;background:#fff;display:flex;flex-direction:column;border-right:1px solid #e5ebf0;height:calc(100vh - 72px);max-height:calc(100vh - 72px)}.mb-settings-header{padding:29px 24px 22px}.mb-eyebrow{letter-spacing:1.35px;font-size:9px;color:#a4b0be;font-weight:800}.mb-settings-header h2{font:800 20px/1.35 Manrope,sans-serif;color:#1b2b3d;margin:11px 0 9px;letter-spacing:-.7px}.mb-settings-header p{margin:0;color:#8795a3;font-size:12px;line-height:1.65}.mb-settings-tabs,.mb-report-tabs{display:flex;padding:0 24px;border-bottom:1px solid #e9eef2;gap:22px}.mb-settings-tabs button,.mb-report-tabs button{border:0;border-bottom:2px solid transparent;padding:12px 0 13px;background:transparent;color:#97a2af;font-size:12px;font-weight:800}.mb-settings-tabs button.active,.mb-report-tabs button.active{color:#223a54;border-bottom-color:#cc9863}.mb-settings-content{padding:0 24px 20px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#dbe2e8 transparent}.mb-section{padding:23px 0;border-bottom:1px solid #edf1f3}.mb-section:last-child{border:0}.mb-section-title{font-size:10px;color:#8493a2;font-weight:800;letter-spacing:1.08px}.mb-section-head{display:flex;justify-content:space-between;align-items:center}.mb-tag{background:#f2f5f7;color:#9cabb8;font-size:10px;padding:5px 8px;border-radius:5px}.mb-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}.mb-template{min-height:94px;background:#fbfcfd;border:1px solid #e5eaf0;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:7px 2px;color:#7c8b9c}.mb-template svg{margin-bottom:3px}.mb-template strong{font-size:11px;color:#4f6071}.mb-template small{font-size:9px;color:#9aa7b5}.mb-template:hover,.mb-template.selected{border-color:#d8b084;background:#fdf8f2}.mb-template.selected svg,.mb-template.selected strong{color:#bb8854}.mb-control{margin-top:22px}.mb-control-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.mb-control-head label{display:block;color:#405265;font-weight:800;font-size:12px}.mb-control-head small{display:block;color:#a0adb9;font-size:10px;margin-top:4px}.mb-num-wrap{height:34px;border:1px solid #e2e8ed;background:#f8fafb;display:flex;align-items:center;border-radius:7px;max-width:107px}.mb-num-wrap input{min-width:0;width:75px;padding-left:11px;text-align:right;border:0;background:transparent;color:#25394c;font-size:12px;font-weight:800;outline:none}.mb-num-wrap input::-webkit-outer-spin-button,.mb-num-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mb-num-wrap input{appearance:textfield;-moz-appearance:textfield}.mb-num-wrap span{font-size:10px;color:#9eabb6;padding:0 7px}.mb-range{width:100%;margin:15px 0 0;height:4px;appearance:none;-webkit-appearance:none;border-radius:4px;background:#e6edf1;accent-color:#c99867;cursor:pointer}.mb-range::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#c99867;border:3px solid #fff;box-shadow:0 0 0 1px #c99867,0 2px 6px #25304530}.mb-range::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#c99867;border:3px solid #fff;box-shadow:0 0 0 1px #c99867}.mb-stepper{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:10px}.mb-stepper>div:first-child{min-width:0}.mb-stepper strong{display:block;font-size:12px;color:#445568}.mb-stepper small{font-size:10px;color:#a6b2bd;display:block;margin-top:3px}.mb-stepper-btns{display:flex;align-items:center;gap:12px}.mb-stepper-btns button{border:1px solid #e5ebef;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;color:#728293;background:#fff}.mb-stepper-btns button:hover:not(:disabled){border-color:#bb9369;color:#a7794c}.mb-stepper-btns strong{min-width:12px;text-align:center;font-size:13px}.mb-toggle-line{display:flex;align-items:center;justify-content:space-between;position:relative;padding:14px 0;cursor:pointer;gap:10px}.mb-toggle-line strong{display:block;color:#43566a;font-size:12px}.mb-toggle-line small{display:block;font-size:10px;color:#a6b2be;margin-top:4px}.mb-toggle-line input{position:absolute;opacity:0;right:0}.mb-switch{display:block;background:#dce3e9;border-radius:30px;width:36px;height:21px;transition:.2s;position:relative;flex-shrink:0}.mb-switch:before{content:'';position:absolute;width:15px;height:15px;border-radius:50%;background:white;left:3px;top:3px;box-shadow:0 1px 4px #0b203025;transition:.2s}.mb-toggle-line input:checked+.mb-switch{background:#b98957}.mb-toggle-line input:checked+.mb-switch:before{transform:translateX(15px)}.mb-settings-foot{padding:13px 24px;background:white;border-top:1px solid #ecf0f2}.mb-tip{display:flex;gap:10px;color:#9c8f79;background:#fbf7ef;border:1px solid #f5ecdd;border-radius:8px;padding:11px;font-size:10px;line-height:1.5}.mb-tip svg{margin-top:2px}.mb-material-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.mb-mat-card{position:relative;overflow:hidden;border:1px solid #e6ecf0;border-radius:9px;background:#fff;padding:7px;display:flex;flex-direction:column;gap:8px;align-items:stretch;text-align:left;color:#526272;font-size:11px;font-weight:700}.mb-mat-card.selected{border-color:#ca9b69;box-shadow:0 0 0 1px #ca9b6930}.mb-mat-swatch{height:58px;border-radius:5px;background:linear-gradient(130deg,var(--swatch-light),var(--swatch) 60%);border:1px solid #0000000c}.mb-mat-swatch.mb-grain{background:repeating-linear-gradient(87deg,transparent 0,transparent 7px,#51381d13 8px,transparent 9px,transparent 16px),linear-gradient(130deg,var(--swatch-light),var(--swatch) 60%)}.mb-mat-card>span:last-of-type{padding:2px 2px 4px}.mb-mat-card i{position:absolute;top:11px;right:12px;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;color:#fff;background:#b98756;font-style:normal}.mb-thickness{display:flex;gap:7px;margin-top:16px}.mb-thickness button{border:1px solid #e5eaef;background:#fff;border-radius:8px;padding:10px 0;flex:1;font-size:11px;font-weight:800;color:#627284}.mb-thickness button.selected{background:#f9f1e7;color:#ac7841;border-color:#d8b386}.mb-help{color:#93a2b1;font-size:11px;line-height:1.7}.mb-notes{resize:vertical;margin-top:12px;min-height:110px;width:100%;border-radius:9px;border:1px solid #e2e9ef;padding:10px 12px;color:#415267;background:#fafdff;font-size:12px}.mb-stage{position:relative;display:flex;flex-direction:column;min-width:0;min-height:520px;background:radial-gradient(ellipse at 50% 42%,#f5f7f9 0%,#eef2f5 55%,#e9eef2 100%);overflow:hidden}.mb-stage-top{padding:26px 30px 10px;display:flex;justify-content:space-between;align-items:flex-start;z-index:2;gap:20px}.mb-stage-kicker{font-size:10px;font-weight:800;letter-spacing:1.12px;color:#9ca9b6;display:flex;align-items:center;gap:8px}.mb-stage-kicker i{width:7px;height:7px;border-radius:50%;background:#79ab8c;box-shadow:0 0 0 3px #79ab8c1c}.mb-stage-title h2{font:800 22px/1.25 Manrope,sans-serif;letter-spacing:-.8px;margin:9px 0 6px;color:#273b50}.mb-stage-title p{font-size:11px;color:#a0abb6;margin:0}.mb-stage-controls{display:flex;align-items:center;gap:6px}.mb-stage-controls button{height:33px;width:33px;display:grid;place-items:center;background:#ffffffbd;color:#68798c;border:1px solid #e4eaf0;border-radius:8px;box-shadow:0 2px 6px #6470820e}.mb-stage-controls button:hover{background:#fff;color:#b98452}.mb-viewport{flex:1;position:relative;min-height:350px}.mb-grid-bg{position:absolute;inset:0;background-image:radial-gradient(#bcc7d24d 0.7px,transparent .7px);background-size:18px 18px;mask-image:radial-gradient(ellipse at center,#0006 10%,transparent 72%);pointer-events:none}.mb-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none;user-select:none}.mb-dims-float{position:absolute;top:28px;left:31px;z-index:2;display:flex;align-items:center;gap:12px;padding:9px 12px;background:#ffffffa8;backdrop-filter:blur(10px);border:1px solid #e6ebf0;border-radius:8px;box-shadow:0 6px 16px #61708408;pointer-events:none}.mb-dims-float div{display:flex;align-items:center;gap:5px}.mb-dims-float span{font-size:10px;color:#b2a087;font-weight:800}.mb-dims-float strong{font:800 11px Manrope,sans-serif;color:#586b7c}.mb-dims-float small{font-size:9px;color:#9aa9b4}.mb-orbit-hint{position:absolute;bottom:20px;right:24px;color:#8d9aa8;font-size:10px;font-weight:700;display:flex;align-items:center;gap:7px;pointer-events:none}.mb-stage-bottom{border-top:1px solid #e2e8ed;min-height:57px;display:flex;justify-content:space-between;align-items:center;z-index:2;gap:10px;padding:0 28px;background:#ffffff80;font-size:11px;color:#728194}.mb-stage-meta{display:flex;align-items:center;gap:8px;font-weight:700}.mb-color-dot{height:13px;width:13px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #dce1e5}.mb-dot{color:#c5cfd8}.mb-stage-badges{display:flex;gap:12px}.mb-stage-badges span{display:flex;align-items:center;gap:6px;color:#a0acb9;font-weight:700;font-size:10px}.mb-report{min-width:0;background:#fff;border-left:1px solid #e5ebf0;display:flex;flex-direction:column;height:calc(100vh - 72px);max-height:calc(100vh - 72px)}.mb-report-head{padding:30px 23px 22px;display:flex;justify-content:space-between;gap:5px;align-items:center}.mb-report-head h3{font:800 19px Manrope,sans-serif;letter-spacing:-.6px;margin:11px 0 0}.mb-status{display:flex;align-items:center;gap:6px;border-radius:5px;background:#f5f6f7;padding:6px 8px;color:#8b98a5;font-size:10px;font-weight:800}.mb-status i{width:6px;height:6px;background:#d5aa73;border-radius:50%}.mb-report-tabs{padding:0 23px}.mb-report-body{padding:22px 23px 20px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#dae3ea transparent}.mb-kpi-label{font-weight:800;letter-spacing:1.05px;font-size:10px;color:#95a2af}.mb-measure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.mb-measure-grid>div{border:1px solid #e7edf1;border-radius:9px;padding:12px 7px 9px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;background:#fcfdfe}.mb-measure-grid small{font-size:9px;font-weight:800;color:#adb8c3}.mb-measure-grid b{font:800 18px/1 Manrope,sans-serif;letter-spacing:-.6px;color:#2d4357}.mb-kpi-divider{margin-top:29px;padding-top:22px;border-top:1px solid #edf1f4}.mb-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.mb-kpi{border:1px solid #e8edf2;background:#fdfefe;border-radius:9px;padding:14px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.mb-kpi-symbol{color:#b89670}.mb-kpi strong{font:800 17px/1.2 Manrope,sans-serif;color:#2a3e51}.mb-kpi small{font-size:10px;color:#9baaB8}.mb-spec{margin-top:25px}.mb-spec h4{font:800 13px Manrope,sans-serif;color:#415369;margin:0 0 12px}.mb-stat{border-bottom:1px solid #eef2f5;padding:12px 0;display:flex;justify-content:space-between;gap:8px;font-size:11px}.mb-stat span{color:#98a6b3}.mb-stat strong{color:#4c5f70;font-weight:800;text-align:right}.mb-caption{font-size:10px;color:#a1aeb9;line-height:1.6;margin-top:20px}.mb-report-foot{border-top:1px solid #edf0f3;background:white;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px 20px}.mb-outline-btn{border:1px solid #dce4eb;background:#fff;color:#587084;border-radius:9px;padding:11px 13px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;white-space:nowrap}.mb-outline-btn:hover{background:#f5f8fa}.mb-report-foot .mb-main-btn,.mb-report-foot .mb-outline-btn{padding:11px 6px;font-size:10px}.mb-cut-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.mb-cut-intro strong{font:800 18px Manrope,sans-serif;color:#334b62}.mb-cut-intro span{font-size:10px;color:#94a3b0}.mb-cutrow{border:1px solid #e6ecf0;border-radius:9px;padding:12px;margin-bottom:9px;background:#fdfefe}.mb-cutrow-name{display:flex;align-items:center;gap:8px}.mb-cutrow-name span{color:#adbac6;font-size:10px;font-weight:800}.mb-cutrow-name strong{font-size:11px;color:#42566a;flex:1}.mb-cutrow-name b{font-size:11px;color:#bf9164}.mb-cutrow-detail{padding:9px 0 3px 22px;font:800 15px Manrope,sans-serif;color:#334c63}.mb-cutrow-edge{color:#9dacb9;font-size:10px;padding-left:22px}.mb-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,18px);opacity:0;pointer-events:none;z-index:60;color:#fff;background:#1c3043;border-radius:9px;padding:12px 18px;box-shadow:0 12px 24px #0f20332f;font-size:12px;font-weight:700;transition:.2s}.mb-toast.show{opacity:1;transform:translate(-50%,0)}.mb-overlay{position:fixed;inset:0;background:#0c1c2c7a;backdrop-filter:blur(3px);z-index:40;display:grid;place-items:center;padding:18px}.mb-modal{position:relative;max-width:500px;width:100%;max-height:min(85vh,750px);overflow:auto;background:white;border-radius:17px;padding:31px;box-shadow:0 35px 90px #07182e49}.mb-close{position:absolute;right:19px;top:19px;display:grid;place-items:center;height:34px;width:34px;border:1px solid #e5ebef;background:#fff;color:#7d8da0;border-radius:8px}.mb-modal-icon{background:#f7efe4;color:#b8854c;width:50px;height:50px;border-radius:13px;display:grid;place-items:center;margin-bottom:18px}.mb-modal h2{font:800 22px Manrope,sans-serif;letter-spacing:-.5px;margin:0 0 8px}.mb-modal>p{font-size:12px;color:#8b9baa;line-height:1.6;margin:0 0 24px}.mb-modal-label{display:block;font-size:12px;color:#5b6b7f;font-weight:800;margin-bottom:9px}.mb-modal-input{width:100%;border:1px solid #dce4ec;border-radius:9px;height:45px;padding:0 13px;font-size:13px;color:#33485c;background:#f9fafc}.mb-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.mb-project-list{max-height:380px;overflow:auto}.mb-project{border:1px solid #e9edf2;border-radius:9px;margin:8px 0;padding:11px;display:flex;align-items:center;gap:10px}.mb-project-mark{width:34px;height:36px;background:#f4f0ea;color:#b48a5d;border-radius:8px;display:grid;place-items:center}.mb-project>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.mb-project strong{font-size:12px;color:#40576b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-project small{font-size:10px;color:#a1afbb}.mb-project button{border:0;background:#f4f6f8;color:#76889a;border-radius:7px;height:30px;width:30px;display:grid;place-items:center}.mb-project button:hover{background:#e5ebef}.mb-empty{padding:26px;text-align:center;color:#a1aebb;font-size:13px;border:1px dashed #e4eaef;border-radius:8px}.mb-export-list{display:flex;flex-direction:column;gap:9px}.mb-export-list button{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #e5ebef;border-radius:10px;background:#fff;padding:14px;color:#b68b5d}.mb-export-list button:hover{border-color:#caab85;background:#fffbf6}.mb-export-list button span{display:flex;flex-direction:column;gap:4px;flex:1}.mb-export-list button strong{font-size:13px;color:#43596d}.mb-export-list button small{font-size:11px;color:#9eacb9}.mb-print-report{display:none}.mb-mobile-footer,.mb-mobile-menu{display:none}
@media(max-width:1440px){.mb-main{grid-template-columns:305px minmax(280px,1fr) 305px}.mb-settings-header,.mb-settings-content{padding-left:18px;padding-right:18px}.mb-settings-tabs{padding-left:18px;padding-right:18px}.mb-settings-foot{padding:12px 18px}.mb-report-body,.mb-report-head{padding-left:17px;padding-right:17px}.mb-report-tabs{padding-left:17px;padding-right:17px}.mb-header{padding:0 18px}.mb-stage-top{padding:23px 22px 10px}.mb-stage-bottom{padding:0 20px}.mb-stage-badges{display:none}}
@media(max-width:1200px){.mb-main{grid-template-columns:284px minmax(290px,1fr)}.mb-report{grid-column:1/-1;height:auto;max-height:none;border-top:1px solid #e5ebef;border-left:0;display:block}.mb-report-body{max-height:none;padding:20px 25px}.mb-report-foot{max-width:470px}.mb-measure-grid{max-width:480px}.mb-kpi-grid{grid-template-columns:repeat(4,1fr)}.mb-report-head{padding:24px}.mb-report-tabs{padding:0 24px}.mb-settings{height:calc(100vh - 72px);max-height:calc(100vh - 72px)}.mb-stage{min-height:calc(100vh - 72px)}.mb-viewport{min-height:430px}}
@media(max-width:800px){.mb-workspace{margin-left:0}.mb-rail{display:none}.mb-header{height:64px}.mb-brand{font-size:22px}.mb-header-left{gap:10px}.mb-header-divider,.mb-breadcrumb,.mb-saved-state,.mb-header-icon{display:none}.mb-mobile-menu{display:grid;place-items:center;width:32px;height:34px;border:0;background:transparent;color:#53667a}.mb-main{display:block;position:relative;min-height:0}.mb-stage{min-height:calc(100dvh - 118px);height:calc(100dvh - 118px)}.mb-settings{display:none;position:fixed;z-index:22;top:64px;bottom:54px;left:0;width:min(92vw,355px);height:auto;max-height:none;box-shadow:10px 0 40px #142b3b2e}.mb-main.mb-sidebar-open .mb-settings{display:flex}.mb-report{display:block;max-height:none}.mb-stage-title h2{font-size:19px}.mb-stage-top{padding:19px 18px}.mb-dims-float{left:17px;top:24px}.mb-viewport{min-height:0}.mb-mobile-footer{position:fixed;bottom:0;left:0;right:0;height:54px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid #e9edf1;z-index:21}.mb-mobile-footer button{display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:0;color:#516579;font-weight:800;font-size:11px}.mb-mobile-footer button+button{border-left:1px solid #eef1f4}.mb-report-foot{padding-bottom:25px}.mb-stage-bottom{padding:0 16px}.mb-header-right{gap:0}}
@media(max-width:480px){.mb-stage-kicker{font-size:9px}.mb-stage-title h2{font-size:17px}.mb-stage-title p{font-size:10px}.mb-stage-controls{gap:3px}.mb-stage-controls button{width:30px;height:30px}.mb-dims-float{gap:7px;padding:8px;top:16px;left:13px}.mb-dims-float strong{font-size:10px}.mb-report-body{padding:18px 16px}.mb-report-head{padding:22px 16px}.mb-report-tabs{padding:0 16px}.mb-kpi-grid{grid-template-columns:1fr 1fr}.mb-report-foot{padding:15px}.mb-modal{padding:24px}.mb-stage-bottom{font-size:10px}.mb-stage-badges{display:none}}
@media print{body,:root{background:#fff!important}.mb-app>.mb-rail,.mb-workspace,.mb-overlay,.mb-toast,.mb-import-file,.mb-mobile-footer{display:none!important}.mb-print-report{display:block!important;padding:16mm 11mm;color:#1b2938;font:11pt Arial,sans-serif}.mb-print-top{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:2px solid #1d3449;color:#6d7c8a;font-size:9pt}.mb-print-logo{font-weight:900;letter-spacing:2px;color:#1d3449}.mb-print-report h1{font-size:22pt;margin:25px 0 7px}.mb-print-report>p{font-size:9pt;color:#8e5d2d;font-weight:700}.mb-print-props{display:flex;gap:16px;flex-wrap:wrap;margin:22px 0;font-size:9pt;color:#536778}.mb-print-report table{width:100%;border-collapse:collapse;font-size:8pt}.mb-print-report th{background:#e8edf1;text-align:left;padding:9px 5px}.mb-print-report td{padding:10px 5px;border-bottom:1px solid #e6eaee}.mb-print-foot{margin-top:25px;font-size:10pt;line-height:1.6}.mb-print-foot p{font-size:8pt;color:#8c6650;margin-top:15px}}

/* v0.2 visual refinement: Material Symbols, warmer surfaces, clearer hierarchy. */
.mb-symbol.material-symbols-rounded{font-family:'Material Symbols Rounded'!important;font-style:normal;font-weight:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0,'wght' 360,'GRAD' 0,'opsz' 24;flex-shrink:0;vertical-align:middle}
.mb-rail .active .mb-symbol{font-variation-settings:'FILL' 1,'wght' 450,'GRAD' 0,'opsz' 24}
:root{font-family:'DM Sans',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.mb-app{--accent:#bd8a52;--navy:#192739;--muted:#8390a0;--line:#e8e9e8;--light:#f8f9f7;background:#f3f4f2}
.mb-rail{background:#1c2939;box-shadow:2px 0 18px #17283a0b}
.mb-logo{background:linear-gradient(145deg,#ebd0a9,#cf985c);box-shadow:none}
.mb-header{background:#ffffff;box-shadow:0 2px 16px #17283a08}
.mb-brand{letter-spacing:-1.1px}
.mb-main{grid-template-columns:326px minmax(340px,1fr) 324px}
.mb-settings{background:#fff}.mb-stage{background:radial-gradient(ellipse at 50% 34%,#f9faf9 0%,#f2f3f2 58%,#e9ebea 100%)}
.mb-report{background:#fff}.mb-viewport{min-height:280px}
.mb-stage-title h2{letter-spacing:-.8px}
.mb-stage-kicker{color:#a17850!important}.mb-stage-kicker i{background:#bc8e5e!important}
.mb-settings-header h2{letter-spacing:-.7px;line-height:1.2}
.mb-template,.mb-mat-card{border-color:#e9e9e8;border-radius:12px;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.mb-template:hover,.mb-mat-card:hover{transform:translateY(-1px);border-color:#d3b28f}
.mb-template.selected,.mb-mat-card.selected{border-color:#c99966;box-shadow:0 0 0 2px #d4ad7d22}
.mb-settings-tabs{gap:13px}.mb-settings-tabs button{font-size:11px;white-space:nowrap}
.mb-stage-controls .mb-symbol,.mb-save-btn .mb-symbol,.mb-header-icon .mb-symbol{color:inherit}
.mb-stage-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.mb-modern-controls .mb-view-switch{display:flex;padding:3px;border:1px solid #e0e5e8;border-radius:10px;background:#fafbfb;margin-right:5px;gap:2px}
.mb-modern-controls .mb-view-switch button{border:0!important;background:transparent!important;border-radius:7px!important;width:32px!important;height:32px!important;min-width:32px!important;box-shadow:none!important}
.mb-modern-controls .mb-view-switch button.active{color:#9b683c!important;background:#f5e5d1!important;box-shadow:inset 0 0 0 1px #e0c09b66!important}
.mb-layout-link{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;width:100%;border:1px dashed #d9c0a4;border-radius:10px;padding:11px;background:#fffcf8;color:#815d39;font-size:11px;font-weight:800}
.mb-layout-link:hover{background:#fff7e9}
.mb-layout-guide h3{font-size:17px;margin:14px 0 6px;color:#253246;letter-spacing:-.5px}
.mb-layout-guide p{font-size:12px;color:#8995a4;line-height:1.6;margin:0 0 14px}
.mb-layout-diagram{display:flex;gap:5px;align-items:stretch;height:195px;padding:12px;background:linear-gradient(180deg,#f9f8f5,#f0ede9);border:1px solid #e9e3dc;border-radius:12px}
.mb-layout-bay{position:relative;flex:1;background:#d2b28f;border:6px solid #9d7553;border-radius:2px;display:flex;flex-direction:column-reverse;justify-content:space-evenly;gap:4px;min-width:0;box-shadow:inset 0 0 12px #4b342526}
.mb-layout-bay span{height:6px;background:#95704e;box-shadow:0 2px 2px #73523922}
.mb-layout-bay b{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-size:11px;background:#fdf9f1e8;color:#805735;padding:2px 5px;border-radius:4px;z-index:2}
.mb-layout-list{margin-top:14px;display:flex;flex-direction:column;gap:7px}
.mb-layout-line{display:flex;justify-content:space-between;align-items:center;border:1px solid #e7eaed;border-radius:10px;padding:11px 10px}
.mb-layout-line>div:first-child{display:flex;flex-direction:column;gap:3px}
.mb-layout-line strong{font-size:12px;color:#27374a}.mb-layout-line small{font-size:10px;color:#9aa5b1}
.mb-layout-total{display:flex;gap:8px;align-items:center;font-size:12px;margin-top:12px;padding:12px;border-radius:9px;background:#f8f5f0;color:#85613f}
.mb-manufacture-check{margin-top:20px;border-top:1px solid #e8ecf1;padding-top:18px}
.mb-manufacture-check h4{display:flex;align-items:center;gap:7px;font-size:12px;color:#253346;margin:0 0 9px}
.mb-manufacture-check p{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.5;color:#a56832;margin:8px 0}
.mb-manufacture-check p.mb-check-ok{color:#638575}
.mb-manufacture-check small{font-size:10px;line-height:1.5;color:#9ca7b5}
.mb-studio-version{letter-spacing:.1em;font-size:9px}
.mb-report-foot .mb-symbol,.mb-settings-foot .mb-symbol,.mb-tip .mb-symbol{flex-shrink:0}
.mb-tip .mb-symbol{margin-top:2px}
.mb-main-btn,.mb-save-btn{border-radius:10px}
@media(max-width:1440px){.mb-main{grid-template-columns:302px minmax(300px,1fr) 302px}.mb-modern-controls .mb-view-switch button{width:30px!important;height:30px!important}}
@media(max-width:1200px){.mb-main{grid-template-columns:290px minmax(300px,1fr)}.mb-report{display:none}}
@media(max-width:820px){.mb-main{display:flex;flex-direction:column}.mb-stage{min-height:540px}.mb-stage-top{flex-wrap:wrap}.mb-stage-controls{width:100%;justify-content:flex-start}.mb-modern-controls .mb-view-switch{margin-right:auto}}
@media(max-width:520px){.mb-stage{min-height:480px}.mb-stage-top{padding:14px 15px 4px}.mb-modern-controls .mb-view-switch button{width:30px!important;height:30px!important}.mb-stage-controls{gap:5px}}

/* Graceful icon fallback if Google Fonts is unavailable. Google Material Symbols is always the primary icon set. */
.mb-g-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:none;min-width:0;min-height:0}
.mb-fallback-icon{display:none;flex:none}
.mb-no-material-icons .mb-g-icon .mb-symbol{display:none}
.mb-no-material-icons .mb-g-icon .mb-fallback-icon{display:inline-block}

/* 0.3: Three.js viewport and contextual per-column editor. */
.mb-viewport{isolation:isolate}
.mb-three-host{position:absolute;inset:0;z-index:1;pointer-events:none}
.mb-real-3d .mb-three-host{pointer-events:auto}
.mb-real-3d .mb-canvas{visibility:hidden}
.mb-three-host canvas{width:100%;height:100%}
.mb-dims-float,.mb-orbit-hint{z-index:3;pointer-events:none}
.mb-column-selection{position:absolute;z-index:4;left:50%;bottom:56px;transform:translateX(-50%);max-width:calc(100% - 24px);white-space:nowrap;display:flex;align-items:center;gap:13px;padding:9px 10px 9px 15px;border:1px solid #dce5ed;background:rgba(255,255,255,.96);box-shadow:0 16px 50px #1b28351c;border-radius:11px;font-size:12px;color:#53687a}
.mb-column-selection>span:first-child{display:flex;align-items:center;gap:6px}
.mb-column-selection .mb-g-icon{color:#b88452}
.mb-selection-actions{display:flex;align-items:center;gap:4px;padding-left:12px;border-left:1px solid #e7ebef}
.mb-selection-actions button{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;border:1px solid #e3e9ef;background:#fff;color:#4b5d70}
.mb-selection-actions button:hover{background:#f5ebdf;border-color:#d8b88e}
@media(max-width:800px){.mb-column-selection{bottom:46px;padding:7px 8px 7px 10px;font-size:10px}.mb-selection-actions{gap:2px;padding-left:7px}.mb-selection-actions button{height:27px;width:27px}}

/* v0.4 · Individual fronts editor, tactile controls and compact studio polish. */
.mb-settings-tabs{gap:3px!important;justify-content:space-between}
.mb-settings-tabs button{padding:11px 5px!important;font-size:10.5px!important;letter-spacing:-.08px}
.mb-open-all-btn{width:auto!important;min-width:112px!important;padding:0 11px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:7px!important;border:1px solid #cba473!important;color:#875c2c!important;background:#fff5e8!important;border-radius:9px!important;font-weight:800;font-size:11px!important;white-space:nowrap}
.mb-open-all-btn:hover{background:#fcecd6!important;border-color:#b68245!important}
.mb-open-all-btn[disabled]{opacity:.48;cursor:not-allowed}
.mb-open-all-btn[aria-pressed="true"]{background:#273b4b!important;color:#fff!important;border-color:#273b4b!important}
.mb-front-editor h3{font-size:18px;letter-spacing:-.4px;margin:12px 0 6px;color:#223145}
.mb-front-editor>p{font-size:11.5px;line-height:1.65;margin:0 0 14px;color:#8391a1}
.mb-front-quick{display:flex;gap:7px;margin:14px 0}
.mb-front-quick button{display:inline-flex;gap:6px;align-items:center;justify-content:center;flex:1;border:1px solid #e4d7c5;border-radius:10px;background:#fffaf4;padding:10px 6px;color:#947046;font-size:10.5px;font-weight:750}
.mb-front-quick button:hover{background:#fff1de}
.mb-front-card{border:1px solid #e8e9e7;border-radius:13px;padding:13px 12px;margin:10px 0;background:linear-gradient(160deg,#fff,#fdfcfb)}
.mb-front-card-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:11px;border-bottom:1px solid #eef0ef}
.mb-front-card-head strong{font-size:12px;color:#283a4a;display:flex;align-items:center;gap:5px}
.mb-front-card-head>span{font-size:10px;font-weight:700;color:#94a0aa}
.mb-front-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px}
.mb-front-options button{min-height:36px;border:1px solid #e8ebed;border-radius:8px;color:#5d6d7b;background:#f9fafb;font-size:11px;font-weight:650}
.mb-front-options button:last-child{grid-column:1/-1}
.mb-front-options button:hover{border-color:#dcb88c;background:#fcf6ee}
.mb-front-options button.active{background:#f6e7d5;border-color:#c99353;color:#805326;box-shadow:inset 0 0 0 1px #c9935366}
.mb-front-sub{display:flex;align-items:center;justify-content:space-between;margin:12px 0 0;gap:10px}
.mb-front-sub label{font-size:11px;font-weight:700;color:#738494}
.mb-front-segment{display:flex;gap:3px;padding:3px;border:1px solid #e8eced;background:#f5f7f8;border-radius:9px}
.mb-front-segment button{font-size:10.5px;font-weight:700;border:0;border-radius:6px;padding:8px 10px;background:transparent;color:#71808c}
.mb-front-segment button.active{background:#fff;color:#95683a;box-shadow:0 1px 4px #17283a1c}
.mb-front-sub .mb-stepper-btns{margin:0}
.mb-stage-top{gap:12px}
.mb-stage-title{min-width:160px}
.mb-stage-title p{line-height:1.5}
.mb-viewport .mb-grid-bg{opacity:.62}
.mb-real-3d .mb-orbit-hint{background:rgba(255,255,255,.85);backdrop-filter:blur(6px);border:1px solid #e4e7e9;padding:7px 12px;border-radius:20px;color:#6d7d8b;box-shadow:0 3px 16px #25354b10}
@media(max-width:1400px){.mb-open-all-btn{min-width:103px!important;padding:0 8px!important}}
@media(max-width:800px){.mb-front-card{padding:12px}.mb-open-all-btn{min-width:107px!important}}
@media(max-width:480px){.mb-stage-controls .mb-open-all-btn{width:auto!important;min-width:106px!important;height:33px!important}.mb-settings-tabs button{font-size:10px!important}.mb-orbit-hint{font-size:9px}}

/* Mebelo Studio 1.0 — advanced cabinet layout workspace. */
.mb-templates{grid-template-columns:repeat(3,minmax(0,1fr))}
.mb-advanced-layout{padding-top:23px}
.mb-layout-presets{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 16px}
.mb-layout-presets button{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:750;color:#795b38;border:1px solid #eadbca;background:#fffaf3;border-radius:8px;padding:8px 9px}
.mb-layout-presets button:hover{background:#f7ecd9}
.mb-bay-scale{display:flex;gap:4px;height:61px;padding:6px;background:#f2f3f3;border:1px solid #e1e5e8;border-radius:11px;margin-bottom:8px}
.mb-bay-scale>div{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ba9975;border-radius:6px;background:linear-gradient(145deg,#e0c5a4,#cfa47e);color:#644524;font-size:12px;font-weight:800}
.mb-bay-scale small{font-size:10px;white-space:nowrap;font-weight:600}
.mb-hint-row{font-size:10px!important;line-height:1.5;color:#85909b;margin:0 0 14px!important}
.mb-hint-row strong{color:#58677a}
.mb-bay-card{border:1px solid #e1e7ea;border-radius:12px;background:#fff;margin:10px 0 14px;padding:13px 12px 12px;box-shadow:0 4px 14px rgba(33,43,54,.025)}
.mb-bay-card.has-rail{border-color:#d9c5a8;background:#fffdf8}
.mb-bay-title{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #edf0f1}
.mb-bay-title strong{display:flex;gap:5px;align-items:center;color:#2d3e50;font-size:12px}
.mb-bay-title small{font-size:10px;color:#9b9b99}
.mb-bay-width,.mb-bay-shelves{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.mb-bay-width label,.mb-bay-shelves label{font-size:11px;color:#657585;font-weight:700}
.mb-bay-width>div{display:flex;gap:3px;align-items:center;flex-shrink:0}
.mb-bay-width button{width:25px;height:27px;display:grid;place-items:center;padding:0;border:1px solid #e4e8eb;background:#f8f9fa;border-radius:6px;color:#5d7080}
.mb-bay-width input{width:49px;height:29px;padding:2px 0;border:1px solid #e0e6e9;border-radius:6px;background:#fff;text-align:center;color:#283c51;font-size:11px;font-weight:750;appearance:textfield;-moz-appearance:textfield}
.mb-bay-width input::-webkit-inner-spin-button{display:none}
.mb-bay-width>div>span{color:#a2acb6;font-size:10px}
.mb-shelf-line{display:grid;grid-template-columns:76px minmax(0,1fr) 55px;gap:6px;align-items:center;margin:9px 0}
.mb-shelf-line label{display:flex;align-items:center;gap:3px;color:#8a97a4;font-size:10px}
.mb-shelf-line input{width:100%;accent-color:#bb8a59;cursor:ns-resize}
.mb-shelf-line output{text-align:right;color:#536779;font-size:10px;font-weight:750}
.mb-bay-rail{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #e5e7e8;padding-top:12px;margin-top:11px;font-size:11px;font-weight:700;color:#566b7b;cursor:pointer}
.mb-bay-rail span{display:flex;align-items:center;gap:6px}
.mb-bay-rail input{width:17px;height:17px;accent-color:#be8c58;cursor:pointer}
.mb-drag-guide{display:flex;align-items:center;gap:8px;padding:12px;border-radius:9px;background:#eff5fa;color:#55758c;font-size:11px;line-height:1.5;margin-top:14px}
.mb-hardware-list{display:flex;flex-direction:column;gap:7px;border:1px solid #e5e8eb;border-radius:9px;padding:11px;margin-top:13px;font-size:11px;color:#65788a}
.mb-hardware-list strong{color:#314256}
.mb-undo{width:29px;height:34px;justify-content:center!important;padding:0!important;border-radius:7px!important}
.mb-undo:hover:not(:disabled){background:#f4f0e9}
@media(max-width:1420px){.mb-header-right{gap:6px}.mb-settings-tabs{padding:0 13px}.mb-settings-content{padding-left:16px;padding-right:16px}}
@media(max-width:600px){.mb-undo{display:none!important}.mb-templates{grid-template-columns:repeat(3,minmax(0,1fr))}.mb-bay-scale{height:56px}}

/* v1.5: calmer showroom viewport and clear rendering-engine diagnostics. */
.mb-stage{background:radial-gradient(ellipse at 50% 38%,#fafafa 0%,#f3f4f2 56%,#e7e9e6 100%)}
.mb-render-badge{display:inline-flex;align-items:center;gap:6px;color:#697a88;font-weight:800}
.mb-render-badge:before{content:'';width:6px;height:6px;background:#6d9a86;border-radius:50%;box-shadow:0 0 0 3px #6d9a861c}
.mb-three-host canvas{image-rendering:auto;outline:0}
.mb-viewport{overflow:hidden}
@media(max-width:640px){.mb-render-badge{font-size:9px}.mb-stage-badges{display:flex!important;gap:7px}}

/* v2.0: project library, independent front finishes, transparent workshop calculator. */
.mb-report-tabs{gap:10px;padding-left:14px;padding-right:14px}.mb-report-tabs button{font-size:11px;white-space:nowrap}
.mb-quote-panel{padding:14px 0 22px}
.mb-quote-notice{display:flex;align-items:start;gap:8px;font-size:11px;line-height:1.6;border:1px solid #eddec4;border-radius:10px;color:#856b48;background:#fdf8ee;padding:11px}
.mb-quote-fields{display:grid;gap:9px;margin:17px 0}
.mb-quote-fields label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#5d7083;font-weight:750}
.mb-quote-fields label>div{border:1px solid #e2e9ef;border-radius:8px;display:flex;align-items:center;background:#fff;padding-right:8px}
.mb-quote-fields input{width:74px;padding:8px 5px;border:0;text-align:right;outline:none;font-size:12px;font-weight:800;color:#263b4c;min-width:0;background:transparent}
.mb-quote-fields small{font-size:10px;color:#8ea0ae}
.mb-quote-lines{border-top:1px solid #e4e9ed;padding-top:13px;display:grid;gap:10px}
.mb-quote-lines>div{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;font-size:11px}
.mb-quote-lines span{color:#64758a}.mb-quote-lines strong{color:#273c4f;font-size:11px}.mb-quote-lines small{grid-column:1/-1;color:#9da9b2;font-size:10px}
.mb-quote-total{margin-top:18px;padding:17px 13px;display:flex;justify-content:space-between;gap:9px;background:#182a3c;color:#fff;border-radius:11px;align-items:center;flex-wrap:wrap}
.mb-quote-total span{font-size:10px;letter-spacing:.5px}.mb-quote-total strong{font-size:16px}
.mb-quote-export{border:1px solid #e3e8ed;background:#fff;border-radius:9px;padding:12px;width:100%;display:flex;justify-content:center;gap:8px;align-items:center;margin-top:12px;color:#394f65;font-weight:800;font-size:11px}
.mb-project-search{display:flex;align-items:center;gap:8px;padding:0 11px;background:#f6f8f9;border:1px solid #e2e9ee;border-radius:9px;margin-bottom:13px;height:42px;color:#8e9bab}
.mb-project-search input{width:100%;font-size:12px;outline:none;border:0;background:transparent;color:#304257}
.mb-project[hidden]{display:none!important}.mb-project-list{max-height:46vh;overflow-y:auto}.mb-project{flex-wrap:nowrap}
.mb-project button{width:28px;flex-shrink:0}.mb-modal:has(.mb-project-search){max-width:620px}
.mb-modal-actions-spread{flex-wrap:wrap;justify-content:flex-start}.mb-modal-actions-spread .mb-main-btn{margin-left:auto}
.mb-mat-card[data-front-material="same"] .mb-mat-swatch{background:repeating-linear-gradient(45deg,#edf1f3 0 7px,#dfe8ee 8px 14px)}
@media(max-width:480px){.mb-project{gap:5px;padding:8px}.mb-project button{height:28px;width:25px}.mb-project small{font-size:9px}.mb-modal-actions-spread .mb-main-btn{margin-left:0}}

.mb-rail-bottom{display:flex;flex-direction:column;gap:18px;align-items:center}
.mb-rail-cloud{border:0;background:#ffffff13;color:#e4c59f;border-radius:9px;display:grid;place-items:center;width:39px;height:39px}
.mb-cloud-title{font-size:12px;font-weight:800;color:#2f4154;margin:18px 0 9px}
.mb-cloud-actions{display:flex;gap:9px;flex-wrap:wrap}
.mb-auth-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px}
.mb-auth-toggle button{border:1px solid #e4e8eb;background:#f8f9fb;border-radius:9px;padding:10px;color:#708398;font-size:12px;font-weight:800}
.mb-auth-toggle button.active{border-color:#d2a678;background:#fff8ef;color:#955e2f}
.mb-modal:has(#mb-auth-email) .mb-modal-label{margin-top:13px}
.mb-modal:has(#mb-auth-email) .mb-modal-input{margin-bottom:6px}
@media(max-width:1080px){.mb-report-tabs{gap:8px}.mb-report-tabs button{font-size:10px}}

/* v2.5 workshop nesting */
.mb-report-tabs{gap:3px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
.mb-report-tabs button{font-size:10px;padding:10px 3px;min-width:0;white-space:nowrap}
.mb-sheets{padding:1px 0 20px}.mb-sheet-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}
.mb-sheet-inputs>label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#687b8e;font-weight:700}
.mb-sheet-inputs>label>div{display:flex;align-items:center;gap:5px;border:1px solid #e1e6e8;border-radius:9px;padding:4px 7px}
.mb-sheet-inputs input[type=number]{border:0;background:transparent;color:#263646;width:100%;min-width:0;outline:none;font-size:12px;font-weight:750;padding:4px 2px}
.mb-sheet-inputs small{font-size:10px;color:#a1abb5;font-weight:500}
.mb-sheet-inputs .mb-sheet-rotate{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;background:#f8f5ef;padding:9px;border-radius:8px}
.mb-sheet-inputs .mb-sheet-rotate input{accent-color:#ad804a}
.mb-sheet-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:14px 0}
.mb-sheet-totals>div{border:1px solid #e5e8e9;border-radius:9px;padding:11px 4px;text-align:center;display:flex;flex-direction:column;gap:3px}
.mb-sheet-totals strong{font-size:17px;color:#253647}.mb-sheet-totals span{font-size:9px;color:#8494a2}
.mb-sheet-group{border-top:1px solid #e9eced;margin-top:16px;padding-top:10px}
.mb-sheet-group h4{font-size:12px;line-height:1.3;display:flex;justify-content:space-between;gap:6px;color:#253647;margin:6px 0 11px}
.mb-sheet-group h4 small{font-size:10px;color:#8896a2;white-space:nowrap}
.mb-sheet-card{border:1px solid #e9e7e2;border-radius:10px;padding:8px;margin:10px 0;background:#fff}
.mb-sheet-card-title{display:flex;justify-content:space-between;font-size:10px;font-weight:750;color:#536377;margin-bottom:8px}
.mb-sheet-card-title span{color:#9faab3;font-weight:500}.mb-sheet-card svg{width:100%;display:block;border-radius:3px;max-height:220px}
.mb-sheet-warning{color:#aa6e36;background:#fcf5e9;padding:8px;border-radius:8px;font-size:11px;display:flex;gap:5px}
.mb-sheets .mb-quote-export{margin-top:16px;width:100%;}

/* Mebelo 4.0 — technical drawing workspace, consistent with the existing studio */
.mb-report-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
.mb-report-tabs button{font-size:9.5px;letter-spacing:-.12px}
.mb-technical-panel{padding:3px 0 20px;display:flex;flex-direction:column;gap:12px}
.mb-tech-info{display:flex;gap:8px;align-items:center;color:#77889a;font-size:10px;line-height:1.6}
.mb-tech-miniature{border:1px solid #dce5eb;background:#fff;border-radius:12px;padding:8px;width:100%;display:block;box-shadow:0 4px 12px #243b4e09}
.mb-tech-miniature:hover{border-color:#ceaa7c;box-shadow:0 4px 16px #243b4e12}
.mb-tech-miniature svg{width:100%;display:block;max-height:260px}
.mb-tech-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mb-tech-actions button{background:#fff;border:1px solid #dde6ed;color:#354b60;border-radius:9px;padding:10px 6px;font-size:11px;font-weight:800;display:flex;gap:6px;align-items:center;justify-content:center}
.mb-tech-actions button:hover{border-color:#bf9666;background:#fdf7ee}
.mb-tech-subhead{letter-spacing:1.25px;color:#8897a6;font-size:10px;font-weight:900;margin-top:15px}
.mb-tech-hardware{display:grid;border:1px solid #e7edf1;border-radius:10px;overflow:hidden;background:white}
.mb-tech-hardware>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 10px;border-bottom:1px solid #edf1f4;color:#677a8c;font-size:11px}
.mb-tech-hardware>div:last-child{border-bottom:0}
.mb-tech-hardware strong{color:#263a4d;font-size:10px;text-align:right;white-space:nowrap}
.mb-tech-checks{display:grid;gap:7px}
.mb-tech-check{display:flex;gap:10px;border:1px solid #e5eaed;background:#f9fafb;border-radius:10px;padding:11px 10px;color:#8c9eae}
.mb-tech-check.warning{background:#fff7ec;border-color:#f0ddc1;color:#bb8952}
.mb-tech-check.required{background:#f4f7f9;border-color:#dde5ed;color:#59738a}
.mb-tech-check>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.mb-tech-check strong{font-size:11px;color:#304557}
.mb-tech-check small{font-size:10px;line-height:1.5;color:#718598}
.mb-tech-modal-drawing{border:1px solid #e1e7ec;border-radius:12px;background:white;overflow:auto;padding:8px}
.mb-tech-modal-drawing svg{display:block;width:100%;height:auto}
.mb-modal:has(.mb-tech-modal){max-width:min(1120px,95vw);max-height:94dvh;padding:25px 28px}
.mb-tech-modal .mb-modal-icon{height:42px;width:42px;margin-bottom:10px}
.mb-tech-modal h2{font-size:21px}
.mb-tech-modal>p{font-size:12px;color:#7a8d9e;margin:0 0 13px}
.mb-tech-modal-note{font-size:11px;line-height:1.55;color:#8b785c;margin:12px 1px 0}
.mb-tech-modal .mb-modal-actions{margin-top:16px}
.mb-explode-btn{display:flex!important;gap:6px!important;padding:0 11px!important;width:auto!important;min-width:36px;white-space:nowrap;border:1px solid #dbe4eb!important;border-radius:9px!important;background:#fff!important;color:#52677a!important;font-size:11px!important;font-weight:800}
.mb-explode-btn.active{color:#98612f!important;background:#fdf0e2!important;border-color:#dabb98!important}
.mb-explode-btn .mb-symbol{font-size:17px}
.mb-print-drawings{margin:8px 0 16px;page-break-inside:avoid}
.mb-print-drawings svg{width:100%;height:auto;display:block;max-height:168mm}
@media(max-width:1440px){.mb-explode-btn{min-width:34px;padding:0 7px!important}.mb-explode-btn span{display:none}}
@media(max-width:600px){.mb-report-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.mb-report-tabs button{font-size:9px}.mb-modal:has(.mb-tech-modal){padding:18px 12px}.mb-tech-modal-drawing{padding:1px}}
@media print{.mb-print-drawings{break-inside:avoid;page-break-after:always}.mb-print-report{padding:8mm}.mb-print-report table{break-inside:auto}.mb-print-report tr{break-inside:avoid}}

/* Mebelo 5.0 — manufacturing workflow */
.mb-settings-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px!important;overflow:hidden}
.mb-settings-tabs button{min-width:0!important;flex:unset!important;padding:11px 2px!important;font-size:10px!important;white-space:nowrap}
.mb-fab-section{padding:6px 2px 22px;color:#2b3d4c}
.mb-fab-section h3{font-size:19px;font-weight:850;line-height:1.25;margin:8px 0}
.mb-fab-section>p{color:#7b8b99;font-size:11px;line-height:1.7;margin-bottom:14px}
.mb-fab-block{border:1px solid #e2e8ed;border-radius:13px;background:#fff;padding:14px 13px;margin:12px 0;box-shadow:0 2px 13px #182d4207}
.mb-fab-block h4{font-size:12px;font-weight:850;color:#314457;margin:0 0 13px}
.mb-fab-field{display:flex;flex-direction:column;gap:6px;margin:10px 0;font-size:11px;font-weight:750;color:#4a5e70}
.mb-fab-field>select,.mb-fab-field>div{border:1px solid #dce3e9;border-radius:8px;background:#f9fbfc;padding:9px 10px;font-size:12px;font-weight:700;color:#31495c;min-width:0;width:100%}
.mb-fab-field>div{display:flex;align-items:center;gap:7px}.mb-fab-field input{border:0;background:transparent;width:100%;min-width:0;outline:0;font-weight:800;font-size:13px;color:#34495d}
.mb-fab-field small{font-size:10px;color:#97a4af;font-weight:500}.mb-fab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}
.mb-fab-advisory{background:#faf5ed;border:1px solid #ecddc7;border-radius:9px;padding:11px;font-size:10px;line-height:1.65;color:#8c6c42;margin-top:10px}
.mb-fab-fit{border:1px solid #dbe6eb;border-radius:10px;background:#f3f8fa;padding:12px;display:flex;flex-direction:column;gap:6px}
.mb-fab-fit strong{font-size:12px;color:#2e5365}.mb-fab-fit small{font-size:10px;line-height:1.5;color:#648295}
.mb-fab-fit.tooLarge,.mb-fab-fit.tight{background:#fff2e5;border-color:#f0d4b7}.mb-fab-fit.tooLarge strong,.mb-fab-fit.tight strong{color:#a2612b}
.mb-fab-fit-list{display:grid;gap:3px;margin-top:10px}.mb-fab-fit-list>div{display:flex;align-items:center;gap:8px;padding:9px 2px;border-bottom:1px solid #edf0f2;font-size:11px;color:#738395}
.mb-fab-fit-list>div strong{margin-left:auto;color:#2b3d4c}.mb-fab-fit-list>div small{font-size:9px;color:#9baab5}
.mb-fab-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mb-fab-stats>div{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 2px;border:1px solid #e8edf0;border-radius:10px}
.mb-fab-stats strong{font-size:17px;color:#223b4f}.mb-fab-stats span{font-size:9px;color:#8f9da9;text-align:center}
.mb-fab-groups{margin-top:9px}.mb-fab-groups>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 2px;border-bottom:1px solid #e9edef;font-size:10px;color:#607487}
.mb-fab-groups strong{white-space:nowrap;color:#354c5c}.mb-fab-secondary{display:block;width:100%;padding:10px;border:1px solid #dce4ea;border-radius:8px;background:#f7f9fa;color:#466078;font-size:11px;font-weight:750;margin-top:9px}
.mb-module-presets{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0 12px}
.mb-module-presets button{padding:8px;border:1px solid #e1e8ea;border-radius:7px;background:#f8fafb;color:#647789;font-size:10px;font-weight:750}
.mb-module-presets button:hover{background:#f5e7d4;color:#80572b;border-color:#d7b58a}
@media(max-width:600px){.mb-fab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-fab-block{padding:12px 9px}.mb-settings-tabs{overscroll-behavior-x:contain}}

/* Mebelo 6.0 — multi-cabinet assembly workspace */
.mb-assembly-toolbar{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 15px;background:#fbfcfd;border-bottom:1px solid #e5eaed;position:relative;z-index:2}
.mb-assembly-toolbar>span{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;letter-spacing:.09em;color:#73869a}
.mb-assembly-toolbar>span strong{font-weight:850}
.mb-assembly-pills{display:flex;align-items:center;gap:5px;flex:1;overflow-x:auto;scrollbar-width:thin}
.mb-assembly-pills button{border:1px solid #dfe7ed;background:white;border-radius:8px;padding:6px 10px;display:flex;flex-direction:column;align-items:start;gap:3px;font:750 10px system-ui;color:#62778a;white-space:nowrap;min-width:84px}
.mb-assembly-pills button small{font-size:9px;color:#a0acb5;font-weight:500}
.mb-assembly-pills button.active{border-color:#d8ab73;background:#fbf2e4;color:#8d652d;box-shadow:0 1px 4px #c48c3e18}
.mb-assembly-add{border:1px solid #dfc9a8;background:#fffaf4;color:#916d3c;border-radius:9px;font-size:11px;font-weight:750;padding:10px;display:flex;align-items:center;gap:4px;white-space:nowrap}
.mb-assembly-add:disabled{opacity:.45}
.mb-assembly-panel{padding:15px 7px 26px}.mb-assembly-panel h3{font-size:21px;margin:5px 0 7px;font-weight:850;color:#2a3d51}
.mb-assembly-panel>p{color:#81929f;font-size:11px;line-height:1.75;margin:0 0 15px}
.mb-assembly-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:14px}
.mb-assembly-summary>div{display:flex;flex-direction:column;gap:7px;align-items:center;padding:13px 1px;background:#f7f9fa;border:1px solid #e7edef;border-radius:10px}
.mb-assembly-summary strong{font-size:18px;color:#2d4a60}.mb-assembly-summary small{font-size:9px;text-align:center;color:#8295a5}
.mb-assembly-gap{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;color:#526677;font-size:11px;font-weight:750;gap:8px}
.mb-assembly-gap span{display:flex;align-items:center;gap:6px;color:#8294a1}.mb-assembly-gap input{background:#fff;width:66px;padding:7px 5px;border:1px solid #dbe3e8;border-radius:7px;text-align:right;color:#314459}
.mb-assembly-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.mb-assembly-item{border:1px solid #dfe6ec;border-radius:11px;padding:12px 9px;background:#fff}
.mb-assembly-item.selected{border-color:#d2aa77;background:#fffaf3}
.mb-assembly-item-top{display:flex;align-items:center;justify-content:space-between;gap:4px}
.mb-assembly-choose{display:flex;align-items:center;gap:5px;background:none;color:#435c70;border:0;padding:4px;font-size:11px;min-width:0}
.mb-assembly-choose strong{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb-assembly-choose i{font-style:normal;font-size:8px;background:#e7d6bb;color:#87602b;padding:4px;border-radius:5px}
.mb-assembly-item-top>div{display:flex;gap:1px}.mb-assembly-item-top>div button{display:grid;place-items:center;border:0;background:transparent;color:#8796a0;padding:5px;border-radius:6px}
.mb-assembly-item-top>div button:hover{background:#f1f4f7}.mb-assembly-item-top>div button:disabled{opacity:.28}
.mb-assembly-item p{font-size:10px!important;color:#8696a2!important;margin:8px 3px 0!important}
.mb-assembly-primary,.mb-assembly-secondary{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;width:100%;padding:12px;font:750 12px system-ui;cursor:pointer}
.mb-assembly-primary{background:#d2a25e;color:#202d3b;border:1px solid #d2a25e}.mb-assembly-secondary{margin-top:9px;color:#486073;border:1px solid #dfe6ec;background:#fff}
.mb-assembly-note{margin-top:15px!important;font-size:10px!important;color:#9c8b72!important;border-top:1px solid #e5e8ed;padding-top:13px}
@media(max-width:1160px){.mb-assembly-toolbar{gap:6px}.mb-assembly-toolbar>span strong{display:none}.mb-assembly-add{font-size:0}.mb-assembly-add .mb-g-icon{font-size:14px}}
@media(max-width:750px){.mb-assembly-toolbar{padding:6px 9px;min-height:50px}.mb-assembly-toolbar>span{display:none}.mb-assembly-pills button{min-width:72px;padding:6px}}

.mb-assembly-label{display:flex;flex-direction:column;gap:6px;color:#536879;font-size:11px;font-weight:750;margin:8px 0 14px}
.mb-assembly-label input{background:#fff;color:#344e61;border:1px solid #dce5eb;border-radius:8px;padding:10px;font-size:12px}
.mb-assembly-report-hint{padding:9px 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #eee4d7;color:#93703e;background:#fcf7f0;font-size:10px;line-height:1.4}

/* v6.0.1: Mobile authentication must remain visible (sidebar and desktop header icons are hidden). */
.mb-mobile-account{display:none}
@media(max-width:800px){
  .mb-header-right .mb-save-btn{display:none}
  .mb-header-right .mb-mobile-account{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:7px 12px;border:1px solid #e2dfd7;border-radius:10px;background:#fff8ef;color:#805a36;font-size:12px;font-weight:800;white-space:nowrap;flex-shrink:0}
  .mb-header-right .mb-mobile-account:hover{background:#f9eddd;border-color:#cda978}
  .mb-header-right .mb-mobile-account .mb-symbol{font-size:20px;color:inherit}
  .mb-header-right{flex-shrink:0}
  .mb-header-left{min-width:0}
  .mb-brand small{display:none}
}
@media(max-width:355px){
  .mb-header{padding-left:10px;padding-right:10px}
  .mb-header-right .mb-mobile-account{padding:7px 9px;gap:4px}
  .mb-brand{font-size:20px}
}
@media print{.mb-mobile-account{display:none!important}}

/* Mebelo 7.0 — 2D architectural layout workspace */
.mb-plan-toggle{background:#fff;border:1px solid #d9e2e8;color:#526b7d;border-radius:10px;display:flex;align-items:center;gap:6px;font:750 11px system-ui;padding:10px 11px;white-space:nowrap;cursor:pointer}
.mb-plan-toggle.active{background:#e9f4f3;border-color:#78ada8;color:#1d6864}
.mb-plan-active{background:#eff2f3!important}
.mb-plan-active .mb-three-host,.mb-plan-active .mb-canvas,.mb-plan-active .mb-grid-bg,.mb-plan-active .mb-column-selection,.mb-plan-active .mb-dims-float{display:none!important}
.mb-room-plan{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;padding:28px 32px;gap:13px;min-height:0;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 30%,#fff 0%,#f1f4f4 75%)}
.mb-plan-top,.mb-plan-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:920px;gap:12px;color:#687d89;font:650 11px system-ui}
.mb-plan-top span,.mb-plan-bottom span{display:flex;align-items:center;gap:5px}.mb-plan-top strong{color:#30475b}
.mb-room-svg{width:100%;max-width:920px;height:min(65vh,600px);max-height:100%;border:10px solid #edf0f0;border-radius:12px;box-shadow:0 18px 50px rgba(46,68,80,.12);background:#fbfaf8;touch-action:none;user-select:none}
.mb-plan-module{cursor:grab;outline:none;touch-action:none}.mb-plan-module rect:first-child{stroke:#657c85;stroke-width:7;filter:drop-shadow(8px 12px 8px #31455830)}
.mb-plan-module.is-active rect:first-child{stroke:#b77631;stroke-width:13}.mb-plan-module.is-dragging{cursor:grabbing;opacity:.85}.mb-plan-module.is-overlap rect:first-child{stroke:#be5a48}
.mb-plan-module text{pointer-events:none;user-select:none}
.mb-room-settings{padding:14px 7px 25px}.mb-room-settings h3{font-size:21px;font-weight:850;color:#2e4457;margin:6px 0}.mb-room-settings>p{font-size:11px;line-height:1.65;color:#8b98a4;margin:0 0 15px}
.mb-room-edit-fields{display:grid;gap:8px}.mb-room-edit-fields label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#f8fafb;border-radius:9px;font:700 11px system-ui;color:#526679}
.mb-room-edit-fields label>span{display:flex;align-items:center;gap:5px}.mb-room-edit-fields input,.mb-room-edit-fields select{width:91px;padding:8px 7px;border:1px solid #d9e2e7;border-radius:7px;text-align:right;color:#24465a;background:#fff;font:650 11px system-ui}
.mb-room-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.mb-room-actions button{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 8px;border:1px solid #dbe5eb;border-radius:9px;background:#fff;font:750 10px system-ui;color:#52677c;cursor:pointer}
.mb-room-actions button:first-child{background:#20394e;color:white;border-color:#20394e}
.mb-room-stats{display:flex;align-items:center;gap:7px;margin-bottom:9px;font:650 10px system-ui;color:#8294a0}.mb-room-stats span{border-radius:6px;background:#f2f5f7;padding:6px 8px}
.mb-room-module-list{display:flex;flex-direction:column;gap:6px}.mb-room-module-list button{display:flex;align-items:center;justify-content:space-between;gap:6px;background:white;border:1px solid #e1e7ec;border-radius:9px;padding:11px;cursor:pointer;text-align:left}
.mb-room-module-list button.active{background:#fff7ec;border-color:#d8b37e}.mb-room-module-list button span{display:flex;align-items:center;gap:6px;color:#415c6f;font:750 11px system-ui}.mb-room-module-list button small{font:500 10px system-ui;color:#8293a1}
.mb-room-ok,.mb-room-warnings{margin-top:14px;border-radius:9px;padding:12px;font:650 11px system-ui}.mb-room-ok{display:flex;gap:7px;background:#edf7f3;color:#397b66}.mb-room-warnings{background:#fff3ed;color:#9b5243}.mb-room-warnings p{display:flex;align-items:flex-start;gap:5px;line-height:1.5;margin:4px 0}
@media(max-width:1050px){.mb-room-plan{padding:18px}.mb-plan-toggle span{display:none}}
@media(max-width:700px){.mb-room-plan{padding:11px}.mb-room-svg{height:auto;max-height:70vh;min-height:220px;border-width:4px}.mb-plan-top,.mb-plan-bottom{font-size:9px}.mb-plan-top strong{font-size:10px}.mb-room-module-list button{flex-wrap:wrap}.mb-plan-toggle{padding:8px}}
/* V7 final toolbar / tab spacing, avoids crowding the 3D controls on desktops. */
.mb-stage-top{flex-wrap:wrap!important;gap:10px!important}
.mb-stage-top .mb-stage-title{flex:1 1 100%;max-width:none}
.mb-stage-top .mb-stage-controls{width:100%;justify-content:flex-start;gap:7px}
.mb-stage-controls .mb-plan-toggle{width:auto!important;min-width:95px!important;height:35px!important;flex:0 0 auto}
.mb-settings-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:700px){.mb-stage-controls .mb-plan-toggle{min-width:34px!important;width:34px!important}.mb-room-plan{padding:10px}}

/* v8.0 architectural room design */
.mb-plan-wall{fill:#637889;pointer-events:none}
.mb-plan-opening{cursor:ew-resize;touch-action:none;outline:none}
.mb-plan-opening.is-selected .mb-arch-hit{stroke:#d49a56;stroke-width:12}
.mb-arch-glass{fill:#bee6f4;stroke:#468ba8;stroke-width:9}
.mb-arch-door-leaf{stroke:#be8953;stroke-linecap:round}
.mb-arch-door-swing{fill:none;stroke:#bd9263;stroke-width:9;stroke-dasharray:22 12}
.mb-arch-label{font-size:42px;font-weight:850;fill:#4d6779;pointer-events:none}
.mb-plan-opening.is-dragging{opacity:.75}
.mb-architecture-panel{margin:14px 0;padding:14px;background:#fff;border:1px solid #e1e7ec;border-radius:13px}
.mb-arch-title{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:12px}
.mb-arch-title span{font-size:9px;color:#a47e4b;letter-spacing:.08em;font-weight:800}
.mb-arch-title h4{font-size:15px;color:#34485a;font-weight:850;margin:5px 0 0}
.mb-arch-title h4 small{color:#8b99a5;font-size:10px}
.mb-arch-swatch{background:#f6f1e7;border-radius:10px;color:#b58b53;padding:10px}
.mb-arch-add{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:11px}
.mb-arch-add button{border:1px solid #e0e7eb;background:#f8fafb;padding:11px 4px;border-radius:9px;font:750 11px system-ui;color:#455d6d;display:flex;justify-content:center;gap:6px;align-items:center;cursor:pointer}
.mb-arch-add button:hover{background:#f8efe2;border-color:#d3b68f}.mb-arch-add button:disabled{opacity:.35}
.mb-arch-empty{font:550 10px/1.5 system-ui;color:#8b9ba4;text-align:center;padding:8px}
.mb-arch-list{max-height:190px;overflow:auto;display:flex;flex-direction:column;gap:5px}
.mb-arch-list button{width:100%;padding:8px;border:1px solid #e7edf1;background:white;border-radius:9px;display:flex;align-items:center;gap:9px;text-align:left;color:#516679;cursor:pointer}
.mb-arch-list button.active{border-color:#d0a671;background:#fbf5ec;color:#91663b}
.mb-arch-list button>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.mb-arch-list strong{font-size:11px}.mb-arch-list small{font-size:10px;color:#8697a4}
.mb-arch-editor{margin-top:10px;border-top:1px solid #e9ecef;padding-top:10px;display:grid;gap:7px}
.mb-arch-selected{display:flex;justify-content:space-between;align-items:center;color:#3e5568;font-size:11px;margin-bottom:5px}
.mb-arch-selected button{border:0;background:#fff0ef;border-radius:7px;color:#b45e58;padding:6px;cursor:pointer}
.mb-arch-editor label{display:flex;align-items:center;justify-content:space-between;gap:6px;font:650 10px system-ui;color:#506878}
.mb-arch-editor label>span{display:flex;align-items:center;gap:4px}
.mb-arch-editor input,.mb-arch-editor select{width:103px;max-width:48%;min-width:0;border:1px solid #d8e3e9;border-radius:7px;background:#fff;padding:8px;text-align:right;font:650 11px system-ui;color:#284a5c}
.mb-arch-editor .mb-arch-nudge{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}
.mb-arch-nudge button{background:#faf8f4;border:1px solid #eee2d4;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px;color:#805f3b;font:750 10px system-ui}
.mb-room-stats{flex-wrap:wrap}.mb-room-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.mb-room-plan .mb-plan-top{flex-wrap:wrap}
@media(max-width:700px){.mb-architecture-panel{padding:11px}.mb-room-plan .mb-plan-bottom{align-items:start}.mb-plan-opening .mb-arch-label{font-size:55px}.mb-room-actions button{font-size:9px}}

/* Mebelo v9.0: 3D interior controls and finishes */
.mb-room3d-toggle,.mb-room-mode-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;border:1px solid #d6dfe5;border-radius:11px;padding:9px 12px;color:#364657;font:700 12px inherit;cursor:pointer;white-space:nowrap;transition:background .16s,box-shadow .16s}
.mb-room3d-toggle{background:#2f4858;color:#fff;border-color:#2f4858}
.mb-room3d-toggle.active{background:#e8b97e;border-color:#d9aa6b;color:#273646}
.mb-room-mode-btn.active{background:#f6e8d3;border-color:#d6b48d;color:#564126}
.mb-interior-options{margin:15px 0;padding:16px;border:1px solid #e3ddd4;border-radius:16px;background:linear-gradient(140deg,#f6f3ed,#fffcf8)}
.mb-interior-options p{font-size:12px;color:#6a7580;margin:7px 0 14px;line-height:1.55}
.mb-interior-options label{font-weight:650;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0}
.mb-interior-options select{border:1px solid #e0dfdc;background:white;border-radius:9px;padding:7px;font:inherit;min-width:138px;max-width:62%}
.mb-interior-primary{background:#233f52;color:#fff;border:0;border-radius:10px;padding:11px 14px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:750;cursor:pointer;margin-top:12px}
@media(max-width:900px){.mb-room-mode-btn span,.mb-room3d-toggle span{display:none}.mb-room-mode-btn,.mb-room3d-toggle{padding:8px}.mb-room-mode-btn .mb-g-icon,.mb-room3d-toggle .mb-g-icon{min-width:18px}}
/* V9 controls override legacy icon-only button sizing. */
.mb-stage-controls .mb-room3d-toggle,.mb-stage-controls .mb-room-mode-btn{display:inline-flex!important;width:auto!important;min-width:35px!important;height:35px!important;padding:7px 10px!important;flex:0 0 auto;gap:6px!important;font-family:inherit;font-size:11px;font-weight:800;line-height:1;white-space:nowrap;box-shadow:0 2px 7px rgba(49,72,88,.07)!important}
.mb-stage-controls .mb-room3d-toggle{background:#243f50!important;color:#fff!important;border-color:#243f50!important}
.mb-stage-controls .mb-room3d-toggle.active{background:#e9c18a!important;color:#28394b!important;border-color:#d8aa73!important}
.mb-stage-controls .mb-room-mode-btn.active{background:#faedd9!important;color:#6d4c2c!important;border-color:#e2c396!important}
.mb-stage-top{flex-wrap:wrap;gap:10px}.mb-stage-top .mb-stage-title{flex:1 1 100%}.mb-stage-top .mb-stage-controls{display:flex;flex-wrap:wrap;width:100%;justify-content:flex-start;gap:6px}
.mb-stage-controls .mb-view-switch{margin-right:2px!important}
@media (max-width:800px){.mb-stage-controls .mb-room3d-toggle,.mb-stage-controls .mb-room-mode-btn{width:35px!important;padding:6px!important}.mb-stage-controls .mb-room3d-toggle span:not(.mb-g-icon),.mb-stage-controls .mb-room-mode-btn span:not(.mb-g-icon){display:none}}

.mb-room-rotate{display:flex;flex-direction:column;gap:8px;background:#f5f8f8;border:1px solid #e2e7ea;border-radius:12px;margin:10px 0 12px;padding:12px}.mb-room-rotate>span{font-size:11px;font-weight:800;color:#657689}.mb-room-rotate>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.mb-room-rotate button{border:1px solid #d9e1e5;background:#fff;color:#40546a;padding:7px;border-radius:9px;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800}.mb-room-rotate strong{font-size:14px;color:#374c61}

/* v9.1: cabinet height and wall-mount elevation workspace */
.mb-room-elevation{margin:14px 0 12px;border:1px solid #d9e5ed;background:linear-gradient(155deg,#fff 0%,#f6fafc 100%);border-radius:14px;padding:15px;box-shadow:0 7px 22px rgba(30,55,80,.045)}
.mb-room-elevation h4{font-size:15px;font-weight:850;margin:7px 0 4px;color:#253e53}
.mb-room-elevation>p{margin:4px 0 13px;color:#748696;font-size:11px;line-height:1.55}
.mb-elev-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0;font-size:11px;font-weight:750;color:#465d70}
.mb-elev-row span{display:flex;align-items:center;gap:5px;flex-shrink:0}
.mb-elev-row input{width:89px;min-width:0;border:1px solid #cfdde6;border-radius:9px;padding:8px;text-align:right;background:#fff;color:#203b51;font:700 12px system-ui}
.mb-elev-slider{width:100%;accent-color:#c79b5f;cursor:pointer;margin:14px 0 8px}
.mb-elev-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}
.mb-elev-actions button{display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid #d9e5e9;background:#fff;border-radius:8px;color:#466075;padding:9px 3px;cursor:pointer;font-size:10px;font-weight:750}
.mb-elev-actions button:nth-child(2){background:#223f55;color:#fff;border-color:#223f55}
.mb-elev-actions button:hover{border-color:#c79b5f}
.mb-elev-summary{margin-top:12px;padding:10px 11px;border-radius:9px;background:#eef3f5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;text-align:center}
.mb-elev-summary span{display:flex;flex-direction:column;gap:4px;font-size:9px;color:#738a99}
.mb-elev-summary b{font-size:12px;color:#27465d}
.mb-room-elevation .mb-elev-note{margin:10px 0 0;color:#7f8995;font-size:10px}
@media(max-width:700px){.mb-room-elevation{padding:12px}.mb-elev-summary{gap:3px}.mb-elev-actions button{font-size:9px}}

/* v9.2 floor, adjustable-leg and wall mounting */
.mb-support-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}
.mb-support-picker button{border:1px solid #d5e0e8;border-radius:9px;background:#fff;color:#4c6476;padding:10px 5px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:800;cursor:pointer}
.mb-support-picker button.selected{border-color:#b99365;background:#fff7eb;color:#7e5630;box-shadow:inset 0 0 0 1px #b99365}
.mb-leg-controls{background:#f7fafc;border:1px solid #dae5ea;border-radius:11px;padding:11px;margin:9px 0 13px}
.mb-leg-controls select{border:1px solid #d2dfe5;color:#294455;background:#fff;border-radius:8px;padding:8px;max-width:160px;font-weight:700;font-size:11px}
.mb-leg-export{background:#284559;color:#fff;border:0;border-radius:9px;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;font-size:11px;font-weight:800;cursor:pointer}
.mb-elev-row input:focus,.mb-leg-controls select:focus{outline:2px solid #c6a273;outline-offset:1px}
@media(max-width:450px){.mb-support-picker button{font-size:10px;gap:3px;padding:9px 2px}.mb-support-picker .mb-icon{font-size:15px}}

/* v10 kitchen system: substantial configuration panel, responsive controls */
.mb-k10{padding:18px 0 22px;color:#344b5e}.mb-k10 h3{font-size:19px;letter-spacing:-.5px;margin:7px 0 9px}.mb-k10>p{font-size:11px;line-height:1.65;color:#788a9a;margin:0 0 15px}
.mb-k10-selected{display:flex;align-items:center;gap:9px;background:#f5f7f8;border:1px solid #e4eaf0;border-radius:10px;padding:12px;font-size:11px;margin:11px 0}.mb-k10-selected strong{color:#1e354a}
.mb-k10-presets{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0 16px}.mb-k10-presets button{background:#20374c;color:#fff;border:0;border-radius:10px;padding:10px 6px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:800;min-width:0}
.mb-k10-block{border:1px solid #dfe7ed;border-radius:13px;background:#fcfdfd;padding:14px 12px;margin-bottom:11px}.mb-k10-block h4{margin:0 0 12px;display:flex;align-items:center;gap:7px;font-size:12px;color:#263e52}.mb-k10-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:11px 0;font-size:11px;font-weight:650;color:#567083}.mb-k10-row>span:last-child{white-space:nowrap;display:flex;align-items:center;gap:4px}.mb-k10-row input{width:76px;text-align:right}.mb-k10-row input,.mb-k10-row select{background:#fff;border:1px solid #d6e0e7;border-radius:8px;padding:8px 6px;color:#27445b;max-width:146px;font-size:11px}.mb-k10-row select{max-width:154px}
.mb-k10-toggle{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;padding:6px 0 10px}.mb-k10-toggle span{display:flex;flex-direction:column;gap:4px;max-width:210px}.mb-k10-toggle small{font-size:10px;color:#8a9aa7;line-height:1.4}.mb-k10-toggle input{width:18px;height:18px;accent-color:#bf8a52;flex-shrink:0}
.mb-k10-total{background:#f1f5f8;border:1px solid #e0eaf0;padding:12px;border-radius:10px;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px}.mb-k10-total strong{font-size:15px;color:#243d51;white-space:nowrap}
.mb-k10-export{width:100%;display:flex;justify-content:center;gap:8px;align-items:center;padding:12px;border:0;background:#c18e57;color:#172d40;border-radius:10px;font-size:11px;font-weight:850;margin:12px 0}
.mb-k10-warnings{padding:10px 12px;background:#fff4e7;border-radius:10px;font-size:10px;color:#966039;margin-bottom:13px}.mb-k10-warnings p{margin:5px 0;display:flex;gap:7px;align-items:start}.mb-k10-ok{padding:12px;color:#47846d;background:#edf7f0;border-radius:9px;font-size:11px;margin-bottom:12px;display:flex;align-items:center;gap:7px}
@media(max-width:1050px){.mb-k10-presets button{font-size:10px}.mb-k10-row input{max-width:70px}}

/* v11 complete kitchen planner */
.mb-k11 .mb-k11-hint{font-size:10px;line-height:1.5;color:#8796a3;margin:8px 0 0}
.mb-k11-top-plan{margin:12px 0 4px;padding:10px;border:1px solid #e3d4c2;border-radius:12px;background:#fbf9f6}
.mb-k11-plan-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px;color:#36495b;font-size:11px}
.mb-k11-plan-head span{font-size:10px;color:#7b8186;white-space:nowrap}
.mb-k11-top-svg{width:100%;height:auto;max-height:195px;border-radius:6px;display:block}
.mb-k11-top-plan>small{display:block;margin-top:8px;font-size:10px;color:#8791a1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.mb-k11-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:11px 0}
.mb-k11-stats span{padding:9px 4px;background:#f4f6f8;border:1px solid #e3e8ed;border-radius:9px;text-align:center;color:#607789;font-size:10px}
.mb-k11-stats b{font-size:15px;color:#2a4053;display:block}
.mb-k11-secondary{border:1px solid #cbd7e1;border-radius:10px;width:100%;background:#fff;color:#335063;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;font-size:11px;font-weight:750;margin-bottom:15px}
@media (max-width:600px){.mb-k11 .mb-k10-row{font-size:11px}.mb-k11 .mb-k10-block{margin-bottom:10px}}

/* v11.1: cutout drag & in-context fabrication feedback */
.mb-k11-drag-handle{cursor:grab;outline:0;touch-action:none}.mb-k11-drag-handle:focus-visible rect{stroke:#214968;stroke-width:5}.mb-k11-drag-handle.is-dragging{cursor:grabbing}
.mb-k111-position{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:10px;margin:12px 0 8px;border:1px solid #e2e9ee;background:#f8fafb;border-radius:10px}
.mb-k111-position>div{flex:1 1 100%;display:flex;justify-content:space-between;gap:6px;color:#315167;font-size:11px}.mb-k111-position>div span{color:#7f91a0;font-size:10px}
.mb-k111-position button{flex:1;background:#fff;color:#486579;border:1px solid #d2dfe8;border-radius:8px;font-size:10px;font-weight:800;padding:9px 5px;cursor:pointer}
.mb-k111-position button:hover{background:#eef6fa;border-color:#9fb7c7}.mb-k111-cutout-errors,.mb-k111-appliance-review{background:#fff6ed;border:1px solid #f2e1c9;color:#83532f;padding:10px 12px;border-radius:10px;margin:9px 0;font-size:10px;line-height:1.5}
.mb-k111-cutout-errors p,.mb-k111-appliance-review p{margin:4px 0}.mb-k11-top-svg{cursor:default;overflow:hidden;user-select:none}

/* Mebelo Studio v13 — kitchen assembly, appliance niche and joint planner */
.mb-v13-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0 12px}
.mb-v13-preset-grid button{border:1px solid #dedad2;border-radius:10px;background:#fff;color:#263544;padding:10px 8px;text-align:left;display:flex;align-items:center;gap:8px;font:600 12px/1.3 inherit;cursor:pointer;min-height:44px;transition:background .2s,border-color .2s}
.mb-v13-preset-grid button:hover{border-color:#cca263;background:#fffaf2}
.mb-v13-fit{margin:10px 0;border:1px solid #e6d9bd;border-radius:11px;background:#fff8ed;padding:12px 13px;display:flex;flex-direction:column;gap:5px;color:#744e1d;font-size:12px}
.mb-v13-fit.is-ok{background:#ecf8ef;border-color:#a4d1ae;color:#255f3b}
.mb-v13-fit b{font-size:13px}.mb-v13-zone{border:1px solid #e2d9c8!important;background:linear-gradient(140deg,#faf8f4,#fff)!important}
.mb-v13-zone h4{color:#5e472b}
@media(max-width:550px){.mb-v13-preset-grid button{font-size:12px;min-height:45px;padding:9px 7px}.mb-v13-preset-grid{gap:6px}}

/* v14 Professional CAD — contextual edit and fabrication review */
.mb-cad-mode{white-space:nowrap;border-color:#c8ae83!important;background:#faf6ee!important;color:#765026!important;}
.mb-cad-mode.active{background:#213a4c!important;border-color:#213a4c!important;color:#fff!important;box-shadow:0 4px 16px rgba(20,45,61,.2)}
.mb-cad-inspector{border:1px solid #d9d3c5;border-radius:16px;margin:8px 9px 18px;padding:17px 14px;background:linear-gradient(145deg,#fffdf9,#f5f4ef);box-shadow:0 6px 22px rgba(32,40,42,.06)}
.mb-cad-inspector-head{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:14px}.mb-cad-inspector-head h3{font-size:17px;margin:6px 0}.mb-cad-inspector-head small{color:#717d83;font-size:11px}.mb-cad-inspector-head button{border:1px solid #dedacf;background:white;border-radius:10px;padding:6px;cursor:pointer}
.mb-cad-empty p,.mb-cad-audit p{color:#71808b;font-size:12px;line-height:1.65}.mb-cad-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mb-cad-fields label{color:#596773;font-size:11px;font-weight:600;display:flex;flex-direction:column;gap:6px}.mb-cad-fields input{width:100%;min-width:0;background:#fff;border:1px solid #d6dce0;border-radius:9px;padding:9px 8px;font-weight:700;color:#233746;font-size:13px;font-variant-numeric:tabular-nums}.mb-cad-fields input:focus{outline:2px solid #cca367;outline-offset:1px}.mb-cad-front-choice{margin-top:16px}.mb-cad-front-choice small{color:#5e6a73;font-weight:700}.mb-cad-front-choice>div{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.mb-cad-front-choice button{font-size:11px;border:1px solid #d8ddd9;background:#fff;border-radius:9px;padding:8px 9px;cursor:pointer}.mb-cad-front-choice button.active{background:#22374b;color:#fff;border-color:#22374b}.mb-cad-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.mb-cad-tools button,.mb-cad-export{display:inline-flex;align-items:center;gap:5px;padding:9px 12px;border:1px solid #d6dbdf;border-radius:9px;background:#fff;font-size:12px;font-weight:700;color:#283c4b;cursor:pointer}.mb-cad-tools button:hover,.mb-cad-export:hover{border-color:#c59a5d;background:#faf4ea}
.mb-cad-audit{padding:18px 16px}.mb-cad-audit h3{margin:8px 0;font-size:19px}.mb-cad-audit-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 10px}.mb-cad-audit-stats>div{border:1px solid #dedfe0;border-radius:12px;background:#fbfcfd;padding:14px 6px;text-align:center}.mb-cad-audit-stats strong{display:block;font-size:23px;color:#203847}.mb-cad-audit-stats span{font-size:11px;color:#73818c}.mb-cad-audit-counts{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 16px}.mb-cad-audit-counts span{padding:6px 8px;background:#f4f0e9;border-radius:7px;font-size:11px;font-weight:700}.mb-cad-audit-items{max-height:400px;overflow:auto}.mb-cad-audit-items article{padding:10px 12px;margin:8px 0;border-radius:10px;border-left:3px solid #d69a47;background:#fcf7ee}.mb-cad-audit-items article strong{font-size:12px;color:#32485a}.mb-cad-audit-items article p{margin:5px 0 0}.mb-cad-audit-items article.mb-cad-audit-error{border-left-color:#d34f4f;background:#fff0f0}.mb-cad-audit-items article.mb-cad-audit-info{border-left-color:#83a4b3;background:#f3f9fb}.mb-cad-export{margin:16px 0;background:#203d4f;color:#fff}.mb-cad-advisory{font-size:11px;line-height:1.55;color:#815c2a;background:#fbf5e9;border:1px solid #efdfc0;padding:12px;border-radius:10px}
.mb-settings-tabs{scrollbar-width:thin}.mb-settings-tabs button[data-tab="audit"]{min-width:65px}
@media (max-width:720px){.mb-cad-mode span:not(.mb-g-icon):not(.material-symbols-rounded):not(.mb-symbol){display:none}.mb-cad-inspector{margin:4px 5px 14px}.mb-cad-fields{gap:8px}.mb-cad-audit{padding:15px 11px}}

/* v15 — Consumer Studio. Default product journey is deliberately nontechnical.
   Every original professional control is still available in Advanced mode. */
.mb-mode-switch{display:inline-flex;align-items:center;gap:7px;border:1px solid #decbb6;background:#fffaf2;color:#6d4c32;min-height:35px;border-radius:11px;padding:6px 12px;font-size:12px;font-weight:800;white-space:nowrap}
.mb-mode-switch:hover{background:#f8eedf;border-color:#cba879}
.mb-consumer-mode{--accent:#c29162;background:#f3f2ef}
.mb-consumer-mode .mb-main{grid-template-columns:minmax(340px,385px) minmax(0,1fr)!important}
.mb-consumer-mode .mb-report{display:none!important}
.mb-consumer-mode .mb-settings{background:#fbfaf8;border-right:1px solid #e9e4de}
.mb-consumer-mode .mb-viewport{background:linear-gradient(135deg,#f8f7f3,#e9ece9)}
.mb-consumer-mode .mb-stage{background:linear-gradient(135deg,#f8f8f5,#eef0eb)}
.mb-consumer-mode .mb-header{border-bottom:1px solid #ece7e0}
.mb-consumer-intro{padding:27px 24px 13px;background:linear-gradient(130deg,#fffbf5,#fbfaf8 75%)}
.mb-consumer-eyebrow{font-size:10px;color:#b18a5c;font-weight:850;letter-spacing:1.2px}
.mb-consumer-intro h2{font-size:24px;line-height:1.15;letter-spacing:-1.15px;color:#24313e;margin:10px 0 8px;font-weight:850}
.mb-consumer-intro p{font-size:12px;color:#7e898f;line-height:1.55;margin:0}
.mb-consumer-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:12px 15px 14px;border-bottom:1px solid #eee8df;background:#fbfaf8}
.mb-consumer-steps button{display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:0;border-radius:10px;padding:8px 0 6px;color:#829099;font-size:10.5px;font-weight:750;min-width:0}
.mb-consumer-steps button .mb-consumer-step-num{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#ebe9e5;color:#879198;font-weight:900;font-size:11px}
.mb-consumer-steps button.active{color:#845b35;background:#f6ede2}
.mb-consumer-steps button.active .mb-consumer-step-num{background:#c5925e;color:white;box-shadow:0 4px 11px #b9874f33}
.mb-consumer-steps button:hover{color:#76502e;background:#f7f2ea}
.mb-consumer-mode .mb-consumer-content{padding:19px 21px 22px;scrollbar-width:thin;scrollbar-color:#e1d9ce transparent}
.mb-consumer-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.mb-consumer-step-icon{display:grid;place-items:center;width:45px;height:45px;background:#f4e8d8;border:1px solid #edd8bb;color:#986c3e;border-radius:14px;flex-shrink:0}
.mb-consumer-section-heading div{min-width:0}.mb-consumer-section-heading div>span{font-size:9px;letter-spacing:1px;font-weight:850;color:#b99a79}
.mb-consumer-section-heading h3{font-size:17px;letter-spacing:-.4px;color:#2a353e;margin:3px 0;font-weight:850;line-height:1.2}
.mb-consumer-note{font-size:12px;line-height:1.55;color:#77858e;margin:0 0 15px}
.mb-consumer-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.mb-consumer-tile{position:relative;display:flex;flex-direction:column;gap:3px;text-align:left;min-width:0;padding:10px 10px 12px;border-radius:15px;background:white;border:1.5px solid #e9e5e0;color:#2c3944;box-shadow:0 5px 13px #2f394207;transition:transform .17s,box-shadow .17s,border-color .17s}
.mb-consumer-tile:hover{transform:translateY(-2px);border-color:#d3ac7a;box-shadow:0 12px 24px #735c4124}
.mb-consumer-tile.selected{border-color:#bc905f;box-shadow:0 0 0 3px #d8ad7922}
.mb-consumer-tile-title{display:flex;gap:5px;align-items:center;font-weight:850;font-size:13px}
.mb-consumer-tile small{font-size:11px;color:#94a0a5}
.mb-consumer-miniature{height:109px;width:100%;display:flex;justify-content:center;align-items:end;border-radius:10px;background:linear-gradient(135deg,#f1ede7,#e9ece9);overflow:hidden;margin-bottom:6px;padding-top:8px}
.mb-mini-cabinet{display:flex;position:relative;width:64%;height:87%;border:5px solid #b39a7e;border-bottom-width:7px;background:#d3baa0;box-shadow:12px 8px 10px #31302c1b;gap:3px}
.mb-mini-cabinet i{display:block;flex:1;background:linear-gradient(90deg,#f4ebdd,#e8ddcd);border:1px solid #c8b6a0;position:relative}
.mb-mini-cabinet i:after{content:'';position:absolute;width:2px;height:18px;top:40%;right:4px;background:#9f9a91;border-radius:2px}
.mb-mini-bookcase,.mb-mini-tv{background:linear-gradient(135deg,#f5f1e6,#e6eced)}
.mb-mini-bookcase .mb-mini-cabinet{width:72%;height:80%;gap:3px;background:#c29a6d}
.mb-mini-bookcase .mb-mini-cabinet i{background:repeating-linear-gradient(180deg,#eee1cb 0,#eee1cb 18px,#bb9069 19px,#bb9069 23px)}
.mb-mini-bookcase .mb-mini-cabinet i:after{display:none}
.mb-mini-console .mb-mini-cabinet{height:48%;width:78%}.mb-mini-console .mb-mini-cabinet:after{content:'';height:10px;width:4px;background:#655a4b;position:absolute;bottom:-17px;left:12px;box-shadow:76px 0 #655a4b}
.mb-mini-tv .mb-mini-cabinet{height:36%;width:89%;border-color:#9f8b74}.mb-mini-tv .mb-mini-cabinet:before{content:'';position:absolute;bottom:calc(100% + 22px);left:22%;width:56%;height:36px;border:4px solid #222d38;background:#313e47;border-radius:3px}
.mb-mini-kitchen .mb-mini-cabinet{height:56%;width:82%;border-top:8px solid #605d59;background:#f3ece4}.mb-mini-kitchen .mb-mini-cabinet:after{content:'';position:absolute;bottom:-14px;left:0;right:0;height:7px;background:#5c5e5f}
.mb-consumer-tip{display:flex;align-items:flex-start;gap:8px;margin-top:18px;padding:12px;background:#f6f1e9;border:1px solid #eee2d2;color:#806e5a;border-radius:12px;font-size:11.5px;line-height:1.5}
.mb-consumer-tip .mb-g-icon{margin-top:1px;color:#a27745}
.mb-consumer-simple-block{padding:14px 0 16px;border-bottom:1px solid #ebe7e1}
.mb-consumer-simple-block h4{margin:0 0 13px;font-size:13px;color:#35434e;letter-spacing:-.1px}
.mb-consumer-simple-block p{margin:0 0 10px}
.mb-consumer-dimension-cards .mb-control{margin-bottom:14px}
.mb-consumer-mode .mb-consumer-content .mb-control{border:1px solid #ebe5dc;background:#fff;border-radius:12px;padding:13px 12px;margin-bottom:12px}
.mb-consumer-quickactions{display:flex;gap:8px;margin-bottom:13px}
.mb-consumer-quickactions button,.mb-consumer-secondary-action{display:inline-flex;gap:6px;align-items:center;justify-content:center;flex:1;padding:10px 11px;background:#fff;border:1px solid #deded8;color:#586572;border-radius:10px;font-size:12px;font-weight:800}
.mb-consumer-frontrow{padding:12px 0;border-top:1px solid #eeeae4}
.mb-consumer-frontrow strong{display:block;font-size:12px;color:#39444e;margin-bottom:10px}
.mb-consumer-frontchoices{display:flex;flex-wrap:wrap;gap:5px}
.mb-consumer-frontchoices button{border-radius:8px;border:1px solid #e5e1da;background:white;color:#6e7b83;padding:8px 9px;font-size:11px;font-weight:750}
.mb-consumer-frontchoices button.active{background:#e9d9c3;color:#76502a;border-color:#c49962}
.mb-consumer-styles{display:grid;gap:8px;margin-bottom:14px}
.mb-consumer-style{display:flex;align-items:center;gap:11px;width:100%;border:1px solid #e9e3da;border-radius:13px;background:white;padding:10px 12px;text-align:left;color:#4f5963}
.mb-consumer-style:hover{border-color:#cda573;background:#fffbf5}
.mb-consumer-style-swatches{display:flex;gap:3px;flex-shrink:0}.mb-consumer-style-swatches i{width:27px;height:40px;border-radius:6px;border:1px solid #0001}
.mb-consumer-style span:nth-child(2){flex:1;min-width:0}.mb-consumer-style strong{font-size:12px;display:block;color:#34414a}.mb-consumer-style small{font-size:10.5px;color:#929aa1;display:block;margin-top:4px}
.mb-consumer-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.mb-consumer-swatches button{display:flex;flex-direction:column;align-items:center;gap:7px;background:white;border:1px solid #e9e5df;border-radius:11px;padding:9px 3px 10px;color:#607078;min-width:0}
.mb-consumer-swatches button.selected{border-color:#b68454;box-shadow:0 0 0 2px #caa57930}
.mb-consumer-swatches button>span{display:grid;place-items:center;width:43px;height:37px;border-radius:8px;border:1px solid #0001}
.mb-consumer-swatches button small{font-size:10px;text-align:center;line-height:1.2}
.mb-consumer-preview-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mb-consumer-preview-buttons button{display:flex;gap:8px;align-items:center;justify-content:center;min-height:65px;padding:10px;background:white;border:1px solid #dcccba;border-radius:13px;color:#684c33;font-weight:800;font-size:12px}
.mb-consumer-foot{margin-top:auto;flex:none;padding:13px 19px 15px;border-top:1px solid #ebe5dd;background:#fffdfa}
.mb-consumer-footrow{display:flex;gap:8px}.mb-consumer-footrow button{display:flex;gap:7px;align-items:center;justify-content:center;border-radius:11px;padding:11px 13px;font-size:12px;font-weight:850}
.mb-consumer-footrow .mb-consumer-back{background:#fff;border:1px solid #e5e0d8;color:#6f7d86;min-width:89px}
.mb-consumer-footrow .mb-consumer-next{background:#283f48;border:1px solid #283f48;color:white;flex:1}
.mb-consumer-foot>small{display:block;text-align:center;color:#a3a8aa;font-size:10px;margin-top:9px}
.mb-consumer-mode .mb-assembly-toolbar{border-color:#e5e3dc}
.mb-consumer-mode .mb-stage-controls .mb-cad-mode,.mb-consumer-mode .mb-stage-controls .mb-explode-btn,.mb-consumer-mode .mb-stage-controls [data-action="open-drawing"],.mb-consumer-mode .mb-stage-controls [data-action="zoom-in"],.mb-consumer-mode .mb-stage-controls [data-action="zoom-out"],.mb-consumer-mode .mb-stage-controls .mb-view-switch,.mb-consumer-mode .mb-stage-controls .mb-room-mode-btn{display:none!important}
.mb-consumer-mode .mb-stage-title p{max-width:530px;color:#7e8a90;font-size:12px}
.mb-consumer-mode .mb-stage-title h2{font-weight:850;letter-spacing:-.9px}
.mb-consumer-mode .mb-stage-top{padding-top:22px}
.mb-consumer-mode .mb-viewport .mb-orbit-hint{font-weight:700;background:rgba(255,255,255,.8);border-radius:100px;padding:8px 14px}
.mb-consumer-mode .mb-stage-meta{font-size:11px}
@media(min-width:801px){.mb-consumer-mode .mb-stage{min-height:calc(100vh - 72px)}.mb-consumer-mode .mb-viewport{min-height:400px}}
@media(max-width:1000px) and (min-width:801px){.mb-consumer-mode .mb-main{grid-template-columns:320px minmax(0,1fr)!important}.mb-consumer-intro{padding-left:18px;padding-right:18px}}
@media(max-width:800px){
 .mb-consumer-mode .mb-main{display:block!important}.mb-consumer-mode .mb-settings{display:none;position:fixed;z-index:22;top:64px;bottom:54px;left:0;width:min(95vw,385px);height:auto;max-height:none}
 .mb-consumer-mode .mb-main.mb-sidebar-open .mb-settings{display:flex}
 .mb-mode-switch{padding:6px 9px;font-size:11px;min-height:34px}
 .mb-consumer-mode .mb-stage{height:calc(100dvh - 118px);min-height:420px}
 .mb-consumer-mode .mb-assembly-toolbar{max-height:58px;overflow:hidden}
 .mb-consumer-mode .mb-mobile-footer{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mb-consumer-mode .mb-stage-top{gap:6px!important}
}
@media(max-width:420px){
 .mb-consumer-intro{padding:17px 17px 12px}.mb-consumer-intro h2{font-size:20px}
 .mb-consumer-steps{padding-left:9px;padding-right:9px;gap:1px}
 .mb-consumer-steps button{font-size:9.5px;padding:6px 1px}
 .mb-consumer-mode .mb-consumer-content{padding:14px 15px 20px}
 .mb-consumer-gallery{gap:8px}.mb-consumer-miniature{height:95px}
 .mb-mode-switch .mb-g-icon{display:none}
}
/* v15.2 Consumer details + DIY blueprint */
.mb-consumer-steps{grid-template-columns:repeat(6,minmax(0,1fr))}
.mb-consumer-steps button{font-size:10px}
.mb-consumer-supports{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 16px}
.mb-consumer-supports button{background:#f7f8f7;color:#506174;border:1px solid #e1e7e4;padding:10px 4px;border-radius:10px;font-size:11px;font-weight:750}
.mb-consumer-supports button.selected{color:#81572c;background:#fff3e3;border-color:#d8b58a}
.mb-consumer-detail-controls{display:grid;gap:11px;margin-top:11px}
.mb-consumer-detail-controls label{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#405266;font-weight:700;font-size:12px}
.mb-consumer-detail-controls label>span{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#74828d}
.mb-consumer-detail-controls input[type=number]{border:1px solid #d9e1e7;border-radius:7px;background:#fff;padding:9px 6px;text-align:right;color:#23384c;width:83px;font-size:12px}
.mb-consumer-detail-controls select{border:1px solid #d9e1e7;border-radius:8px;background:#fff;padding:10px;max-width:175px;color:#32475a;font-size:11px}
.mb-consumer-detail-controls label.mb-consumer-checkbox{padding:8px;background:#f9faf9;border-radius:8px}
.mb-consumer-warning{font-size:11px;line-height:1.6;color:#98663b;background:#fff3e6;padding:12px;border-radius:9px;border:1px solid #f1dfc9}
.mb-details-card .mb-consumer-quickactions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}
.mb-details-card .mb-consumer-quickactions button{font-size:11px;display:flex;align-items:center;gap:6px;justify-content:center;line-height:1.4;min-height:44px}
.mb-consumer-diy-callout{display:flex;flex-direction:column;gap:12px;background:linear-gradient(120deg,#263947,#374b56);border-radius:14px;color:#fff;padding:18px;margin:17px 0}
.mb-consumer-diy-callout strong{display:flex;align-items:center;gap:8px;font-size:15px}
.mb-consumer-diy-callout p{color:#c7d0d6;font-size:11px;line-height:1.5;margin:7px 0 0}
.mb-consumer-diy-callout button{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;background:#dbb78b;color:#21313c;border:0;border-radius:9px;padding:12px;font-weight:850}
.mb-diy-header-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff7ed;border:1px solid #e9d6bf;color:#8e663e;font-size:12px;padding:9px 11px;border-radius:9px;font-weight:800;white-space:nowrap}
@media(max-width:1050px){.mb-diy-header-btn span{display:none}}
@media(max-width:800px){.mb-consumer-mode .mb-mobile-footer{grid-template-columns:repeat(4,minmax(0,1fr))}.mb-consumer-steps{gap:1px;padding:10px 6px}.mb-consumer-steps button{font-size:9px}.mb-consumer-steps button .mb-consumer-step-num{width:23px;height:23px}.mb-diy-header-btn{padding:7px}}
@media(max-width:360px){.mb-consumer-steps button{font-size:8px}.mb-consumer-supports button{font-size:10px}}

/* v15.2 DIY material mini-dashboard */
.mb-diy-material-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.mb-diy-material-stats>div{border-radius:12px;background:#f2f5f5;padding:12px 8px;min-width:0}
.mb-diy-material-stats strong{display:block;font-size:19px;white-space:nowrap;color:#243747}
.mb-diy-material-stats small{display:block;margin-top:4px;font-size:11px;color:#667782;line-height:1.3}
@media(max-width:400px){.mb-diy-material-stats strong{font-size:15px}.mb-diy-material-stats>div{padding:10px 6px}}

/* v16 — accessible consumer DIY board visualizations */
.mb-diy-purchased-stats{margin-top:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
.mb-diy-format{display:flex;flex-direction:column;gap:7px;margin:15px 0;font-size:13px;color:#6f7d86}
.mb-diy-format select{width:100%;min-width:0;padding:11px 12px;border:1px solid #d5dee3;border-radius:10px;background:white;color:#21313d;font:inherit}
.mb-diy-group-list{display:grid;gap:7px;margin:12px 0 14px}
.mb-diy-group-line{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:9px 10px;background:#f3f5f6;border-radius:9px;font-size:12px}
.mb-diy-group-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-diy-group-line strong{white-space:nowrap}
.mb-diy-board-preview{border:1px solid #d9e0e4;border-radius:12px;padding:12px;background:white;margin:8px 0 14px}
.mb-diy-board-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:10px;font-size:12px}.mb-diy-board-title span{color:#71818d}
.mb-diy-board-preview svg{display:block;width:100%;max-height:225px;object-fit:contain;border-radius:5px}
.mb-diy-warning{font-size:12px;font-weight:700;background:#fff3ed;padding:10px;border-radius:9px;color:#a0442e;display:flex;gap:6px}
.mb-diy-material-card .mb-quote-export{width:100%;margin:12px 0 8px}
@media(max-width:600px){.mb-diy-board-preview svg{max-height:160px}.mb-diy-group-line{font-size:11px}}