.sig-creator{color:var(--ink);padding:48px 0 88px}.sig-hero{text-align:center}.sig-hero .crumbs{justify-content:center;margin-bottom:14px}.sig-hero h1{max-width:16em;font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:8px auto 0;font-size:clamp(36px,5vw,48px);font-weight:600;line-height:1.05}.sig-hero .lede{max-width:40rem;margin:16px auto 0;font-size:20px;line-height:1.5}.sig-stage{margin-top:40px}.sig-card{background:#fff;border:1px solid #f3f4f6;border-radius:24px;overflow:hidden;box-shadow:0 20px 25px -5px #10213a14,0 8px 10px -6px #10213a0f}.sig-toolbar,.sig-footer{background:#f9fafb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.sig-toolbar{border-bottom:1px solid #f3f4f6;padding:16px}.sig-tools,.sig-actions,.sig-colors{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sig-label,.sig-size{color:#6b7280;letter-spacing:.06em;text-transform:uppercase;font-size:14px;font-weight:700}.sig-label{margin-right:4px}.sig-size{align-items:center;gap:8px;margin:0;display:inline-flex}.sig-size input{width:112px;accent-color:var(--blue);cursor:pointer}.sig-color{cursor:pointer;border:0;border-radius:999px;width:32px;height:32px;padding:0}.sig-color.is-selected{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--blue)}.sig-color-black{background:#000}.sig-color-blue{background:#2563eb}.sig-color-red{background:#dc2626}.sig-divider{background:#d1d5db;width:1px;height:16px}.sig-text{color:#4b5563;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 2px;font-size:14px;font-weight:500;display:inline-flex}.sig-text svg,.sig-download svg{flex:none;display:block}.sig-text svg{width:16px;height:16px}.sig-undo:hover{color:var(--blue)}.sig-clear:hover{color:#dc2626}.sig-canvas{cursor:crosshair;touch-action:none;user-select:none;background:#fff;position:relative}.sig-canvas canvas{touch-action:none;width:100%;height:300px;display:block}.sig-type{background:#fff;flex-direction:column;gap:8px;padding:16px 24px 0;display:flex}.sig-type label{color:var(--ink);font-size:14px;font-weight:600}.sig-type input{width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d8e3f0;border-radius:12px;padding:8px 12px;font-size:16px}.sig-typed-preview{color:#000;text-align:center;overflow-wrap:anywhere;margin:0;font-family:Segoe Script,Brush Script MT,Snell Roundhand,Bradley Hand,cursive;font-size:48px;line-height:1.15}.sig-source{color:#334155;margin:0;font-size:14px;font-weight:600;line-height:1.45}.sig-watermark{color:#9ca3af;text-align:center;opacity:.2;pointer-events:none;user-select:none;font-family:Segoe Script,Brush Script MT,Snell Roundhand,Bradley Hand,cursive;font-size:36px;line-height:1;transition:opacity .16s;position:absolute;bottom:16px;left:0;right:0}.sig-tool[data-inked=true] .sig-watermark{opacity:0}.sig-footer{border-top:1px solid #f3f4f6;padding:24px}.sig-status{color:#6b7280;font-size:14px;font-style:italic}.sig-tool[data-warned=true] .sig-status{color:var(--ink);font-weight:600}.sig-downloads{flex-wrap:wrap;gap:12px;display:flex}.sig-download{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 24px;font-size:16px;font-weight:600;display:inline-flex}.sig-download svg{width:20px;height:20px}.sig-svg{color:#374151;background:#fff;border:1px solid #e5e7eb}.sig-svg:hover{background:#f9fafb;border-color:#d1d5db}.sig-png{background:var(--blue);color:#fff;border:0;box-shadow:0 10px 18px #00327d2e}.sig-png:hover{background:var(--deep)}.sig-callout{background:var(--ice);text-align:center;border:1px solid #dbe7f5;border-radius:16px;margin-top:32px;padding:24px}.sig-callout-title{margin:0;font-size:18px;font-weight:700}.sig-callout p{max-width:42rem;color:var(--slate);margin:8px auto 0;line-height:1.6}.sig-callout a{color:var(--blue);text-underline-offset:3px;margin-top:14px;font-weight:700;text-decoration:underline;display:inline-block}.sig-notes{gap:32px;max-width:48rem;margin:72px auto 0;display:grid}.sig-notes h2{font-family:var(--display);letter-spacing:-.03em;font-size:28px;font-weight:600}.sig-notes p{color:var(--slate);margin-top:12px;line-height:1.7}.sig-creator :focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media (width<=640px){.sig-creator{padding-top:32px}.sig-hero .lede{font-size:18px}.sig-footer,.sig-downloads,.sig-download{width:100%}.sig-canvas canvas{height:240px}.sig-type{padding-left:16px;padding-right:16px}.sig-divider{display:none}}@media (prefers-reduced-motion:reduce){.sig-creator *,.sig-creator :before,.sig-creator :after{transition:none;animation:none}}