.sign-demo{margin:32px 0 44px;padding:32px;box-shadow:0 18px 64px #253b680b}
.sign-demo-head .eyebrow{margin:0}
.sign-demo-head h2{font-size:24px;margin:7px 0 4px}
.sign-demo-head p:last-child{font-size:14px;margin:0 0 22px}
.sign-demo .probe-note{margin:-5px 0 20px;padding:12px 14px;border-radius:10px;background:#eef1ff;color:#334362;font-size:13px;line-height:1.7}
.sign-demo .file-picker{margin:0}
.sign-demo .file-actions{display:flex;align-items:center;gap:22px;margin:18px 2px 8px}
.sign-demo .file-actions a,.sign-demo .text-button{font-size:14px;font-weight:600;color:var(--blue)}
.sign-demo .text-button{min-height:0;padding:0;border:0;border-radius:0;background:transparent;text-decoration:underline;text-underline-offset:4px}
.sign-ready{margin:28px 0 4px;padding-top:26px;border-top:1px solid var(--line)}
.sign-ready #sign{width:100%;min-height:56px;font-size:17px}
.sign-ready p{margin:12px 0 0}
.sign-demo .progress-track{margin-top:22px}
.sign-demo .progress-status{margin:19px 0 0;font-size:13px}
.sign-demo #handoff{margin-top:18px}
.sign-demo #result{margin-top:28px}
.qr-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:26px;border:1px solid #dfe5ee;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 28px 90px #14213b3d;overflow:auto}
.qr-dialog::backdrop{background:#14203899;backdrop-filter:blur(5px)}
.qr-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.qr-dialog-head .eyebrow{margin:0}
.qr-dialog-head h2{font-size:23px;line-height:1.35;margin:8px 0 0}
.qr-dialog-close{flex:0 0 34px;width:34px;height:34px;min-height:34px;padding:0;border-radius:50%;border:1px solid var(--line);background:#f3f5f9;color:#48566c;font-size:23px;font-weight:400;line-height:1}
.qr-dialog>p{font-size:14px;margin:14px 0}
.qr-dialog-code{display:grid;place-items:center;margin:20px auto 16px;padding:13px;width:max-content;max-width:100%;border:1px solid #dde4f0;border-radius:18px;background:#fff;box-shadow:0 10px 26px #26395d0b}
.qr-dialog-code canvas{display:block;max-width:100%;height:auto!important}
.qr-dialog .qr-dialog-note{font-size:12px;color:#68778f;line-height:1.7}
.qr-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}
.qr-dialog-foot span{font-size:12px;color:#6d7c94}
.qr-dialog-foot button{min-height:38px;padding:8px 14px;white-space:nowrap;font-size:13px}
@media(max-width:520px){.sign-demo{padding:22px}.sign-demo .file-actions{gap:15px;flex-wrap:wrap}.qr-dialog{padding:20px}.qr-dialog-head h2{font-size:20px}}