.signature-pad,.signature-pad *,.signature-pad *::before,.signature-pad *::after{box-sizing:border-box}.signature-pad{position:relative;display:flex;flex-direction:column;font-size:14px;width:100%;min-width:280px;max-width:500px;height:320px;border:1px solid #e8e8e8;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18),0 0 20px rgba(0,0,0,.05) inset;border-radius:8px;padding:20px 16px 16px 16px;margin:0 auto}.signature-pad::before,.signature-pad::after{position:absolute;z-index:-1;content:'';width:40%;height:10px;bottom:10px;background:transparent;box-shadow:0 8px 12px rgba(0,0,0,.2)}.signature-pad::before{left:20px;transform:skew(-3deg) rotate(-3deg)}.signature-pad::after{right:20px;transform:skew(3deg) rotate(3deg)}.signature-pad--body{position:relative;flex:1;border:2px solid #f4f4f4;border-radius:6px;background:#fafafa;min-height:160px;max-height:280px;margin-bottom:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.signature-pad--body.empty{background-color:#fff}.signature-pad--body canvas{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:6px;box-shadow:0 0 5px rgba(0,0,0,.02) inset;background:transparent}.signature-pad--footer{color:#888;text-align:center;font-size:1em;margin-top:4px;margin-bottom:8px}.signature-pad--actions{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.signature-pad--actions .column{flex:1 1 0;padding:.1em;display:flex;justify-content:center}.signature-pad--actions .btn{margin:.2em;width:100%;min-width:100px;max-width:180px;font-size:1em;padding:.5em 1em}@media(max-width:768px){.signature-pad{max-width:98vw;height:240px;padding:12px 6px 10px 6px}.signature-pad--body{min-height:100px;max-height:140px}.signature-pad--actions .btn{min-width:80px;font-size:.95em}}@media(max-width:480px){.signature-pad{max-width:100vw;height:auto;min-height:320px;padding:12px 8px 10px 8px}.signature-pad--body{flex:none;min-height:160px;max-height:none}.signature-pad--actions{flex-direction:column;gap:6px}.signature-pad--actions .btn{display:block;width:100%;min-width:60px;font-size:.9em}}