.mbdc,.mbdc *{box-sizing:border-box}.mbdc{font:13px system-ui,sans-serif;color:#192a35;background:#fff;border:1px solid #dce3e7;border-radius:10px;padding:10px;max-width:1260px;margin:12px auto}.mbdc button,.mbdc input,.mbdc select,.mbdc textarea{font:inherit;color:#192a35}.mbdc button{padding:7px 9px;border:1px solid #cbd4dc;border-radius:5px;background:#fff;cursor:pointer;line-height:1.2}.mbdc button:disabled{opacity:.4;cursor:default}.mbdc button:focus-visible,.mbdc input:focus-visible,.mbdc select:focus-visible,.mbdc textarea:focus-visible{outline:3px solid #e99b36;outline-offset:2px}.mbdc .primary{background:#bf651e;border-color:#bf651e;color:white}.mbdc input,.mbdc select,.mbdc textarea{padding:5px 7px;background:white;border:1px solid #cbd4dc;border-radius:5px;min-width:0;width:100%;height:30px}.mbdc label{font-size:11px;display:block;line-height:1.2;margin:0 0 4px;font-weight:600}.mbdc [hidden]{display:none!important}.mbdc-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.mbdc .mbdc-heading h2{font-size:20px;font-weight:700;line-height:1.2;margin:0}.mbdc-heading-actions{display:flex;gap:6px;align-items:center}.mbdc #mbdc-lang{width:60px}.mbdc-subtitle{font-size:11px;color:#667782;line-height:1.3;margin:4px 0 8px}.mbdc-controls{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:8px;background:#fff7e9;padding:7px;border-radius:6px}.mbdc fieldset{min-width:0;border:0;margin:0;padding:0}.mbdc legend{font-size:11px;font-weight:700;line-height:1.1;margin:0 0 5px;padding:0;width:auto;border:0}.mbdc-fields{display:grid;grid-template-columns:1fr 1fr .62fr 1fr 1.05fr;gap:6px;align-items:end}.mbdc-profile-fields{grid-template-columns:1fr 1.15fr auto}.mbdc-profile-fields .primary{height:30px}.mbdc #mbdc-error{color:#a21d1d;font-size:12px}.mbdc #mbdc-error:empty{display:none}.mbdc-workspace{display:grid;grid-template-columns:minmax(0,1fr) 208px;gap:9px;margin-top:8px}.mbdc-canvas-panel{min-width:0;display:flex;flex-direction:column}.mbdc-tools{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.mbdc-tools button{font-size:11px;padding:6px 7px;min-height:28px}.mbdc .stage{background:#edf1f3;border:1px solid #dde4e8;border-radius:6px;display:flex;justify-content:center;align-items:center;height:clamp(230px,calc(100dvh - 500px),460px);min-width:0;overflow:hidden}.mbdc #mbdc-doors{display:block;width:100%;height:100%;max-width:100%;touch-action:none;user-select:none}.mbdc #mbdc-doors line[role="button"]{cursor:move}.mbdc #mbdc-doors rect[role="button"]{cursor:pointer}.mbdc [draggable="true"]{cursor:grab}.mbdc-zone-info{font-size:11px;line-height:1.2;color:#536875;display:flex;gap:10px;flex-wrap:wrap;margin-top:4px;min-height:14px}.mbdc #mbdc-split-edit{display:flex;gap:6px;align-items:center;margin-top:4px;min-height:28px}.mbdc #mbdc-split-edit label{white-space:nowrap;margin:0}.mbdc #mbdc-ratio{height:24px;max-width:180px;padding:0;flex:1}.mbdc #mbdc-equalize{font-size:11px}.mbdc #mbdc-ratio-value{min-width:26px}.mbdc-palette{background:#fff7e9;border:1px solid #ede2ce;border-radius:6px;padding:6px;display:flex;flex-direction:column;min-width:0}.mbdc-material-tabs{display:flex;gap:3px;margin-bottom:6px}.mbdc-material-tabs button{flex:1;padding:6px 3px;font-size:11px}.mbdc-material-tabs button[aria-pressed="true"]{background:#192a35;color:white}.mbdc .swatches{display:grid;grid-template-columns:1fr 1fr;gap:5px;align-content:start;max-height:clamp(150px,calc(100dvh - 520px),360px);overflow:auto}.mbdc .swatches button{display:flex;flex-direction:column;gap:3px;padding:4px;font-size:10px;line-height:1.1;min-height:53px;text-align:center;align-items:center}.mbdc .swatches i{display:block;width:100%;height:29px;border:1px solid #aeb8bd;border-radius:3px;flex:none}.mbdc-delete{display:grid;grid-template-columns:1fr;gap:4px;margin-top:auto;padding-top:7px}.mbdc-delete button{font-size:11px;min-height:28px}.mbdc #mbdc-trash{border:1px dashed #a54a29;background:#fff8f3}.mbdc #mbdc-trash.mbdc-drop{background:#f9d9c9}.mbdc-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;background:#f6f8f9;padding:7px;border-radius:6px}.mbdc .price{font-size:15px;font-weight:700}.mbdc-help{font-size:11px;color:#617581;margin-top:5px}.mbdc-help summary{cursor:pointer}.mbdc-help p{margin:5px 0}.mbdc .dimension-line{stroke:#405562;stroke-width:1.2;pointer-events:none}.mbdc .dimension-text{fill:#192a35;font-size:12px;stroke:white;stroke-width:3px;paint-order:stroke;pointer-events:none}.mbdc #mbdc-request{border-top:1px solid #dce3e7;margin-top:12px;padding-top:12px}.mbdc #mbdc-request h2{font-size:18px;margin:0 0 8px}.mbdc .muted{font-size:12px;line-height:1.4;color:#617581}.mbdc .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mbdc .full{grid-column:1/-1}.mbdc .form-grid label{font-size:12px}.mbdc textarea{height:80px}.mbdc #mbdc-request-form>.primary{margin-top:8px}.mbdc .status{font-size:12px;margin-top:6px}.mbdc.mbdc-focus{position:fixed;inset:0;z-index:2147483000;margin:0;max-width:none;border-radius:0;padding:10px 16px;overflow:auto;box-shadow:0 0 0 100vmax white}.mbdc.mbdc-focus .stage{height:clamp(250px,calc(100dvh - 320px),1000px)}.mbdc.mbdc-focus .swatches{max-height:none}.mbdc:fullscreen{width:100%;height:100%;max-width:none;border-radius:0;margin:0;overflow:auto}.mbdc:fullscreen .stage{height:clamp(250px,calc(100dvh - 320px),1000px)}
@media(max-width:1000px){.mbdc-workspace{grid-template-columns:minmax(0,1fr) 185px}.mbdc-controls{grid-template-columns:1.45fr 1fr}.mbdc-fields{gap:4px}.mbdc label{font-size:10px}.mbdc #mbdc-apply{font-size:11px;padding:5px}.mbdc .stage{height:clamp(230px,calc(100dvh - 500px),440px)}}
@media(max-width:720px){.mbdc-controls{grid-template-columns:1fr}.mbdc-workspace{grid-template-columns:minmax(0,1fr) 150px}.mbdc .mbdc-heading h2{font-size:16px}.mbdc .swatches button{font-size:9px}.mbdc .swatches{gap:4px}.mbdc .swatches i{height:26px}.mbdc .stage{height:clamp(230px,calc(100dvh - 410px),450px)}.mbdc #mbdc-split-edit{flex-wrap:wrap}.mbdc #mbdc-split-edit label{white-space:normal}.mbdc .mbdc-bottom .price{font-size:13px}.mbdc.mbdc-focus .stage,.mbdc:fullscreen .stage{height:clamp(230px,calc(100dvh - 320px),800px)}}
@media(max-width:420px){.mbdc{padding:7px}.mbdc-workspace{grid-template-columns:minmax(0,1fr) 124px;gap:5px}.mbdc .swatches{grid-template-columns:1fr 1fr}.mbdc-material-tabs button{font-size:9px}.mbdc-fields{grid-template-columns:1fr 1fr .65fr 1fr 1fr}.mbdc input,.mbdc select{padding:4px;font-size:11px}.mbdc .mbdc-heading h2{font-size:15px}.mbdc-heading-actions{gap:3px}.mbdc #mbdc-focus{font-size:10px;padding:5px}.mbdc #mbdc-lang{width:46px}.mbdc-delete button{font-size:10px;padding:5px}.mbdc .form-grid{grid-template-columns:1fr}.mbdc .stage{height:270px}.mbdc-bottom button{font-size:11px}.mbdc-tools button{font-size:10px}.mbdc.mbdc-focus{padding:7px}}
.mbdc-profile-field{position:relative}.mbdc-profile-choice{display:flex;gap:4px;min-width:0}.mbdc-profile-choice select{flex:1;width:0}.mbdc #mbdc-profile-open{height:30px;width:44px;flex:none;display:flex;align-items:center;justify-content:center;padding:2px;gap:2px;background:#fff}.mbdc #mbdc-profile-thumb{max-width:27px;max-height:24px;object-fit:contain}.mbdc-profile-picker{position:absolute;top:100%;right:0;margin-top:5px;z-index:20;width:300px;max-width:calc(100vw - 28px);background:#fff;border:1px solid #b8c5cc;border-radius:6px;padding:6px;box-shadow:0 4px 14px #0002;display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:6px}.mbdc #mbdc-profile-list{height:260px;max-height:40dvh;overflow:auto;display:flex;flex-direction:column;gap:2px}.mbdc #mbdc-profile-list button{text-align:left;font-size:11px;padding:6px;flex:none}.mbdc #mbdc-profile-list button:hover,.mbdc #mbdc-profile-list button:focus{background:#fff0d7}.mbdc #mbdc-profile-list button[aria-pressed=true]{border-color:#bf651e;background:#fff0d7}.mbdc-profile-detail{display:flex;flex-direction:column;gap:8px;align-items:center;font-size:11px;text-align:center}.mbdc #mbdc-profile-image{width:108px;height:100px;object-fit:contain;background:#f4f6f8;border:1px solid #e4e8eb;padding:4px}.mbdc #mbdc-profile-status{font-size:10px;color:#667782}.mbdc #mbdc-profile-close{margin-top:auto;font-size:11px;width:100%}
@media(max-width:720px){.mbdc-profile-picker{left:0;right:auto;width:300px;max-width:calc(100vw - 40px)}}

@media(max-width:720px){.mbdc .mbdc-profile-fields{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) 100px}}

.mbdc .mbdc-tools .mbdc-separator-button{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;min-height:38px;border-color:#b7c4ce}.mbdc-separator-icon{display:block;flex:none;pointer-events:none}.mbdc-separator-button span{pointer-events:none}.mbdc .mbdc-separator-button:hover{background:#fff3df;border-color:#bf651e}
@media(max-width:420px){.mbdc .mbdc-tools .mbdc-separator-button{gap:3px;padding:3px 5px}.mbdc-separator-icon{width:26px;height:28px}}

.mbdc-rail-heading{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-bottom:4px}.mbdc .mbdc-rail-heading label{margin:0}.mbdc .mbdc-rail-auto-label{display:inline-flex;gap:3px;align-items:center;font-weight:400;cursor:pointer;white-space:nowrap}.mbdc #mbdc-rail-auto{width:12px;height:12px;padding:0;margin:0;flex:none}
@media(max-width:720px){.mbdc-rail-heading{flex-wrap:wrap;gap:2px}.mbdc .mbdc-rail-auto-label{font-size:9px}}

.mbdc-price-group{min-width:0}.mbdc-price-group small{display:block;font-size:12px;color:#53636d}.mbdc-price-detail{font-size:12px;color:#53636d;padding:6px 10px}.mbdc .swatches i{background-size:cover!important}.mbdc .swatches button{min-height:68px;font-size:11px}.mbdc .swatches{grid-auto-rows:minmax(68px,auto)}

/* v1.6.11: square, non-shrinking material tiles like the supplied reference. */
.mbdc #mbdc-materials.swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;gap:5px;flex:0 0 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 2px 0 0}
.mbdc #mbdc-materials.swatches button{position:relative;display:block;width:100%;height:auto!important;aspect-ratio:1 / 1;min-width:0;min-height:0;max-height:none;align-self:start;margin:0;padding:0!important;border:1px solid #aeb8bd;border-radius:0;overflow:hidden;line-height:0}
.mbdc #mbdc-materials.swatches button::before{content:"";display:block;padding-top:100%}
.mbdc #mbdc-materials.swatches i{position:absolute;inset:0;display:block;width:100%;height:100%!important;margin:0;border:0;border-radius:0;background-position:center;pointer-events:none}
.mbdc .mbdc-material-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* A single category selector keeps the palette compact as material types grow. */
.mbdc-material-tabs select{width:100%;height:30px;font-size:11px;}

.mbdc-page-link{margin:6px 0 0;font-size:11px}.mbdc-seo-copy{max-width:1260px;margin:16px auto;font-size:14px;line-height:1.6}.mbdc-seo-copy p{margin:0 0 10px}

.mbdc #mbdc-position-mm{width:90px;min-width:72px;height:34px;flex:none}.mbdc #mbdc-position-origin{font-size:11px;color:#536875}.mbdc .mbdc-split-hit{cursor:move;touch-action:none}.mbdc #mbdc-ratio{min-width:80px;height:34px;padding:4px}.mbdc #mbdc-split-edit{flex-wrap:wrap}