.matb-personalizer{margin:20px 0;padding:16px;border:1px solid #ddd}.matb-customer-tabs{display:flex;gap:8px;margin:0 0 14px}.matb-customer-tabs button{padding:8px 18px;border:1px solid #bbb;background:#f5f5f5;cursor:pointer}.matb-customer-tabs button.active{background:#222;color:#fff}.matb-customer-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(240px,.7fr);gap:20px}.matb-preview{position:relative;overflow:hidden;aspect-ratio:1/1;background:#f2f2f2;border:1px solid #ddd}.matb-layer-host{position:absolute;inset:0}.matb-live-layer{position:absolute;overflow:hidden;display:flex;align-items:center;justify-content:center}.matb-live-layer img{width:100%;height:100%;object-fit:cover}.matb-live-layer img.matb-artwork-image{object-fit:contain}.matb-live-text{width:100%;line-height:1.1;overflow-wrap:anywhere}.matb-control{display:block;margin:0 0 14px}.matb-control span{display:block;font-weight:600;margin-bottom:5px}.matb-control input{width:100%}.matb-control.loading{opacity:.55}.matb-fee{font-weight:600}.matb-typography-summary{display:block;margin-top:6px;color:#666;font-size:12px;line-height:1.35}.matb-text-control input{margin-bottom:0}@media(max-width:720px){.matb-customer-layout{grid-template-columns:1fr}}

.matb-live-layer,.matb-preview-layer{overflow:hidden}.matb-live-layer>img,.matb-preview-layer>img{width:100%;height:100%;display:block;transform-origin:center center}.matb-live-text,.matb-preview-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;line-height:1.05;overflow:hidden;white-space:normal;word-break:break-word}.matb-photo-control{display:grid;gap:8px}.matb-photo-control label{display:grid;gap:4px}.matb-photo-control input[type=range]{width:100%}

