.demo-banner{margin:20px auto 0;text-align:center;font:13px/1.5 system-ui,sans-serif;color:#74655f}
.order-fields{display:flex;flex-direction:column;gap:12px;font:14px/1.4 system-ui,sans-serif}
.order-fields label{display:flex;flex-direction:column;gap:5px}
.order-fields input{min-width:0;width:100%;padding:13px;border:1px solid #cfc8bf;border-radius:12px;font:16px system-ui,sans-serif;background:#fff;color:#161616}
.order-fields small{color:#74655f;font-size:12px}
.order-status{grid-column:1/-1;order:5;margin:0 auto;text-align:center;max-width:600px;font:14px/1.6 system-ui,sans-serif;overflow-wrap:anywhere}
.order-status:empty{display:none}
.secondary-download,.sound-button{font:17px 'Shantell Sans',sans-serif;text-align:center;color:#161616;padding:12px;border:1px solid #cfc8bf;border-radius:999px;background:#fff;text-decoration:none;cursor:pointer}
button:disabled{opacity:.6;cursor:wait;transform:none!important}
dialog{max-width:min(430px,calc(100% - 32px));padding:28px;border:2px solid #161616;border-radius:26px;background:#faf7f2;font:16px/1.5 system-ui,sans-serif;color:#161616}
dialog::backdrop{background:#16161666}
dialog h2{font:26px/1.2 'Shantell Sans',sans-serif;margin-top:0}
dialog button{width:100%;padding:14px;border-radius:999px;font:16px system-ui,sans-serif;cursor:pointer;margin-top:12px}
.payment-confirm{background:#f6b4c0;border:0}
#cancel-demo{background:transparent;border:1px solid #cfc8bf}
.fill{width:45%;animation:waiting 1.8s ease-in-out infinite alternate}
@keyframes waiting{from{transform:translateX(-60%)}to{transform:translateX(180%)}}
@media(max-width:860px){.order-status{position:relative;z-index:2;margin:24px auto 0;padding:12px;background:#faf7f2}.order-fields{font-size:13px}.demo-banner{font-size:12px;max-width:270px}}
@media(prefers-reduced-motion:reduce){.fill{animation:none;transform:none}}