*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--site-bg);color:var(--site-ink);font-size:15px;line-height:1.6}
a{color:inherit}.signature-options-header{max-width:1180px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--site-line)}
.site-signature{display:flex;align-items:center;width:220px;height:60px;color:var(--site-ink)}.signature-logo{display:block;width:100%;height:auto}.signature-back{font-size:13px;text-underline-offset:4px}
main{max-width:1180px;margin:auto;padding:35px 24px}h1{font-size:34px;line-height:1.2;margin:0 0 16px}.signature-intro{max-width:660px;color:var(--site-muted);margin:0}#signature-status{font-size:13px;color:var(--site-muted);min-height:22px;margin:20px 0}
.signature-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.signature-option{min-width:0;padding:18px;border:1px solid var(--site-line);border-radius:12px;background:var(--site-surface)}
.signature-option>header{display:flex;align-items:center;gap:13px;margin-bottom:18px}.signature-option>header span{font-size:11px;color:var(--site-muted)}.signature-option h2{font-size:17px;margin:0;line-height:1.4}
.signature-light,.signature-dark{padding:20px 10px;border-radius:8px;background:#fafbf6;color:#233b37}.signature-dark{margin-top:9px;background:#16221e;color:#e6efea}
.signature-example{display:block;width:100%;height:auto}.signature-option>p{font-size:13px;color:var(--site-muted);margin:16px 0}.signature-option>footer{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between}
.signature-option button{min-height:44px;padding:11px 15px;border:1px solid var(--site-line);border-radius:6px;background:var(--site-subtle);color:var(--site-ink);font:500 13px var(--font-ui);cursor:pointer}
.signature-option button[aria-pressed="true"]{background:var(--site-accent);border-color:var(--site-accent);color:var(--site-on-accent)}.signature-option footer a{min-height:44px;display:flex;align-items:center;font-size:12px;text-underline-offset:4px}
.signature-page-footer{max-width:1180px;margin:0 auto;padding:0 24px 45px;font-size:14px}.signature-page-footer a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
:root[data-style="sketch"] .signature-option{border-radius:4px 15px 5px 10px;box-shadow:3px 4px 0 var(--site-subtle)}
@media(max-width:680px){.signature-options-header{padding:12px 16px;gap:15px}.site-signature{width:175px;height:48px}.signature-back{font-size:12px}main{padding:26px 16px}h1{font-size:29px}.signature-options-grid{grid-template-columns:1fr;gap:18px}.signature-option{padding:16px}.signature-light,.signature-dark{padding:14px 5px}.signature-page-footer{padding-inline:16px}}
@media(max-width:680px){.signature-options-header{padding-top:calc(12px + env(safe-area-inset-top,0px))}.signature-page-footer{padding-bottom:calc(45px + env(safe-area-inset-bottom,0px))}}