*{box-sizing:border-box}body{margin:0;background:#f1f4f3;color:#102a27;font:14px 'DM Sans',Arial}.id-header{height:66px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #dce5e2}.id-header a{color:#102a27;text-decoration:none}.id-header b{font:700 19px Outfit}.editor{display:grid;grid-template-columns:290px minmax(480px,1fr) 310px;min-height:calc(100vh - 66px)}.tools,.steps{background:#fff;padding:24px;border-right:1px solid #dce5e2}.steps{border-right:0;border-left:1px solid #dce5e2}.tools h2{margin:0 0 22px;font:700 27px Outfit}.tools label,.steps label{display:block;font-weight:700;font-size:12px;margin:14px 0}.tools input:not([type=checkbox]),.steps input{display:block;width:100%;margin-top:6px;border:1px solid #cad7d3;border-radius:7px;padding:10px;font:14px 'DM Sans'}.tools input[type=color]{height:38px;padding:2px}.tabs{display:flex;gap:8px;margin-top:7px}.tabs button,.light{border:1px solid #c9d7d2;background:#fff;padding:9px 12px;border-radius:7px;cursor:pointer}.tabs .active{background:#103b36;color:#fff}.work{padding:28px;display:flex;flex-direction:column;align-items:center}.work-top{width:100%;display:flex;justify-content:space-between}.work-top button,.steps>button,.steps form button{background:#13a4ea;border:0;color:#fff;padding:11px 16px;border-radius:7px;font-weight:700;cursor:pointer}.canvas-wrap{margin:24px auto;max-width:min(500px,100%);background:#d9e1df;padding:12px;border-radius:12px;box-shadow:0 18px 35px #102a2733}.canvas-wrap canvas{display:block;width:100%;height:auto;background:#fff;border-radius:7px}.work p{color:#6b7c78}.steps p{border-bottom:1px solid #e5ece9;padding:10px 0;margin:0}.steps form{margin-top:22px;padding-top:16px;border-top:1px solid #dce5e2}.steps form button{width:100%;background:#103b36}.error{background:#ffe4df;color:#a43b2e;padding:10px;border-radius:7px}.done{max-width:660px;margin:100px auto;background:#fff;padding:50px;border-radius:15px;text-align:center}.done h1{font:700 42px Outfit}.done a{display:inline-block;background:#103b36;color:#fff;text-decoration:none;padding:13px 18px;border-radius:7px}@media(max-width:1000px){.editor{grid-template-columns:260px 1fr}.steps{grid-column:1/-1;border-left:0;border-top:1px solid #dce5e2;display:grid;grid-template-columns:1fr 1fr;gap:10px}.steps form{margin-top:0;padding-top:0;border:0}}@media(max-width:680px){.id-header{padding:0 14px}.id-header span{display:none}.editor{display:block}.tools,.steps{border:0}.work{padding:18px}.tools label{margin:10px 0}.canvas-wrap{margin:15px 0}.steps{display:block}}