*{box-sizing:border-box}body{margin:0;background:#f1f3ef;color:#18322b;font:14px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}header{height:76px;background:#fff;border-bottom:1px solid #dde3da;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:16px}header strong{font-size:23px;white-space:nowrap}small{font-size:13px;font-weight:400;color:#6b7d70}nav,.row,.inline{display:flex;gap:8px;align-items:center}button,.button,select,input,textarea{font:inherit}button,.button{display:inline-block;cursor:pointer;padding:10px 12px;background:#fff;border:1px solid #d5ded2;border-radius:8px;color:#18322b;text-align:center;text-decoration:none}button:hover,.button:hover{background:#eff5e3}button:disabled{opacity:.35}.primary{background:#d9ef76;border:0;font-weight:700}main{display:grid;grid-template-columns:260px minmax(350px,1fr) 240px;height:calc(100vh - 76px)}aside{background:white;overflow:auto;padding:22px;border-right:1px solid #dbe3d6}.properties{border-right:0;border-left:1px solid #dbe3d6}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#70816c;margin:2px 0 16px}.eyebrow:not(:first-child){margin-top:26px}.hint{font-size:12px;line-height:1.7;color:#788372}label{display:block;font-size:12px;margin:10px 0}input:not([type=checkbox]):not([type=color]):not([type=range]),select,textarea{width:100%;border:1px solid #d9e0d4;border-radius:6px;padding:8px;margin-top:5px;background:#fff;color:#18322b}input[type=color]{width:40px;height:30px;padding:0;border:0}input[type=range]{width:100px;accent-color:#395c3b}.row label{flex:1;min-width:0}.tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tools label{margin:0}.tools button,.tools .button{font-size:12px;padding:10px 5px}.upload{display:block}.workspace{min-width:0;display:flex;flex-direction:column;padding:18px}.canvasbar{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;padding-bottom:10px}.canvasbar label{margin:0;display:flex;align-items:center;gap:5px}.canvasbar select{margin:0;width:80px}#viewport{overflow:auto;flex:1;background:repeating-conic-gradient(#e5e9e2 0% 25%,#f0f2ed 0% 50%) 0 0/20px 20px;padding:30px;display:block}#canvas{display:block;background:white;box-shadow:0 4px 30px #102f1820;touch-action:none;max-width:none}#status{font-size:12px;line-height:1.5;margin:12px 0 0}#layers button{display:block;width:100%;text-align:left;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#layers button.active{border-color:#214c39;background:#ecf5df}.legacy{display:block;font-size:12px;margin-top:20px;color:#617565}#demo{width:100%;margin-top:12px}#penTools button{font-size:11px;padding:7px}.properties .button{font-size:12px}#empty{color:#85907e;font-size:13px} [hidden]{display:none!important}@media(max-width:1000px){main{grid-template-columns:210px minmax(280px,1fr) 200px}aside{padding:14px}header{height:auto;min-height:76px;flex-wrap:wrap;padding:12px}nav{flex-wrap:wrap}}@media(max-width:760px){main{display:flex;flex-direction:column;height:auto}.workspace{min-height:650px;order:-1}#viewport{height:550px}aside{overflow:visible}.canvasbar{flex-wrap:wrap}}