.cfr-open{cursor:pointer;font:inherit;border:1px solid #cbd5e1;border-radius:8px;padding:7px 12px;background:#f8fafc;color:#334155;max-width:100%}
.cfr-dialog{box-sizing:border-box;width:min(480px,94vw);max-height:82vh;padding:16px;border:1px solid #dbe1ea;border-radius:12px;background:#fff;color:#1f2937;overflow:auto;box-shadow:0 12px 45px #0003;font:14px/1.6 system-ui,sans-serif;text-align:left}
.cfr-dialog::backdrop{background:#0006}
.cfr-dialog *{box-sizing:border-box;min-width:0}
.cfr-dialog button{cursor:pointer;border:1px solid #cbd5e1;border-radius:6px;padding:5px 10px;background:#f8fafc;color:#334155;font:inherit}
.cfr-dialog button:disabled{opacity:.45;cursor:default}
.cfr-top,.cfr-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.cfr-heading{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.cfr-dialog-header{position:sticky;top:-16px;z-index:2;margin:0 -4px;padding:12px 4px 8px;background:#fff;border-bottom:1px solid #edf0f5}
.cfr-nav input{width:64px;padding:4px;border:1px solid #cbd5e1;border-radius:4px;font:inherit}
.cfr-field{border-top:1px solid #edf0f5;padding:10px 0}
.cfr-value{display:block;width:100%;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;margin:5px 0;user-select:text}
.cfr-status{font-size:12px;color:#64748b}
.cfr-code{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:2px;overflow-wrap:anywhere}
.cfr-caption{margin-top:8px;color:#64748b}
.cfr-expiry{min-height:23px;font-size:13px;font-variant-numeric:tabular-nums;color:#64748b;margin-top:5px}
.cfr-dialog .cfr-wrong{display:block;border:0;background:none;color:#64748b;font-size:12px;margin-top:10px;padding:2px 0}
.cfr-dialog .cfr-copy-target{display:block;border:0;background:transparent;color:inherit;text-align:left;padding:4px 2px;max-width:100%;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;user-select:text}
.cfr-dialog .cfr-copy-target:focus-visible{outline:2px solid #8aa8cf;outline-offset:2px}
.cfr-dialog .cfr-copy-target:hover:not(:disabled){background:#f1f5f9}
.cfr-dialog .cfr-code{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:2px}
.cfr-field .cfr-status{margin-left:8px}
.cfr-flash{animation:cfr-flash .7s ease-out}
.cfr-copied{color:#16a34a;font-weight:600;animation:cfr-feedback 3.2s forwards}
@keyframes cfr-flash{from{background:#d9f3e4}to{background:transparent}}
@keyframes cfr-feedback{0%,45%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.cfr-flash{animation:none}.cfr-copied{animation-duration:.01s}}
.cfr-test-input{display:block;width:100%;height:180px;margin:12px 0;border:1px solid #cbd5e1;border-radius:6px;padding:8px;font:inherit;overflow-wrap:anywhere;resize:vertical}