@import url('data:text/css,');
:root{font-family:Arial,sans-serif;color:#27352e;background:#f5f2e9}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;background:transparent;border:1px solid #ccd0c4;padding:11px 15px;border-radius:5px;color:inherit}button:hover{background:#e6e9dd}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bc632f;outline-offset:2px}header{display:flex;align-items:center;justify-content:space-between;padding:25px 4%;border-bottom:1px solid #dcded2}.brand{display:flex;gap:12px;color:#234e3d;text-decoration:none;font-size:32px;font-weight:bold;letter-spacing:3px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:6px}.tag,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.tag{color:#748071}.intro{display:flex;justify-content:space-between;align-items:center;padding:48px 4% 38px}.eyebrow{color:#a95c35}h1{font-family:Georgia,serif;font-size:54px;font-weight:400;line-height:1.08;margin:18px 0}h1 em{color:#32664b}p{line-height:1.6;color:#738072}.steps{display:flex;gap:35px;margin-right:4%}.steps b{font-family:Georgia,serif;color:#b76c41;font-size:34px;font-weight:400}.steps span{display:block;color:#758071;font:12px Arial;margin-top:10px}.workspace{display:grid;grid-template-columns:260px minmax(350px,1fr) 300px;border-top:1px solid #d9dccf;margin:0 3%}.workspace>aside{padding:24px 18px}.workspace>aside:first-child{border-right:1px solid #d9dccf}.editor{border-left:1px solid #d9dccf;max-height:1280px;overflow:auto}h2{font-family:Georgia,serif;font-size:22px;font-weight:400;margin:5px 0 16px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title h2{margin:0}.section-title span{font-size:10px;color:#8e9788}.section-title button{padding:2px 8px}label{display:block;font-size:11px;font-weight:700;letter-spacing:.3px;margin:15px 0}input,textarea,select{display:block;width:100%;padding:10px;border:1px solid #d7d9cc;background:#faf9f3;color:#344236;border-radius:4px;margin-top:7px}textarea{resize:vertical;min-height:65px;font-size:12px;line-height:1.5}.upload{border:1px dashed #8b9d87;padding:20px 9px;text-align:center;cursor:pointer;background:#eaeee2}.upload input{margin-top:14px;font-size:10px}.text{border:0;text-decoration:underline;font-size:11px;padding:0 0 12px}.hint{font-size:11px;line-height:1.7;color:#7c8676}.primary{background:#28533e;color:white;width:100%;margin-top:18px}.primary:hover{background:#376e53}.character{padding-bottom:10px;border-bottom:1px solid #ddd}.character input[type=color]{height:33px;padding:2px}.character input{margin-top:5px;font-size:12px}article{padding:25px}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center}.toolbar .eyebrow{margin:0}.toolbar h2{margin-top:8px}.exports{display:flex;gap:6px}.exports button{font-size:11px;padding:9px}.canvas-wrap{padding:22px;background:#e6e7dc;border-radius:4px}canvas{display:block;width:100%;height:auto;box-shadow:0 5px 18px #38433422}.under{display:flex;justify-content:space-between;align-items:center;margin-top:13px;gap:8px}.under span{font-size:9px;letter-spacing:1px;color:#819078}.under button{border:0;font-size:10px;padding:4px}.panel-edit{border-top:1px solid #d9dccf;padding:14px 0}.panel-edit summary{font-size:12px;cursor:pointer;font-weight:bold}.panel-edit label{font-size:10px;margin:10px 0}#status{font-size:12px;color:#94502e;min-height:20px}footer{margin:25px 4%;padding:22px 0;border-top:1px solid #ddd;font-size:10px;letter-spacing:2px}footer span{float:right;color:#829078;letter-spacing:0}@media(min-width:1600px){.workspace{grid-template-columns:290px minmax(400px,1fr) 330px;max-width:1700px;margin:auto}}@media(max-width:1100px){.workspace{grid-template-columns:230px 1fr}.editor{grid-column:1/-1;max-height:none;display:block;border-left:0}.tag{display:none}.steps{gap:18px}}@media(max-width:650px){header{padding:18px}.brand{font-size:23px}header button{font-size:10px}.intro{padding:25px 6%}h1{font-size:39px}.steps{display:none}.workspace{display:flex;flex-direction:column}.workspace>aside:first-child{border-right:0}article{padding:12px}.canvas-wrap{padding:10px}.intro p{font-size:12px}.toolbar h2{font-size:18px}.exports button{font-size:10px}}