.signature-pad{margin:24px 0;padding:22px;border:1px solid #d9d0bb;border-radius:10px;background:#faf8f2}.signature-pad canvas{display:block;width:100%;height:auto;aspect-ratio:3/1;background:white;border:1px solid #b9b3a6;border-radius:6px;touch-action:none;cursor:crosshair}.signature-pad canvas:focus-visible{outline:3px solid #c9b17a;outline-offset:3px}.signature-tools{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.signature-tools button{background:transparent;color:#112936;border:1px solid #b9b3a6;padding:10px 18px;min-height:44px}.signature-status{font-size:13px;color:#536366;margin:12px 0 0}.signature-code{font-family:monospace;font-size:17px;overflow-wrap:anywhere;letter-spacing:.05em}.signature-record details{margin-top:24px}.signature-record .actions{flex-wrap:wrap}.signature-record .button{white-space:normal;overflow-wrap:anywhere}@media(max-width:600px){.signature-pad{padding:12px;margin:18px 0}.signature-tools button{flex:1}.signature-record .actions{display:grid;grid-template-columns:1fr}.signature-record .button{width:100%;box-sizing:border-box}}