.matb-bg-checker{background-color:#fff!important;background-image:linear-gradient(45deg,#e8e8e8 25%,transparent 25%),linear-gradient(-45deg,#e8e8e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8e8e8 75%),linear-gradient(-45deg,transparent 75%,#e8e8e8 75%)!important;background-size:24px 24px!important;background-position:0 0,0 12px,12px -12px,-12px 0!important}.matb-bg-white{background:#fff!important}.matb-bg-black{background:#000!important}.matb-bg-light-gray{background:#d9d9d9!important}.matb-bg-dark-gray{background:#333!important}.matb-bg-custom{background-image:none!important}.matb-preview-bg-control{display:inline-flex;align-items:center;gap:6px;font-weight:600}.matb-preview-bg-control select{max-width:190px}.matb-nonprint-note{align-self:center;color:#646970;font-style:italic}.matb-preview-toolbar,.matb-customer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.matb-preview-toolbar label,.matb-customer-toolbar label{display:flex;align-items:center;gap:6px}.matb-clip-note{display:block;color:#646970;font-style:italic;margin-top:-2px}.matb-live-layer,.matb-preview-layer{overflow:hidden!important;contain:paint}.matb-live-layer>img,.matb-preview-layer>img{max-width:none!important;max-height:none!important}

/* v1.7 customer-controlled text size */
.matb-customer-font-size{margin-top:10px;padding:10px;border:1px solid #dcdcde;border-radius:4px;background:#f6f7f7}
.matb-customer-font-size label{display:block;font-weight:600}
.matb-customer-font-size input[type=range]{display:block;width:100%;margin-top:7px}
.matb-customer-font-size output{font-weight:700}
.matb-reset-text-size{margin-top:8px!important}
.matb-customer-size-limits{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* v1.8 customer-controlled text color */
.matb-customer-text-color{margin-top:10px;padding:10px;border:1px solid #dcdcde;border-radius:4px;background:#f6f7f7}
.matb-customer-text-color label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600}
.matb-customer-text-color input[type=color]{width:54px;height:36px;padding:2px;cursor:pointer}
.matb-reset-text-color{margin-top:8px!important}

/* v2.0 dedicated customer studio and product-page launcher */
.matb-launch-panel{margin:12px 0 18px;padding:14px;border:2px solid #e84a2a;border-radius:4px;background:#fff}
.matb-launch-heading{font-weight:700;margin-bottom:8px}
.matb-start-personalizing,.matb-save-personalization{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 24px;border:0;border-radius:3px;background:#e84a2a;color:#fff;font-size:17px;font-weight:700;cursor:pointer}
.matb-start-personalizing:hover,.matb-save-personalization:hover{filter:brightness(.93);color:#fff}
.matb-start-personalizing.is-complete{background:#2271b1}
.matb-personalization-status{margin-top:8px;font-size:14px}
.matb-personalization-summary{margin-top:10px;padding:10px;background:#f6f7f7;border-left:4px solid #2271b1;font-size:13px}
.single_add_to_cart_button.matb-personalization-missing{opacity:.6}
.matb-standalone-body{margin:0;background:#f3f4f6;font-family:Arial,sans-serif;color:#1d2327}
.matb-standalone-shell{max-width:1500px;margin:0 auto;padding:20px}
.matb-studio-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:18px 22px;background:#fff;border:1px solid #dcdcde;border-radius:6px}
.matb-studio-header h1{margin:0 0 4px;font-size:27px}
.matb-studio-header p{margin:0;color:#646970}
.matb-cancel-studio{min-height:42px;padding:8px 18px;border:1px solid #8c8f94;border-radius:3px;background:#fff;cursor:pointer}
.matb-standalone-studio{margin:0;padding:20px;background:#fff;border:1px solid #dcdcde;border-radius:6px}
.matb-standalone-studio .matb-customer-layout{grid-template-columns:minmax(480px,1.3fr) minmax(320px,.7fr);align-items:start}
.matb-standalone-studio .matb-preview{position:sticky;top:20px}
.matb-studio-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid #dcdcde}
@media(max-width:900px){.matb-standalone-shell{padding:10px}.matb-studio-header{align-items:flex-start}.matb-standalone-studio .matb-customer-layout{grid-template-columns:1fr}.matb-standalone-studio .matb-preview{position:relative;top:auto}.matb-studio-footer{position:sticky;bottom:0;background:#fff;padding:12px 0}.matb-save-personalization{width:100%}}

/* Compact WooCommerce cart and mini-cart personalization summary. */
.matb-cart-summary{display:flex;flex-direction:column;gap:3px;max-width:100%;line-height:1.35;overflow-wrap:anywhere}
.matb-cart-complete{display:block;color:#247a35}
.matb-cart-line{display:block}
.matb-cart-edit{display:inline-block;margin-top:4px;font-weight:600;text-decoration:underline}
.woocommerce-mini-cart .variation-Personalization,
.woocommerce-cart-form .variation-Personalization{max-width:100%}
.woocommerce-mini-cart .variation-Personalization p,
.woocommerce-cart-form .variation-Personalization p{margin:0}


/* v2.2 role-specific WooCommerce presentation. The full technical configuration
   remains in the order; customers receive a compact, readable summary. */
.woocommerce .variation dt.variation-Personalization,
.woocommerce-mini-cart .variation dt.variation-Personalization,
.widget_shopping_cart .variation dt.variation-Personalization{display:none!important}
.woocommerce .variation dd.variation-Personalization,
.woocommerce-mini-cart .variation dd.variation-Personalization,
.widget_shopping_cart .variation dd.variation-Personalization{display:block!important;float:none!important;clear:both!important;width:100%!important;margin:6px 0 0!important;padding:0!important}
.woocommerce .variation dd.variation-Personalization>p,
.woocommerce-mini-cart .variation dd.variation-Personalization>p,
.widget_shopping_cart .variation dd.variation-Personalization>p{display:block!important;margin:0!important;padding:0!important}
.matb-cart-summary{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;width:100%;max-width:100%;padding:8px 10px;border-left:3px solid #247a35;background:#f6f7f7;border-radius:2px;line-height:1.35;white-space:normal;word-break:normal;overflow-wrap:anywhere}
.matb-cart-complete{display:block!important;color:#247a35;font-weight:700}
.matb-cart-line{display:grid!important;grid-template-columns:minmax(72px,auto) minmax(0,1fr);column-gap:7px;width:100%;margin:0!important}
.matb-cart-line strong{font-weight:700}
.matb-cart-edit{display:inline-block!important;margin-top:3px!important;font-weight:700;text-decoration:underline}
.woocommerce-mini-cart .matb-cart-summary,
.widget_shopping_cart .matb-cart-summary{padding:7px 8px;font-size:12px;gap:4px}
.woocommerce-mini-cart .matb-cart-line,
.widget_shopping_cart .matb-cart-line{display:block!important}
.woocommerce-mini-cart .matb-cart-line strong,
.widget_shopping_cart .matb-cart-line strong{display:inline}
.woocommerce-checkout-review-order .matb-cart-summary{font-size:13px}


/* v2.3 compact mini-cart: status, photo confirmation, and edit link only. */
.woocommerce-mini-cart .matb-cart-detail,
.widget_shopping_cart .matb-cart-detail{
  display:none!important;
}
.woocommerce-mini-cart .matb-cart-summary,
.widget_shopping_cart .matb-cart-summary{
  min-width:0!important;
  width:100%!important;
  padding:6px 0!important;
  border-left:0!important;
  background:transparent!important;
  font-size:13px!important;
  line-height:1.3!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.woocommerce-mini-cart .matb-cart-complete,
.widget_shopping_cart .matb-cart-complete,
.woocommerce-mini-cart .matb-cart-photo,
.widget_shopping_cart .matb-cart-photo,
.woocommerce-mini-cart .matb-cart-edit,
.widget_shopping_cart .matb-cart-edit{
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

.matb-photo-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;box-sizing:border-box;border:2px dashed #8c8f94;background:rgba(240,246,252,.8);color:#334155;font:14px/1.4 Arial,sans-serif;pointer-events:none}

.matb-module-template-name{padding:12px 16px;border-left:4px solid #2271b1;background:#f0f6fc;color:#1d2327;font-size:16px;line-height:1.5;overflow-wrap:anywhere}

#matb-default,.matb-preview-text-input,.matb-text-input{box-sizing:border-box;width:100%;resize:vertical;min-height:70px;font:inherit;line-height:1.4}.matb-properties-panel #matb-default{margin-top:5px}.matb-live-text,.matb-preview-text{white-space:pre-wrap}

/* Keep photo controls readable in narrow preview and customer panels. */
.matb-photo-control .matb-photo-proportions{display:flex;flex-direction:column;gap:12px;min-width:0;max-width:100%;box-sizing:border-box;margin:14px 0;padding:12px;border:1px solid #c3c4c7}
.matb-photo-control .matb-photo-proportions legend{padding:0 5px;white-space:normal;line-height:1.5}
.matb-photo-control .matb-photo-proportions label{display:block;margin:0;line-height:1.5}
.matb-photo-control .matb-photo-proportions .matb-photo-link-label{display:flex;align-items:flex-start;gap:10px;clear:both}
.matb-photo-control .matb-photo-proportions input.photo-link{width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;flex:0 0 18px;margin:3px 0 0!important;position:static!important}
.matb-photo-control .matb-photo-link-label span{min-width:0;line-height:1.5}
.matb-photo-control input[type=range]{display:block;width:100%;box-sizing:border-box;margin:8px 0 14px}
.matb-photo-control button.button{display:block;position:static;float:none;clear:both;box-sizing:border-box;max-width:100%;height:auto;min-height:40px;padding:9px 12px;line-height:1.5;white-space:normal;overflow-wrap:break-word;text-indent:0;margin:6px 0}
.matb-photo-control .matb-photo-proportions p{margin:0;font-weight:400;line-height:1.5}

.matb-cart-preview{display:block}.matb-cart-preview .matb-cart-personalized-image{display:block;width:100%;height:auto;object-fit:contain}.matb-cart-preview-status{display:block;font-size:11px;line-height:1.3}

.matb-cart-preview-open{display:block;text-decoration:underline;cursor:pointer;font-size:12px;line-height:1.4;margin-top:6px}.matb-cart-personalized-image{cursor:zoom-in}.matb-cart-preview-open:focus-visible{outline:2px solid #146bb5;outline-offset:3px}
.matb-cart-preview-dialog{box-sizing:border-box;width:min(1000px,94vw);max-height:90vh;overflow:auto;padding:24px;border:1px solid #bbb;border-radius:8px;background:#fff;color:#111}.matb-cart-preview-dialog::backdrop{background:rgba(0,0,0,.65)}.matb-cart-preview-dialog h2{margin:0 0 12px}.matb-cart-preview-pictures{display:flex;gap:20px;align-items:start;margin-top:16px}.matb-cart-preview-pictures figure{flex:1;min-width:0;margin:0;text-align:center}.matb-cart-preview-pictures img{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain}.matb-cart-preview-pictures figcaption{margin-top:8px;font-size:14px}@media(max-width:600px){.matb-cart-preview-pictures{flex-direction:column}.matb-cart-preview-pictures figure{width:100%}}