*,:before,:after{box-sizing:border-box}html,body{color:#111827;background-color:#f3f4f6;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}.page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.container{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:640px;padding:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.title{text-align:center;margin:0 0 8px;font-size:24px;font-weight:600}.subtitle{color:#6b7280;text-align:center;margin:0 0 24px;font-size:14px}.form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:8px;display:flex}label,.label{color:#374151;font-size:14px;font-weight:500}input[type=text]{border:1px solid #d1d5db;border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}input[type=text]:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb33}.signature-wrapper{background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;padding:8px}.signature-canvas{background-color:#fff;border-radius:4px;width:100%;height:200px}.actions{justify-content:space-between;gap:8px;margin-top:8px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 16px;font-size:14px;transition:background-color .15s,border-color .15s,transform 50ms,box-shadow .15s}.btn-primary{color:#fff;background-color:#2563eb;border-color:#2563eb;font-weight:500}.btn-primary:hover{background-color:#1d4ed8;border-color:#1d4ed8}.btn-secondary{color:#374151;background-color:#fff;border-color:#d1d5db}.btn-secondary:hover{background-color:#f3f4f6}.btn-primary:active,.btn-secondary:active{transform:scale(.98)}.error{color:#b91c1c;margin:4px 0 0;font-size:13px}.saved{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:20px}.saved h2{margin:0 0 12px;font-size:18px;font-weight:600}.saved-list{flex-direction:column;gap:16px;display:flex}.saved-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:12px}.saved-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.saved-name{color:#111827;font-size:14px;font-weight:500}.download-link{color:#111827;background-color:#fff;border:1px solid #4b5563;border-radius:9999px;padding:6px 10px;font-size:13px}.download-link:hover{background-color:#f3f4f6}.saved-preview img{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;max-width:100%;height:auto;display:block}@media (max-width:640px){.container{padding:20px}.actions{flex-direction:column-reverse;align-items:stretch}.btn-primary,.btn-secondary{text-align:center;width:100%}}