.signature-maker *{box-sizing:border-box}.signature-maker{color:#0b2c3d;font:16px/1.5 Arial,Helvetica,sans-serif}.signature-maker h1{font-size:clamp(26px,4vw,38px);line-height:1.2;margin:8px 0}.signature-maker h2{font-size:20px;font-weight:700;line-height:1.3;margin:24px 0 10px}.signature-maker .panel > h2:first-child{margin-top:0}.signature-maker .eyebrow{color:#2f6d8a;font-size:13px;letter-spacing:.1em;font-weight:bold;text-transform:uppercase}.signature-maker .layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:24px;margin-top:25px;align-items:start}.signature-maker .panel{background:#fff;border:1px solid #d7e4e8;border-radius:10px;padding:22px;min-width:0}.signature-maker label{display:block;font-weight:bold;margin:12px 0 4px}.signature-maker input:not([type=checkbox]){display:block;width:100%;padding:10px;border:1px solid #94aab3;border-radius:5px;font:inherit}.signature-maker .color-pair{display:flex;align-items:center;gap:10px}.signature-maker .color-pair input[type=color]{flex:0 0 48px;width:48px;height:44px;padding:3px;cursor:pointer}.signature-maker .color-pair input[type=text]{flex:1;min-width:0;width:100%}.signature-maker input:focus,.signature-maker button:focus,.signature-maker summary:focus{outline:3px solid #73adca;outline-offset:2px}.signature-maker summary{font-weight:bold;cursor:pointer;margin:20px 0 8px}.signature-maker .check{display:flex;gap:8px;font-weight:normal}.signature-maker .check input{margin-top:5px}.signature-maker .hint{font-size:16px;color:#46616d}.signature-maker .preview{padding:12px;border:1px solid #d7e4e8;margin:12px 0 20px;overflow-wrap:anywhere}.signature-maker .buttons{display:flex;gap:8px;flex-wrap:wrap}.signature-maker button{background:#123c52;color:white;border:0;border-radius:5px;padding:10px 13px;font:700 16px Arial;cursor:pointer}.signature-maker button.secondary{color:#123c52;background:#e8f0f3;border:1px solid #aac0ca}.signature-maker textarea{width:100%;min-height:150px;padding:10px;font:16px/1.5 Arial;border:1px solid #94aab3}.signature-maker #status{min-height:24px;font-weight:bold}@media(max-width:750px){.signature-maker .layout{grid-template-columns:1fr}.signature-maker .panel{padding:16px}}