.mbp-builder,.mbp-status-lookup{font-family:inherit}
.mbp-shell{background:#f5f2ee;border:1px solid #ddd;border-radius:18px;padding:28px}
.mbp-header h2{margin:0 0 8px;font-size:46px;line-height:1.05;color:#17365d}
.mbp-header p{margin:0 0 22px;color:#5f5a55;font-size:16px}
.mbp-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;list-style:none;margin:0 0 26px;padding:0;background:#171717;border-radius:14px;overflow:hidden}
.mbp-steps li{display:flex;gap:12px;align-items:center;padding:18px 16px;color:#8f8b83;position:relative}
.mbp-steps li span{width:28px;height:28px;border-radius:999px;background:#2d2d2d;color:#d6c39a;display:flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 28px}
.mbp-steps li strong{font-size:13px;letter-spacing:.02em;text-transform:uppercase}
.mbp-steps li.is-active{color:#fff}
.mbp-steps li.is-active span,.mbp-steps li.is-complete span{background:#cba157;color:#111}
.mbp-steps li.is-active::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;background:#cba157}
.mbp-panel{display:none}
.mbp-panel.is-active{display:block}
.mbp-panel-head h3{font-size:28px;margin:0 0 8px;color:#3d2d1f}
.mbp-panel-head p{margin:0 0 20px;color:#6b665f}
.mbp-person-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mbp-person-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid #d6d0c7;background:#fff;border-radius:16px;padding:22px;cursor:pointer;text-align:left;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.mbp-person-card.is-active{border-color:#c99f54;box-shadow:0 0 0 2px rgba(201,159,84,.18)}
.mbp-person-icon{width:48px;height:48px;border-radius:999px;background:#121212;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}
.mbp-person-card strong{font-size:22px;color:#1d1d1d}
.mbp-person-card span{color:#666}
.mbp-item-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mbp-item-card{display:block;border:1px solid #d6d0c7;background:#fff;border-radius:16px;padding:0;overflow:hidden;text-align:left;cursor:pointer;transition:.2s ease;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.mbp-item-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.mbp-item-card.is-active{border-color:#c99f54;box-shadow:0 0 0 2px rgba(201,159,84,.18)}
.mbp-thumb{background:#181818;height:180px;display:flex;align-items:center;justify-content:center}
.mbp-thumb img,.mbp-thumb-placeholder{width:100%;height:100%;object-fit:cover;color:#bbb;display:flex;align-items:center;justify-content:center}
.mbp-item-meta{padding:16px}
.mbp-item-meta strong{display:block;font-size:18px;color:#1e1e1e;margin-bottom:8px}
.mbp-item-meta span{display:block;color:#666;font-size:14px;margin-bottom:10px}
.mbp-item-meta em{font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:6px 8px;background:#f2ede4;border-radius:6px;color:#786e5e}
.mbp-panel-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.mbp-granite-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.mbp-swatch{display:flex;align-items:center;gap:12px;border:1px solid #d6d0c7;background:#fff;border-radius:14px;padding:12px;cursor:pointer;text-align:left}
.mbp-swatch.is-active{border-color:#c99f54;box-shadow:0 0 0 2px rgba(201,159,84,.18)}
.mbp-swatch-chip{width:28px;height:28px;border-radius:999px;display:block;border:1px solid rgba(0,0,0,.15)}
.mbp-swatch-name{font-size:14px;color:#222}
.mbp-selected-granite-line{margin-bottom:18px;color:#635c54}
.mbp-preview-wrap{display:flex;justify-content:center;align-items:center;min-height:430px;background:linear-gradient(180deg,#fdfcf9,#ebe7e1);border-radius:18px;border:1px solid #ddd;padding:18px}
.mbp-preview-wrap-compact{max-width:560px}
.mbp-preview-canvas{position:relative;width:100%;max-width:560px;height:520px}
.mbp-shape,.mbp-design-layer{position:absolute;inset:32px;overflow:hidden}
.mbp-shape{box-shadow:inset 0 0 0 3px rgba(255,255,255,.12),0 10px 26px rgba(0,0,0,.18);background:#999}
.mbp-shape-upright{border-radius:180px 180px 18px 18px / 95px 95px 18px 18px}
.mbp-shape-bevel{clip-path:polygon(8% 0,92% 0,100% 10%,100% 100%,0 100%,0 10%)}
.mbp-shape-flat{inset:120px 32px 90px 32px;border-radius:8px}
.mbp-shape-urn{inset:72px 110px 40px;border-radius:38% 38% 22% 22% / 30% 30% 22% 22%}
.mbp-design-layer{pointer-events:auto}
.mbp-draggable{position:absolute;cursor:move;user-select:none;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.65)}
.mbp-draggable img{display:block;max-width:100%;height:auto;border-radius:4px}
.mbp-draggable.is-active{outline:2px dashed #c99f54;outline-offset:4px}
.mbp-draggable.text{max-width:70%}
.mbp-draggable.symbol{font-size:44px;line-height:1}
.mbp-image-hotspot{position:absolute;border:2px dashed rgba(255,255,255,.4);background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:14px;cursor:pointer}
.mbp-image-hotspot span{padding:8px}
.mbp-image-hotspot.is-selected{border-color:#c99f54;background:rgba(201,159,84,.16)}
.hotspot-left{left:15%;top:16%;width:17%;height:19%}
.hotspot-center{left:38%;top:11%;width:24%;height:24%}
.hotspot-right{left:69%;top:18%;width:17%;height:19%}
.mbp-designer-grid,.mbp-review-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}
.mbp-card,.mbp-status-card{background:#fff;border:1px solid #ddd;border-radius:16px;padding:18px;box-shadow:0 10px 28px rgba(0,0,0,.05)}
.mbp-card h3{margin-top:0}
.mbp-button-row,.mbp-toggle-row,.mbp-element-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.mbp-element-tools{margin-top:14px;margin-bottom:0}
.mbp-card textarea,.mbp-card select,.mbp-card input[type=file],.mbp-order-form input,.mbp-order-form textarea,.mbp-order-form select,.mbp-lookup-form input{width:100%;margin-bottom:12px}
.mbp-range-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.mbp-range-row input[type=range]{flex:1;margin:0}
.mbp-range-count,.mbp-font-size-count{font-weight:700;color:#17365d;min-width:28px;text-align:right}
.mbp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mbp-pricing div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #efefef}
.mbp-pricing .mbp-total-row{font-size:18px;font-weight:700;border-bottom:none;padding-top:16px}
.mbp-review-note{margin-top:16px;color:#645b4e}
.mbp-submit,.mbp-lookup-form button{width:100%;margin-top:10px!important}
.mbp-message{margin-top:12px;font-size:14px}
.mbp-message.success{color:#1d6b34}
.mbp-message.error{color:#aa1f1f}
.mbp-empty{background:#fff8e5;border:1px solid #f0d48a;padding:14px;border-radius:12px}
.mbp-help{font-size:13px;color:#555;margin-top:10px}
.mbp-status-lookup{max-width:520px}
.mbp-status-card img{margin:12px 0}
.button.button-primary.button-large,.button.button-primary{background:#121212;border-color:#121212}
.button.button-primary.button-large:hover,.button.button-primary:hover{background:#000;border-color:#000}
.mbp-check-row{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:8px}
.mbp-check-row input[type=checkbox]{margin:0}
.mbp-check-row span{display:inline-block;max-width:680px;line-height:1.4}
@media (max-width:1100px){
  .mbp-item-list,.mbp-granite-swatches,.mbp-designer-grid,.mbp-review-grid,.mbp-form-grid{grid-template-columns:1fr 1fr}
  .mbp-steps{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:780px){
  .mbp-shell{padding:18px}
  .mbp-header h2{font-size:34px}
  .mbp-item-list,.mbp-granite-swatches,.mbp-steps,.mbp-designer-grid,.mbp-review-grid,.mbp-form-grid,.mbp-person-grid{grid-template-columns:1fr}
  .mbp-preview-canvas{height:420px}
  .mbp-panel-actions{flex-direction:column}
}


.mbp-background-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.mbp-bg-preset{display:flex;align-items:center;gap:10px;border:1px solid #d6d0c7;background:#fff;border-radius:12px;padding:8px;cursor:pointer;text-align:left}
.mbp-bg-preset.is-active{border-color:#c99f54;box-shadow:0 0 0 2px rgba(201,159,84,.18)}
.mbp-bg-thumb{width:56px;height:40px;border-radius:8px;display:block;border:1px solid rgba(0,0,0,.12);background:#d9d9d9}
.mbp-bg-name{font-size:13px;color:#222}
.mbp-bg-thumb-none{background:linear-gradient(180deg,#8f8f8f,#6a6a6a)}
.mbp-bg-thumb-clouds{background:linear-gradient(180deg,#f1f1f1 0%,#9a9a9a 26%,#1c1c1c 75%,#070707 100%)}
.mbp-bg-thumb-sunset{background:linear-gradient(180deg,#f9ddb3 0%,#d38a65 28%,#5f3c46 65%,#111 100%)}
.mbp-bg-thumb-mountains{background:linear-gradient(180deg,#cdd8e3 0%,#8ea3b0 28%,#58646f 52%,#222 100%)}
.mbp-bg-thumb-cross{background:radial-gradient(circle at 50% 28%, rgba(255,255,255,.95), rgba(255,255,255,.18) 18%, rgba(255,255,255,0) 35%), linear-gradient(180deg,#8d8d8d 0%,#343434 58%,#101010 100%)}
.mbp-bg-thumb-roses{background:linear-gradient(180deg,#d5d5d5 0%,#858585 30%,#333 70%,#0b0b0b 100%)}
.mbp-bg-thumb-bible{background:linear-gradient(180deg,#dadada 0%,#9b9b9b 30%,#454545 70%,#0e0e0e 100%)}
.mbp-bg-thumb-doves{background:linear-gradient(180deg,#dadfe2 0%,#919aa0 30%,#4c555a 68%,#0e1113 100%)}
.mbp-bg-thumb-fishing{background:linear-gradient(180deg,#dce2e0 0%,#9ca3a0 30%,#3f4341 68%,#090a0a 100%)}
@media (max-width:780px){.mbp-background-presets{grid-template-columns:1fr 1fr}}