.nhp-live-canvas{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.nhp-live-status{font-size:13px;color:var(--muted,#526b5c);line-height:1.5;margin:10px 0;min-height:0}
.nhp-live-status:empty{display:none}
.nhp-preview-failed canvas{display:none}
.nhp-live-option-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;grid-column:1/-1}
.nhp-live-option-group>div{display:grid;gap:7px;min-width:0}
.nhp-live-option-group h3{grid-column:1/-1;font-size:18px;line-height:1.3;margin:18px 0 4px}
.nhp-live-option-group label{font-size:14px;font-weight:700}
.nhp-options{display:grid;grid-template-columns:1fr;gap:12px}
.nhp-preview-swatch{overflow-wrap:anywhere}
.nh-quote-product .nhp-live-photo{position:relative;aspect-ratio:1;background:#e8ece0;border-radius:8px;overflow:hidden}
.nh-quote-product .nhp-live-photo>[data-nhp-fallback]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.nh-quote-product .nhp-live-photo>[data-nhp-fallback][hidden]{display:none}
.nh-quote-product .nhp-live-photo>[data-nhp-fallback] img{width:100%;height:100%;object-fit:contain}
.nh-quote-product .nhp-live-caption{font-size:14px;font-weight:650;line-height:1.5;margin-top:12px;color:var(--green,#103a2b);overflow-wrap:anywhere}
.nhp-product-options{border:1px solid var(--line,#c8d6c5);background:#edf0e6;border-radius:8px;padding:18px;margin:24px 0;min-width:0}
.nhp-product-options legend{padding:0 8px;font-size:18px;font-weight:750}
.nhp-product-options label{display:block;font-size:14px;font-weight:650;margin:10px 0 7px}
.nhp-product-options select,.nhp-product-options input{width:100%;min-height:48px;padding:12px;border:1px solid #a8bba8;background:var(--cream,#f7f6ef);color:var(--ink,#103a2b);border-radius:4px;font:inherit;appearance:none}
.nhp-product-options .fine-print{margin:12px 0 0;line-height:1.5}
@media(max-width:640px){.nhp-live-option-group{grid-template-columns:1fr}.nhp-product-options{padding:14px}.nhp-product-options select,.nhp-product-options input{font-size:16px}}

.nhp-preview-photo{aspect-ratio:1;position:relative}
.nhp-preview-photo>[data-nhp-fallback]{position:absolute;inset:0;width:100%;height:100%}
.nhp-preview-photo>[data-nhp-fallback] img{width:100%;height:100%;object-fit:contain}
.nhp-preview-photo>[data-nhp-fallback][hidden]{display:none}
