.signature-page .tool-intro{margin-bottom:24px}.signature-steps{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px;color:#40506b;font-size:14px}.signature-steps span{display:flex;align-items:center;gap:8px}.signature-steps b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e8edff;color:#234bb8}.signature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;margin:22px 0}.signature-wide{grid-column:1/-1}.signature-check{display:flex;align-items:flex-start;gap:12px;color:#31415d;cursor:pointer}.signature-check input{width:19px;height:19px;margin:2px 0 0}.signature-check small{display:block;margin-top:3px;color:#66758c;line-height:1.5}.signature-result{margin-top:22px;border:1px solid #cbd8e8;border-radius:14px;padding:20px;background:#f5f8fc;color:#263b58}.signature-result[hidden],.signature-preview[hidden],.signature-result a[hidden]{display:none}.signature-result h2{font-size:21px;margin:0 0 8px}.signature-result p{margin:8px 0 14px;line-height:1.55}.signature-result.ready{background:#eaf8ef;border-color:#b9e3c8;color:#155738}.signature-result.failed{background:#fff4ed;border-color:#f0d0bb;color:#7b351a}.signature-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.signature-preview>div{min-width:0;border:1px solid #d6deeb;border-radius:13px;padding:13px;background:#fff}.signature-preview span{display:block;margin-bottom:10px;font-weight:700;color:#34425c}.signature-preview img{display:block;width:100%;height:170px;object-fit:contain;background:repeating-conic-gradient(#f3f5f9 0 25%,#fff 0 50%) 50%/20px 20px;border-radius:8px}.signature-drop.dragover{background:#dbe7ff;border-color:#315ee8;box-shadow:inset 0 0 0 2px #315ee8}.signature-page .field input,.signature-page .field select{width:100%}@media(max-width:640px){.signature-grid,.signature-preview{grid-template-columns:1fr}.signature-wide{grid-column:auto}.signature-steps{gap:7px;font-size:12px}}