:root{color:#121c33;font-synthesis:none;background:#f3f4f5;font-family:Aptos,Segoe UI,Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.page{min-height:100vh}.header{background:#15546a;align-items:center;height:90px;padding:0 max(24px,50vw - 490px);display:flex}.header a,.header img{display:block}.header img{width:216px;height:auto}.tool{background:#fff;border:1px solid #d9dde1;border-radius:10px;width:min(980px,100% - 40px);margin:48px auto;padding:36px}.title{margin-bottom:32px}.title h1{margin:0 0 8px;font-size:28px;line-height:1.2}.title p,.help{color:#5f6876;margin:0;line-height:1.5}.layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:44px;display:grid}.form{gap:18px;display:grid}.form label{gap:7px;font-size:14px;font-weight:600;display:grid}.form input{color:#121c33;background:#fff;border:1px solid #bdc4cb;border-radius:5px;outline:none;width:100%;height:44px;padding:0 12px}.form input:focus{border-color:#0086f0;box-shadow:0 0 0 3px #0086f024}.form input::placeholder{color:#9299a2}.form button{color:#121c33;cursor:pointer;background:#ffb511;border:0;border-radius:5px;height:44px;font-weight:700}.form button:hover:not(:disabled){background:#ffc132}.form button:focus-visible{outline-offset:2px;outline:3px solid #0086f059}.form button:disabled{cursor:not-allowed;opacity:.45}.preview{min-width:0}.preview h2{margin:0 0 16px;font-size:16px}.signature{background:#fff;border:1px solid #e0e3e6;min-height:245px;padding:22px;overflow-x:auto}.empty-preview{color:#7b838d;text-align:center;place-items:center;font-size:14px;display:grid}.help{border-top:1px solid #e0e3e6;margin-top:32px;padding-top:20px;font-size:14px}@media (width<=760px){.header{height:78px}.header img{width:190px}.tool{width:min(100% - 24px,980px);margin:24px auto;padding:24px 18px}.layout{grid-template-columns:1fr;gap:32px}.signature{padding:14px}}