.signature-showcase{margin-top:36px;padding:25px;background:var(--paper);border-radius:20px}.signature-showcase h3{font-size:24px;margin:0 0 6px}.signature-showcase p{font-size:15px;max-width:60ch}.signature-overview{display:block;width:100%;height:auto;margin-top:20px}.signature-showcase .guidance{border-color:var(--stone);margin-top:20px}.signature-maker{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(230px,.9fr);gap:28px;align-items:start}.signature-preview{background:var(--stone);padding:18px;display:flex;justify-content:center;border-radius:10px;min-width:0}.signature-preview canvas{display:block;width:auto;height:auto;max-width:100%;max-height:460px;object-fit:contain}.signature-controls{display:grid;gap:15px;min-width:0}.signature-controls label{display:grid;gap:6px;font-size:13px;font-weight:600}.signature-controls input,.signature-controls select,.signature-controls textarea{width:100%;min-width:0;border:1px solid var(--stone);background:var(--white);color:var(--ink);padding:10px 12px;border-radius:4px;font:400 15px/1.4 var(--font-text)}.signature-controls textarea{resize:vertical;min-height:85px}.signature-controls input[type=file]{font-size:12px;padding:8px}.signature-controls :focus-visible{outline:2px solid var(--ink);outline-offset:3px}.signature-control-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signature-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}.signature-actions .btn{font-size:13px;padding:12px 18px}.signature-status{min-height:1.5em;font-size:13px!important;margin:0}.signature-controls [hidden],.signature-actions [hidden]{display:none!important}.signature-download-link{font-size:13px;color:var(--ink);font-weight:600;text-decoration:underline}.signature-meta{font-size:12px!important;color:var(--muted);margin:8px 0 0}.signature-tool-note{font-size:13px!important;margin-top:18px}.signature-link{font-size:13px;font-weight:600;text-decoration:underline;color:var(--ink)}
@media(max-width:640px){.signature-showcase{padding:18px;border-radius:14px}.signature-showcase h3{font-size:22px}.signature-overview{margin-top:14px}.signature-maker{grid-template-columns:1fr;gap:18px}.signature-preview canvas{max-height:350px}.signature-actions{gap:8px}.signature-actions .btn{width:100%;justify-content:center}.signature-control-pair{gap:8px}}

.signature-control-pair:has(#signature-surface-label[hidden]){grid-template-columns:1fr}