*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#f7f9fb;color:#1b1f23}#root{height:100%}.app{width:100%;max-width:1200px;margin:0 auto;padding:16px 16px 24px;height:100%;display:flex;flex-direction:column}h1{margin:0 0 12px;font-size:20px;flex-shrink:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px;box-shadow:0 1px 3px #0000000d}label{display:block;font-size:12px;color:#55606f;margin-bottom:4px}input,select{width:100%;padding:8px;border-radius:6px;border:1px solid #ccd5e0;font-size:14px}.row{display:flex;gap:8px;flex-wrap:wrap}.row>div{flex:1;min-width:160px}.layout{display:flex;align-items:stretch;gap:12px;width:100%;flex:1;min-height:0}.form-pane{display:flex;flex-direction:column;gap:12px;flex:0 0 340px;min-width:0;overflow-y:auto}.preview-pane{flex:1;min-height:0;display:flex;flex-direction:column;align-self:stretch;height:100%}.preview-card{flex:1;display:flex;flex-direction:column;min-height:0;height:100%}.preview-card .section-title,.preview-card .actions{flex-shrink:0}button{background:#0f766e;color:#fff;border:none;border-radius:8px;padding:12px 16px;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.actions{margin:12px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pdf{width:100%;flex:1;min-height:0;border:1px solid #e2e8f0;border-radius:10px}.badge{padding:4px 8px;background:#e0f2f1;color:#0f766e;border-radius:6px;font-size:12px}.section-title{font-weight:600;margin-bottom:6px}.input-with-action{display:flex;align-items:stretch;gap:6px;width:100%}.input-with-action input{flex:9;width:auto}.sign-button{flex:1;display:inline-flex;justify-content:center;align-items:center;background:#f8fafc;color:#1b1f23;border:1px solid #ccd5e0;border-radius:6px;padding:0 8px;font-weight:600;min-height:36px;min-width:40px;cursor:pointer}.sign-button:focus{outline:2px solid #0f766e;outline-offset:1px}.sign-button:active{background:#e2e8f0}@media (max-width: 1080px){.app{padding:12px}.layout{flex-direction:column;align-items:stretch}.form-pane{flex:0 1 auto;overflow-y:visible}.preview-pane{flex:1;min-height:50vh}.preview-card{min-height:50vh;height:100%}button{width:auto}}@media (max-width: 640px){h1{font-size:18px}.card{padding:12px}input,select{padding:10px;font-size:15px}button{width:100%;font-size:15px;padding:14px}.actions{flex-direction:column;align-items:stretch}.row{gap:6px}.row>div{min-width:100%}.input-with-action{gap:4px}.input-with-action input{flex:9}.sign-button{flex:1;min-width:32px;min-height:32px;padding:0 6px;font-size:14px}}