:root{font-family:Inter,system-ui,sans-serif;color:#20322e;background:#f5f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1200px;margin:auto;padding:25px 32px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:22px;font-weight:750;color:inherit;text-decoration:none}button,select,input{font:inherit}button{cursor:pointer;border:1px solid #bac9c2;border-radius:8px;background:white;color:#20322e;padding:11px 15px}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #cd8f43;outline-offset:3px}nav button{padding:6px 10px;border:0;background:transparent}nav button[aria-pressed=true]{background:#dce9e2}main{max-width:1136px;margin:auto;padding:20px 24px}.intro{max-width:760px;margin:16px 0 32px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2px;color:#517366;font-weight:700}h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.8px;line-height:1.1;margin:16px 0}p{line-height:1.55;color:#5b6a63;font-size:14px}.intro p{font-size:17px;max-width:660px}.privacy{font-size:12px;color:#43745b}.workspace{display:grid;grid-template-columns:360px 1fr;gap:22px}.panel{background:#fff;border:1px solid #dee5df;border-radius:16px;padding:24px;box-shadow:0 5px 20px #20322e04}h2{font-size:16px;margin:0 0 18px}.controls>label{display:block;font-size:13px;font-weight:650;margin-top:17px}.drop{border:1px dashed #90ab9a;padding:20px;background:#f5f9f5;border-radius:10px;text-align:center;cursor:pointer}.drop span{display:block;font-size:12px;color:#66786d;margin:8px}.drop input{max-width:100%;font-size:12px}select{width:100%;padding:11px;border:1px solid #cbd6ce;border-radius:7px;background:white;margin-top:7px}.rules{background:#f4f6f1;padding:15px;margin:18px 0;border-radius:8px;font-size:13px}.rules p{font-size:12px}.rules a{color:#27664c}#adjust label{display:block;font-size:13px;margin:12px 0}input[type=range]{width:100%;accent-color:#226047}input[type=checkbox]{accent-color:#226047;margin-right:8px}.arrows{display:flex;gap:5px}.arrows button{padding:7px 10px}.preview-top{display:flex;justify-content:space-between}.preview-top span{font-size:11px;background:#f3ead9;color:#78592f;padding:6px 10px;border-radius:20px;height:fit-content}.canvas-wrap{background:repeating-conic-gradient(#e9ece6 0% 25%,#f1f3ed 0% 50%) 50%/20px 20px;min-height:320px;display:flex;justify-content:center;align-items:center;position:relative;border-radius:10px;overflow:hidden}canvas{max-width:100%;width:auto;height:340px;touch-action:none;cursor:move}#empty{position:absolute;background:#f1f4ee;padding:25px;color:#6a796c;pointer-events:none}.export{border-top:1px solid #e1e7e0;padding-top:20px;margin-top:20px}.downloads{display:flex;gap:8px;flex-wrap:wrap}.downloads button{font-size:12px}.pay{display:flex;align-items:center;gap:12px;background:#edf4ee;padding:17px;border-radius:10px;margin-top:20px}.pay>div{flex:1}.pay p{font-size:12px;margin:5px 0}.pay select{width:75px;margin:0}.pay button{background:#235e46;color:white;border:0}.disclaimer{font-size:13px;line-height:1.6;background:#ecefe8;border-left:3px solid #93a888;padding:18px;margin:24px 0}.quiet{font-size:12px;background:transparent}#warnings{color:#90600f}#status{min-height:22px}@media(max-width:760px){header{padding:20px}.workspace{grid-template-columns:1fr}.intro{margin-top:0}main{padding:12px 18px}.panel{padding:20px}.pay{flex-wrap:wrap}canvas{height:300px}.canvas-wrap{min-height:300px}}

[hidden]{display:none!important}.downloads.unlocked button{background:#235e46;color:white;border-color:#235e46}#paidState{color:#235e46;font-weight:700;background:#edf4ee;padding:14px;border-radius:8px}

.payment-note{font-size:.78rem;color:#65736d;max-width:360px;line-height:1.45;margin:.35rem 0}

.seo{max-width:850px;margin:3rem auto;padding:1rem;line-height:1.6}.seo details{padding:.6rem 0}.seo summary{cursor:pointer;font-weight:600}