*{box-sizing:border-box}body{margin:0;background:#f5f5f0;color:#242923;font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}header{height:86px;border-bottom:1px solid #dedfd7;display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand{color:inherit;text-decoration:none;font-size:36px;font-weight:bold;display:flex;align-items:center;gap:9px}.brand span{font-size:24px;color:#789147}.brand strong{font-size:25px;letter-spacing:-1px}.brand small{font-size:9px;letter-spacing:1.5px;font-weight:normal;margin-left:20px}.privacy{font-size:12px;color:#767c70}.primary{background:#d9ed96;border-radius:6px;padding:14px 23px;font-weight:bold}main{max-width:1520px;margin:auto;padding:40px 4vw 20px}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:2px;color:#758168}h1{font-size:48px;font-weight:500;letter-spacing:-2px;line-height:1.06;margin:14px 0 0}.intro p{color:#7b8075;font-size:15px;line-height:1.6}.editor{border:1px solid #dbddd2;border-radius:10px;display:grid;grid-template-columns:280px 1fr;overflow:hidden;background:#fff}aside{padding:24px;border-right:1px solid #dedfd7}.step{font-size:13px;font-weight:bold;margin:4px 0 18px}.step:not(:first-child){margin-top:24px}.step span{color:#8d947c;font-size:10px;margin-right:10px}.upload{display:block;text-align:center;border:1px dashed #b7bfaa;border-radius:7px;background:#f8faf2;padding:19px 7px!important;font-size:19px!important;cursor:pointer}.upload b{font-size:12px}.upload small{display:block;font-size:9px;color:#929781;margin-top:10px}.quiet{background:none;font-size:10px;padding:12px 0;color:#737c65}label{display:block;font-size:11px;color:#707869;margin:13px 0 7px}textarea,select{width:100%;border:1px solid #dce0d3;border-radius:5px;background:white;padding:10px;color:#343a2c}textarea{resize:vertical;font-size:17px}.pair{display:flex;gap:20px}.pair label{width:50%}input[type=color]{display:block;width:100%;height:31px;padding:2px;border:1px solid #dce0d3;background:white;border-radius:4px;margin-top:7px}input[type=range]{width:100%;accent-color:#6d8545;height:10px}output{float:right}.outline{border:1px solid #cfd6bf;background:#f3f7e9;border-radius:5px;padding:11px;width:100%;font-size:12px}.hint{display:block;color:#8d9582;font-size:10px;line-height:1.5;margin:9px 0}.tools{display:flex;gap:4px;margin-top:10px}.tools button{background:#f0f2e9;color:#6b735d;padding:8px;border-radius:4px;flex:1;font-size:10px}.tools button.selected{background:#dce9c4;color:#344520}.check{display:flex;align-items:center;gap:5px}.workspace{background:#eeefe9;display:flex;flex-direction:column;min-width:0}.workspace-top,.workspace-bottom{display:flex;justify-content:space-between;align-items:center;padding:19px 25px;color:#7e8575;font-size:10px}.workspace-top span{letter-spacing:1.4px}.workspace-top i{display:inline-block;width:5px;height:5px;background:#8ba15d;border-radius:50%;margin-right:5px}.workspace-top button{font-size:10px;background:transparent;color:#7e8575}.stage{flex:1;min-height:650px;padding:8px 30px;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(#d8dccf .7px,transparent .7px);background-size:12px 12px}canvas{display:block;max-width:100%;max-height:700px;box-shadow:0 12px 35px #27382120;touch-action:none;cursor:move}.workspace-bottom{font-size:9px;gap:10px}#status{font-size:11px;color:#73825b;padding:16px 0}footer{display:flex;justify-content:space-between;border-top:1px solid #dedfd7;padding-top:18px;font-size:10px;color:#8c9182}footer span:last-child{letter-spacing:1.5px}@media(max-width:800px){header{padding:0 20px}.brand small,.privacy{display:none}main{padding:25px 18px}.intro p{display:none}h1{font-size:38px}.editor{grid-template-columns:1fr}.workspace{grid-row:1}.stage{min-height:400px;padding:10px}canvas{max-height:500px}aside{border-right:0}.workspace-bottom span:nth-child(2){display:none}}
#status{position:sticky;bottom:10px;background:#f5f8eb;border:1px solid #d3ddbd;border-radius:6px;padding:12px 16px;z-index:5;margin:12px 0;line-height:1.5}#graphic-controls[hidden]{display:none}