.checkout-preview-open{display:block;width:100%;margin-top:12px;padding:12px;border:1px solid #455a64;border-radius:8px;background:transparent;color:inherit;font-weight:700;cursor:pointer}#checkoutPreviewDialog{width:min(94vw,540px);max-height:90vh;overflow:auto;border:0;border-radius:14px;padding:24px;color:#242424;background:#fff}#checkoutPreviewDialog::backdrop{background:rgba(0,0,0,.6)}#checkoutPreviewDialog form{display:grid;gap:12px}#checkoutPreviewDialog label{display:grid;gap:5px;font-weight:600}#checkoutPreviewDialog input,#checkoutPreviewDialog textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #aab;border-radius:6px;font:inherit}#checkoutPreviewDialog button{cursor:pointer;padding:11px;border-radius:7px}.checkout-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkout-preview-head h2{margin:0}.checkout-preview-warning{padding:10px;background:#fff3d7;color:#654400;border-radius:7px}.checkout-preview-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}#checkoutPreviewResult[data-valid="true"]{color:#12622a}#checkoutPreviewResult[data-valid="false"]{color:#9b1c1c}@media(max-width:450px){.checkout-preview-two{grid-template-columns:1fr}}

/* V30: isolate modal layout from marketplace's global form styles */
#checkoutPreviewDialog{position:fixed;inset:0;margin:auto;width:min(680px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:min(88dvh,760px);box-sizing:border-box;overflow-x:hidden;overflow-y:auto;padding:clamp(16px,3vw,28px);overscroll-behavior:contain;}
#checkoutPreviewDialog *,#checkoutPreviewDialog *::before,#checkoutPreviewDialog *::after{box-sizing:border-box;}
#checkoutPreviewDialog form{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:100%;margin:0;padding:0;gap:14px;overflow:visible;}
#checkoutPreviewDialog form > *,#checkoutPreviewDialog label,#checkoutPreviewDialog .checkout-preview-two{min-width:0;max-width:100%;width:100%;margin-left:0;margin-right:0;}
#checkoutPreviewDialog input,#checkoutPreviewDialog textarea{display:block;min-width:0;max-width:100%;width:100%;font-size:16px;}
#checkoutPreviewDialog .checkout-preview-two{grid-template-columns:repeat(2,minmax(0,1fr));}
#checkoutPreviewDialog .checkout-preview-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;}
#checkoutPreviewDialog .checkout-preview-head h2{font-size:clamp(20px,3vw,26px);line-height:1.25;}
#checkoutPreviewDialog #closeCheckoutPreview{flex:0 0 auto;width:44px;height:44px;padding:0;}
#checkoutPreviewDialog button[type=submit]{width:100%;background:#87002f;color:#fff;border:0;font-weight:700;}
#checkoutPreviewDialog input[aria-invalid=true]{border-color:#b42318;outline-color:#b42318;}
@media(max-width:560px){#checkoutPreviewDialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:16px;}#checkoutPreviewDialog .checkout-preview-two{grid-template-columns:minmax(0,1fr);}}
