.material-builder{background:#faf7f4;color:#514943}.mb-intro{max-width:720px}.material-builder p{font:14px/1.8 Arial,Helvetica,sans-serif}.mb-progress{display:flex;gap:24px;list-style:none;margin:28px 0;padding:0}.mb-progress li{padding:12px 0;border-bottom:2px solid #ded1c9;font-size:12px}.mb-progress .current{border-color:#a58573;color:#40332b}.mb-filters,.mb-tones,.mb-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.mb-choice{border:1px solid #d5c4b8;background:#fffdfb;color:#514943;padding:11px 17px;cursor:pointer;font:12px/1.5 Arial,Helvetica,sans-serif}.mb-choice[aria-pressed=true]{border-color:#9c7a66;background:#ecded4}.mb-choice:focus-visible,.mb-photo:focus-visible{outline:2px solid #8c6d5b;outline-offset:4px}.mb-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.mb-card{background:#fffdfb;border:1px solid #e5d9d0;padding:10px;display:flex;flex-direction:column}.mb-card.chosen{outline:2px solid #ac8b75}.mb-photo{border:0;background:#f4eee8;padding:0;cursor:zoom-in;width:100%}.mb-photo img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.mb-card h3{font-size:21px;line-height:1.3;margin:14px 4px 8px}.mb-card .mb-ref{font-size:11px;margin:0 4px 12px;color:#7b6b61}.mb-card .mb-choice{margin-top:auto}.mb-status{min-height:26px;font-size:12px!important;color:#795b4b}.mb-next:disabled{opacity:.45;cursor:not-allowed}.mb-summary{background:#f0e5df;padding:24px}.mb-summary h3{font-size:28px;margin:0 0 18px}.mb-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.mb-thumb{width:72px;background:white;margin:0}.mb-thumb img{width:72px;height:72px;object-fit:contain;display:block}.mb-thumb figcaption{font-size:9px;text-align:center;padding:3px}.mb-summary label{display:block;font-size:13px;margin:18px 0 8px}.mb-summary textarea{width:100%;min-height:95px;border:1px solid #c9b6a9;background:#fffdfb;padding:12px;color:#514943;font:14px/1.6 Arial,Helvetica,sans-serif}.mb-tone-dot{width:12px;height:12px;display:inline-block;vertical-align:middle;margin-right:8px;border:1px solid #b4a89d;border-radius:50%}.mb-note{padding:20px;background:#f0e5df}.mb-zoom{border:0;background:#fffdfb;padding:45px 22px 22px;max-width:min(90vw,850px);max-height:90dvh}.mb-zoom::backdrop{background:#302621aa}.mb-zoom img{display:block;max-width:100%;max-height:70dvh;object-fit:contain;margin:auto}.mb-zoom p{text-align:center;font-size:13px}.mb-zoom .close-dialog{position:absolute;right:12px;top:6px}.mb-empty{padding:24px;background:#f0e5df}@media(max-width:1000px){.mb-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.mb-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mb-card h3{font-size:20px}.mb-progress{gap:16px}.mb-progress li{font-size:11px}.mb-actions .btn{width:100%}.mb-summary{padding:18px}.mb-filters{gap:8px}.mb-choice{padding:9px 12px}}

.mb-photo-view{width:100%;position:relative;overflow:hidden}.mb-crop img{position:absolute;max-width:none!important;aspect-ratio:auto!important;object-fit:fill!important;display:block}.mb-photo .mb-crop{width:100%;min-height:0}.mb-zoom .mb-photo-view{width:min(76vw,740px);margin:auto}.mb-zoom .mb-crop img{max-height:none}.mb-thumb .mb-photo-view{width:72px}.mb-thumb .mb-crop img{max-width:none;height:auto}.mb-card .mb-photo{margin-bottom:0}

.mb-find{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.mb-find label{font:13px/1.6 Arial,sans-serif}.mb-find input,.mb-find select{display:block;margin-top:8px;width:100%;padding:12px;border:1px solid #c9b6a9;background:#fffdfb;color:#514943;font:14px Arial,sans-serif}.mb-results{color:#795b4b}@media(max-width:760px){.mb-find{grid-template-columns:1fr;gap:14px}}

.mb-photo{aspect-ratio:1;display:flex;align-items:center;justify-content:center}.mb-photo .mb-crop{width:min(100%,calc(100% * var(--mb-ratio)))}.mb-thumb .mb-crop{width:min(72px,calc(72px * var(--mb-ratio)));margin:auto}.mb-zoom .mb-crop{width:min(76vw,740px,calc(65dvh * var(--mb-ratio)))}


.mb-recommendations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:20px 0}
.mb-suggestion{display:flex;flex-direction:column;border:1px solid #e5d9d0;background:#fffdfb;min-width:0}
.mb-suggestion-photo{padding:12px;border:0;background:#f7f3ef;cursor:pointer;width:100%}
.mb-suggestion-photo img{display:block;width:100%;aspect-ratio:1;object-fit:contain}
.mb-suggestion-copy{padding:22px;display:flex;flex-direction:column;flex:1}
.mb-match{align-self:flex-start;font:11px/1.5 Arial,sans-serif;background:#f0e5df;padding:5px 9px;color:#795b4b}
.mb-suggestion h4{font:30px/1.2 Georgia,serif;margin:14px 0 5px}
.mb-suggestion .mb-design-id{font-size:11px;margin:0 0 16px;color:#7b6b61}
.mb-suggestion .mb-match-reason{margin:0 0 10px;font-size:13px}
.mb-suggestion .mb-photo-colors{font-size:11px;color:#7b6b61;margin:4px 0 18px}
.mb-suggestion-actions{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-top:auto;padding-top:12px}
.mb-view-design{font:12px Arial,sans-serif;padding:0;border:0;background:none;text-decoration:underline;color:#795b4b;cursor:pointer;align-self:flex-start}
.mb-suggestion-actions .btn{text-align:center;font-size:10px;padding:14px 10px;letter-spacing:1px}
.mb-suggestion-photo:focus-visible,.mb-view-design:focus-visible{outline:2px solid #8c6d5b;outline-offset:4px}
@media(max-width:1000px){.mb-suggestion-copy{padding:16px}.mb-recommendations{gap:14px}.mb-suggestion h4{font-size:26px}}
@media(max-width:760px){.mb-recommendations{grid-template-columns:1fr;gap:20px}.mb-suggestion-copy{padding:20px}.mb-suggestion-photo img{max-height:320px}.mb-suggestion h4{font-size:30px}}

/* Show complete original box image when an individually cropped source is unavailable. */
.mb-full-backup { display:flex;align-items:center;justify-content:center;background:#f7f5f2;overflow:hidden;}
.mb-full-backup img {object-fit:contain!important;}