*{box-sizing:border-box}html,body,#__next{height:100%;margin:0;padding:0}body{color:#1c1a17;background:#efe9df;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}.page{flex-direction:column;width:100%;height:100vh;display:flex}.header{z-index:10;background:#efe9df;border-bottom:1px solid #d8d0bf;flex-wrap:wrap;align-items:center;gap:16px;padding:18px 24px;display:flex}.header h1{letter-spacing:.02em;white-space:nowrap;margin:0 24px 0 0;font-size:20px;font-weight:600}.field{flex-direction:column;gap:4px;display:flex}.field label{text-transform:uppercase;letter-spacing:.08em;color:#6b6355;font-size:11px}.field input{color:#1c1a17;background:#fbf9f4;border:1px solid #c9c0ac;border-radius:3px;min-width:200px;padding:8px 10px;font-family:inherit;font-size:15px}.field input:focus{outline-offset:1px;outline:2px solid #4a4335}.canvas-wrap{border-top:1px solid #d8d0bf;border-bottom:1px solid #d8d0bf;flex:1;min-height:0;position:relative}.footer{background:#efe9df;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.status{color:#6b6355;min-height:18px;font-size:13px}.status.error{color:#8c3a2b}.status.success{color:#3a5a3a}.submit-btn{letter-spacing:.02em;color:#efe9df;cursor:pointer;background:#1c1a17;border:none;border-radius:3px;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:600}.submit-btn:disabled{opacity:.5;cursor:default}.submit-btn:not(:disabled):hover{background:#33302a}.clear-btn{color:#6b6355;cursor:pointer;background:0 0;border:1px solid #c9c0ac;border-radius:3px;padding:8px 14px;font-family:inherit;font-size:13px}.clear-btn:hover{background:#e3dccb}