body,html{box-sizing:border-box;margin:0;padding:0}main{padding:0 20px 40px}main .container{width:100%;max-width:1000px;display:flex}main .container form{flex-direction:column;gap:20px;width:100%;display:flex}main .container form .inputs{flex-flow:wrap;gap:30px;display:flex}main .container form .inputs>div{flex-direction:column;flex:280px;min-width:0;display:flex}main .container form .inputs textarea{box-sizing:border-box;resize:vertical;width:100%}main .container form .inputs button{width:fit-content;margin-top:8px}main .container form label{margin-bottom:5px}main .container form fieldset{flex-direction:column;gap:8px;display:flex}main .container form fieldset .desc{line-height:10px}main .container form .grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}main .container form .field{flex-direction:column;gap:4px;margin:0;display:flex}main .container form .field.check{flex-direction:row;align-items:center;gap:8px}main .container form .field input[type=color]{cursor:pointer;width:100%;height:32px;padding:0}main .container form .preview{flex-direction:column;gap:6px;display:flex}main .container form .preview canvas{background:#eee;border:1px solid #ccc;width:100%;max-width:200rem;height:auto;display:block}main .container form .preview p{margin:0;font-size:14px}main .container form .summary{font-size:14px}main .container form .submit{flex-direction:column;gap:10px;width:260px;display:flex}main .container form button{text-align:center;cursor:pointer;justify-content:center;align-items:center;width:100%;height:fit-content;padding:10px 20px;display:flex}main .container form .progress{margin:0;font-size:14px}main .container form .error{color:#c0392b;margin:0;font-size:14px}footer{border-top:1px solid #000;flex-direction:row;justify-content:center;align-items:center;gap:5px;margin-top:30px;font-size:14px;display:flex}