*{box-sizing:border-box}body{margin:0;font:15px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button{cursor:pointer;min-height:44px;padding:10px 14px;border:1px solid var(--xds-line);border-radius:9px;background:var(--xds-panel);color:var(--xds-ink)}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}main{max-width:1260px;margin:auto;padding:26px 40px 60px;min-width:0}.skip{position:absolute;top:-100px;left:12px;padding:12px;background:var(--xds-panel);z-index:100}.skip:focus{top:10px}.xds-header{padding:24px 40px;flex-wrap:wrap}.xds-header>a{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:700}.language-picker{margin-left:auto;position:relative;font-size:13px}.language-picker summary{cursor:pointer;border:1px solid var(--xds-line);border-radius:24px;padding:10px 18px;min-height:44px}.language-picker nav{position:absolute;right:0;top:50px;background:var(--xds-panel);border:1px solid var(--xds-line);border-radius:14px;width:180px;padding:8px;z-index:10;display:grid}.language-picker a{padding:8px 12px;text-decoration:none}.xds-theme{font-size:13px}.breadcrumbs{font-size:12px;color:var(--xds-muted);margin-bottom:30px}.hero{max-width:850px}.hero h1{font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-1.4px;margin:16px 0}.hero>p{color:var(--xds-muted)}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700}.local-note,.hint{font-size:12px;color:var(--xds-muted)}.tool-navigation{display:flex;overflow-x:auto;gap:8px;margin-top:20px;padding:12px 0 24px}.tool-navigation a{flex:none;padding:9px 16px;border:1px solid var(--xds-line);border-radius:24px;font-size:12px;text-decoration:none}.tool-navigation a[aria-current],.tool-navigation a:hover{background:var(--xds-soft);border-color:var(--xds-green)}.signature-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start}.signature-workspace>*{min-width:0}h2{font-size:22px;letter-spacing:-.5px;margin:0 0 20px}h3{font-size:16px}p{overflow-wrap:anywhere}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;margin:14px 0;min-width:0}input,select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--xds-line);border-radius:9px;color:var(--xds-ink);background:var(--xds-panel)}input[type=color]{padding:4px}.check{flex-direction:row;align-items:center}.check input{width:18px;min-height:18px;flex:none}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fields label{margin-bottom:0}.preview-options{margin-top:24px}.preview-options>label{max-width:300px}#canvas-surface{border:1px solid var(--xds-line);border-radius:12px;overflow:hidden}#signature-canvas{display:block;width:100%;height:auto;aspect-ratio:5/2;touch-action:none;cursor:crosshair}.output-preview{display:flex;align-items:center;justify-content:center;min-height:160px;border:1px solid var(--xds-line);border-radius:12px;margin:24px 0;padding:12px}.output-preview canvas{max-width:100%;max-height:260px;width:auto;height:auto;display:block}#canvas-surface[data-surface=transparent],#output-surface[data-surface=transparent]{background-color:#fff;background-image:conic-gradient(#e8e8e8 25%,transparent 0 50%,#e8e8e8 0 75%,transparent 0);background-size:18px 18px}#canvas-surface[data-surface=white],#output-surface[data-surface=white]{background:#fff}#canvas-surface[data-surface=dark],#output-surface[data-surface=dark]{background:#202824}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.actions button{font-size:12px}.downloads{flex-direction:column;align-items:stretch}fieldset{border:0;padding:20px 0 0;margin:20px 0 0;border-top:1px solid var(--xds-line)}legend{font-size:13px;font-weight:700;padding-top:20px}.crop-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.security-note{padding-top:18px;border-top:1px solid var(--xds-line);font-size:12px}.guide{margin-top:32px}.guide p,.legal p{max-width:80ch}.legal{max-width:850px;margin:30px auto}.xds-footer{max-width:1260px;margin:auto;font-size:13px}#print-area{display:none}#status{font-size:12px;min-height:22px}#error{font-size:13px;overflow-wrap:anywhere}
@media(max-width:1024px){main{padding:24px}.signature-workspace{gap:16px}.xds-card{padding:20px}}
@media(max-width:768px){.signature-workspace{grid-template-columns:minmax(0,1fr)}.xds-header{padding:20px;gap:12px}.xds-header>a img{width:130px}.language-picker{margin-left:0}.xds-theme{font-size:12px}.downloads{flex-direction:row}.crop-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){main{padding:20px 14px}.xds-header{padding:16px 14px}.xds-header>a{width:100%}.fields{grid-template-columns:minmax(0,1fr);gap:0}.xds-card{padding:18px}.actions button{max-width:100%;white-space:normal}.downloads{flex-direction:column}}
@media print{body>*:not(main),main>*:not(#print-area){display:none!important}html,body,main{margin:0!important;padding:0!important;background:#fff!important;color:#000!important;max-width:none!important}#print-area{display:block!important}#print-image{display:block;max-width:100%;max-height:90vh;width:auto;height:auto;margin:auto}@page{margin:16mm}}