.mtf-pc-root{--mtf-accent:#2563eb;--mtf-border:#e2e7ef;--mtf-text:#172033;--mtf-muted:#6b7280;margin:18px 0 22px;color:var(--mtf-text)}
.mtf-pc-template{border:1px solid var(--mtf-border);border-radius:14px;padding:16px;margin:0 0 14px;background:#fff}.mtf-pc-template-title{font-size:17px;margin:0 0 15px}.mtf-pc-fields{display:flex;flex-wrap:wrap;margin:0 -6px}.mtf-pc-field{box-sizing:border-box;padding:0 6px 15px;width:100%}.mtf-pc-field[data-width="25"]{width:25%}.mtf-pc-field[data-width="33"]{width:33.333%}.mtf-pc-field[data-width="50"]{width:50%}.mtf-pc-field[data-width="66"]{width:66.666%}.mtf-pc-field[data-width="75"]{width:75%}.mtf-pc-field[data-width="100"]{width:100%}
.mtf-pc-label{display:block;font-size:13px;font-weight:650;margin:0 0 7px}.mtf-pc-label em{color:#dc2626;margin-left:3px;font-style:normal}.mtf-pc-help{font-size:12px;color:var(--mtf-muted);margin:-3px 0 7px;line-height:1.45}.mtf-pc-field input[type=text],.mtf-pc-field input[type=number],.mtf-pc-field input[type=email],.mtf-pc-field input[type=tel],.mtf-pc-field input[type=url],.mtf-pc-field input[type=password],.mtf-pc-field input[type=date],.mtf-pc-field input[type=time],.mtf-pc-field input[type=datetime-local],.mtf-pc-field select,.mtf-pc-field textarea{width:100%;min-height:42px;border:1px solid #ced5df!important;border-radius:9px!important;background:#fff;padding:9px 11px!important;box-shadow:none!important;outline:none;box-sizing:border-box}.mtf-pc-field textarea{min-height:84px;resize:vertical}.mtf-pc-field input:focus,.mtf-pc-field select:focus,.mtf-pc-field textarea:focus{border-color:#8fb2ff!important;box-shadow:0 0 0 3px #edf3ff!important}.mtf-pc-field input[type=color]{width:54px;height:42px;padding:3px;border:1px solid #ced5df;border-radius:8px}.mtf-pc-field input[type=range]{width:100%}.mtf-field-error{color:#b42318;font-size:11px;margin-top:5px}
.mtf-choice-grid{display:flex;flex-wrap:wrap;gap:8px}.mtf-choice{position:relative;display:flex;align-items:center;gap:7px;border:1px solid #d6dce6;background:#fff;border-radius:9px;padding:9px 11px;cursor:pointer;min-height:40px;box-sizing:border-box;transition:.15s}.mtf-choice:hover{border-color:#9bb8f4}.mtf-choice.selected{border-color:var(--mtf-accent);box-shadow:0 0 0 1px var(--mtf-accent);background:#f7faff}.mtf-choice.disabled{opacity:.45;cursor:not-allowed}.mtf-choice input{margin:0!important;width:auto!important;min-height:0!important}.mtf-choice-button .mtf-choice input,.mtf-choice-image_swatch input,.mtf-choice-color_swatch input{position:absolute;opacity:0;pointer-events:none}.mtf-choice-button .mtf-choice,.mtf-choice-image_swatch .mtf-choice,.mtf-choice-color_swatch .mtf-choice{padding:7px 10px}.mtf-choice-switch .mtf-choice{min-width:82px;justify-content:center}.mtf-option-price{font-size:10px;color:#65758b}.mtf-image-chip{display:flex;width:48px;height:48px;border-radius:7px;overflow:hidden;background:#f4f5f7}.mtf-image-chip img{width:100%;height:100%;object-fit:cover}.mtf-color-chip{width:25px;height:25px;border:1px solid rgba(0,0,0,.12);border-radius:50%;background:var(--swatch)}
.mtf-upload-box{display:flex;min-height:92px;border:1px dashed #b9c4d5;border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;background:#fafcff;text-align:center;padding:13px;box-sizing:border-box}.mtf-upload-box:hover,.mtf-upload-box.has-file,.mtf-upload-box.dragging{border-color:#7ba6fa;background:#f4f8ff}.mtf-upload-box input{position:absolute!important;opacity:0;width:1px!important;height:1px!important}.mtf-upload-box .dashicons{color:#6f8db8}.mtf-upload-box strong{font-size:12px}.mtf-upload-box small{font-size:10px;color:var(--mtf-muted)}.mtf-existing-file{font-size:11px;color:#4f6584;margin-top:5px}.mtf-date-range{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px}
.mtf-pc-price-summary{border-top:1px solid var(--mtf-border);margin-top:2px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.mtf-pc-price-summary strong{font-size:14px;color:var(--mtf-accent)}.mtf-style-compact{padding:12px}.mtf-style-compact .mtf-pc-field{padding-bottom:10px}.mtf-style-minimal{border:0;padding:0}.mtf-content-heading{margin:3px 0 4px;font-size:15px}.mtf-content-description{background:#f7f8fa;border-radius:8px;padding:10px 12px;color:#566174;font-size:12px}.mtf-divider{border:0;border-top:1px solid var(--mtf-border);margin:5px 0}.mtf-spacer{height:12px}.mtf-popup-trigger{border:0;background:transparent;color:var(--mtf-accent);padding:0;text-decoration:underline;cursor:pointer}.mtf-formula-result,.mtf-tier-info{display:flex;justify-content:space-between;background:#f7f9fc;border-radius:8px;padding:10px 12px;font-size:12px}
.mtf-cart-edit{border:0;background:transparent;padding:3px 0;color:#2563eb;font-size:11px;cursor:pointer;text-decoration:underline}.mtf-modal[hidden]{display:none!important}.mtf-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center}.mtf-modal-backdrop{position:absolute;inset:0;background:rgba(17,24,39,.48);backdrop-filter:blur(2px)}.mtf-modal-panel{position:relative;width:min(680px,calc(100vw - 28px));max-height:88vh;overflow:auto;background:#fff;border-radius:16px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.28);transform:translateY(10px);opacity:0;transition:.18s}.mtf-modal.open .mtf-modal-panel{transform:none;opacity:1}.mtf-modal-close{position:absolute;right:12px;top:10px;border:0;background:#f3f4f6;border-radius:50%;width:32px;height:32px;font-size:22px;cursor:pointer}.mtf-modal-loading{text-align:center;padding:70px;color:#667085}.mtf-modal-actions{display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:-22px;background:#fff;border-top:1px solid #e5e7eb;padding:14px 0 2px;margin-top:10px}.mtf-mini-popup{position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:.15s}.mtf-mini-popup.show{opacity:1}.mtf-mini-popup>div{position:relative;background:#fff;border-radius:13px;width:min(460px,calc(100vw - 30px));padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.mtf-mini-popup button{position:absolute;right:8px;top:7px;border:0;background:#f2f3f5;border-radius:50%;width:28px;height:28px;cursor:pointer}.mtf-mini-popup p{margin:0;white-space:pre-wrap}
@media(max-width:640px){.mtf-pc-template{padding:13px}.mtf-pc-field[data-width]{width:100%}.mtf-choice-grid{gap:6px}.mtf-choice{padding:8px 9px}.mtf-modal-panel{padding:17px}.mtf-modal-actions{bottom:-17px}}

.mtf-upload-preview{display:block;margin-top:6px}.mtf-upload-preview img{display:block;max-width:88px;max-height:88px;border-radius:7px;object-fit:cover}.mtf-thumb-select-preview{margin-top:7px}.mtf-thumb-select-preview img{width:52px;height:52px;border-radius:7px;object-fit:cover;border:1px solid #e1e5eb}


/* ===== 1.2 visual style variables + Section ===== */
.mtf-pc-template{
  --mtf-button-bg:#fff;--mtf-button-text:#111827;--mtf-button-border:#d0d5dd;
  --mtf-button-active-bg:#111827;--mtf-button-active-text:#fff;--mtf-button-active-border:#111827;
  --mtf-input-bg:#fff;--mtf-input-border:#d0d5dd;--mtf-label-color:#111827;
  --mtf-section-bg:#f8fafc;--mtf-section-border:#e5e7eb;
  --mtf-radius:10px;--mtf-border-width:1px;--mtf-field-gap:16px;--mtf-option-gap:8px;--mtf-button-height:40px;--mtf-input-height:44px;--mtf-section-padding:16px
}
.mtf-pc-fields{row-gap:var(--mtf-field-gap,16px);column-gap:0;margin:0 -6px}
.mtf-pc-field{padding:0 6px;margin-top:var(--mtf-margin-top,0);margin-bottom:var(--mtf-margin-bottom,0)}
.mtf-pc-label{color:var(--mtf-label-color,#111827)}
.mtf-pc-field input[type=text],.mtf-pc-field input[type=number],.mtf-pc-field input[type=email],.mtf-pc-field input[type=tel],.mtf-pc-field input[type=url],.mtf-pc-field input[type=password],.mtf-pc-field input[type=date],.mtf-pc-field input[type=time],.mtf-pc-field input[type=datetime-local],.mtf-pc-field select,.mtf-pc-field textarea{
  min-height:var(--mtf-input-height,44px)!important;
  border:var(--mtf-border-width,1px) solid var(--mtf-input-border,#d0d5dd)!important;
  border-radius:var(--mtf-radius,10px)!important;
  background:var(--mtf-input-bg,#fff)!important
}
.mtf-choice-grid{gap:var(--mtf-option-gap,8px)}
.mtf-choice{
  border:var(--mtf-border-width,1px) solid var(--mtf-button-border,#d0d5dd);
  background:var(--mtf-button-bg,#fff);
  color:var(--mtf-button-text,#111827);
  border-radius:var(--mtf-radius,10px)
}
.mtf-choice.selected{
  border-color:var(--mtf-button-active-border,#111827);
  background:var(--mtf-button-active-bg,#111827);
  color:var(--mtf-button-active-text,#fff);
  box-shadow:0 0 0 max(0px,calc(var(--mtf-border-width,1px) - 1px)) var(--mtf-button-active-border,#111827)
}
.mtf-choice.selected .mtf-option-price{color:inherit;opacity:.78}
.mtf-upload-box{
  border-color:var(--mtf-input-border,#d0d5dd);
  border-radius:var(--mtf-radius,10px);
  background:var(--mtf-input-bg,#fff)
}
.mtf-pc-section{
  width:calc(100% - 12px);
  margin-left:6px;
  margin-right:6px;
  box-sizing:border-box;
  background:var(--mtf-section-bg,#f8fafc);
  border:var(--mtf-border-width,1px) solid var(--mtf-section-border,#e5e7eb);
  border-radius:var(--mtf-radius,10px);
  padding:var(--mtf-section-padding,16px);
  margin-top:var(--mtf-margin-top,0);
  margin-bottom:var(--mtf-margin-bottom,0)
}
.mtf-pc-section-head{margin:0 0 14px}
.mtf-pc-section-head h4{margin:0 0 4px;color:var(--mtf-label-color,#111827);font-size:15px}
.mtf-pc-section-head div{font-size:12px;color:var(--mtf-muted,#667085)}
.mtf-pc-section-fields{display:flex;flex-wrap:wrap;row-gap:var(--mtf-field-gap,16px);column-gap:0;margin:0 -6px}
.mtf-pc-section-fields>.mtf-pc-field{margin:0}
@media(max-width:640px){.mtf-pc-section{padding:12px}.mtf-pc-section-fields>.mtf-pc-field[data-width]{width:100%}}

.mtf-choice{min-height:var(--mtf-button-height,40px)}