.commerce-panel,.commerce-owner{color:#f4ece2}.commerce-panel{background:#111725;border:1px solid #76617d;border-radius:12px;margin-top:24px;padding:24px}.commerce-panel form,.commerce-owner form{gap:16px;display:grid}.commerce-panel input[type=email],.commerce-owner input,.commerce-owner textarea{color:#111725;width:100%;min-height:48px;font:inherit;box-sizing:border-box;background:#f4ece2;border:1px solid #405a77;border-radius:8px;padding:12px}.commerce-consent{align-items:flex-start;gap:12px;display:flex}.commerce-consent input{min-width:22px;min-height:22px;margin-top:3px}.commerce-panel a,.commerce-owner>a{margin:12px 12px 0 0;display:inline-block}.commerce-frame{background:#111725;border:1px solid #405a77;border-radius:12px;width:100%;min-height:580px;margin:20px 0;display:block}.commerce-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0;display:flex}.commerce-test{color:#f4ece2;background:#243b5a;border:1px solid #d99b7d;padding:12px 16px}.commerce-reference{overflow-wrap:anywhere;font-size:.85rem}.commerce-qr{color:#111725;box-sizing:border-box;background:#f4ece2;border:1px solid #405a77;border-radius:12px;max-width:min(420px,100vw - 32px);padding:24px}.commerce-qr::backdrop{background:#0c111dd6}.commerce-qr img{width:100%;max-width:320px;height:auto;margin:auto;display:block}:is(.commerce-panel :focus-visible,.commerce-owner :focus-visible,.commerce-qr :focus-visible){outline-offset:4px;outline:3px solid #d99b7d}.commerce-panel button:disabled,.commerce-owner button:disabled{opacity:.65;cursor:wait}.commerce-panel a{text-decoration:underline}.commerce-owner .request-paper{margin-bottom:24px}@media (max-width:500px){.commerce-panel{padding:16px}.commerce-actions>*{min-height:44px}.commerce-frame{min-height:640px}.commerce-qr{padding:16px}}@media (max-height:500px){.commerce-qr{max-height:calc(100dvh - 24px);overflow:auto}.commerce-qr img{max-width:200px}}@media (prefers-reduced-motion:reduce){.commerce-panel *,.commerce-owner *{transition:none!important;animation:none!important}}@media (forced-colors:active){.commerce-panel,.commerce-frame,.commerce-qr{border:1px solid canvastext}}:is(.qc-preview-panel:has(.commerce-frame)>.qc-card,.qc-preview-panel:has(.commerce-frame)>.qc-note,.qc-preview-panel:has(.commerce-frame)>.qc-keep-share,.qc-preview-panel:has(.commerce-frame)>.qc-sample-link){display:none}.commerce-actions>*,.commerce-owner>a{align-items:center;min-height:44px;display:inline-flex}.commerce-panel fieldset{border:1px solid #76617d;border-radius:8px;min-inline-size:0;padding:16px}.commerce-panel fieldset label{align-items:center;gap:12px;min-height:44px;display:flex}.commerce-panel input[type=radio]{accent-color:#d99b7d;flex-shrink:0;width:22px;height:22px}.commerce-owner{overflow-anchor:none}@media (max-height:500px) and (min-width:600px){.commerce-qr[open]{grid-template-columns:180px minmax(0,1fr);gap:12px 24px;max-width:min(640px,100vw - 32px);padding:18px;display:grid}.commerce-qr h2{grid-column:1/-1;margin:0}.commerce-qr img{grid-area:2/1/4;max-width:180px}.commerce-qr p{grid-column:2;align-self:end;margin:0}.commerce-qr button{grid-column:2;align-self:start;min-height:44px}}