:root{--wa:#1a8f68;--wa2:#39ad78;--ink:#193029}.wa-page{max-width:1120px}.wa-hero{background:linear-gradient(135deg,#eafaf3,#eff8f5)}.wa-note{margin-bottom:18px;padding:13px 16px;border-left:4px solid var(--wa);background:#eefaf5;border-radius:0 10px 10px 0;color:#3f695a;font-size:.79rem}.wa-banner{display:none;margin-bottom:15px;padding:13px 16px;border:1px solid #ffc7c1;background:#fff0ef;color:#a82d25;border-radius:11px}.wa-banner.show{display:block}.wa-shell{overflow:hidden;background:#fff;border:1px solid #dbe9e4;border-radius:20px;box-shadow:0 18px 55px #263d3517}.wa-upload{position:relative;margin:20px;padding:48px 20px;text-align:center;border:2px dashed #b6d4c8;border-radius:16px;background:linear-gradient(145deg,#fcfffd,#ecf9f3)}.wa-upload.drag,.wa-upload:hover{border-color:var(--wa)}.wa-upload>input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.wa-mark{display:flex;justify-content:center;align-items:center;gap:8px}.wa-mark b{padding:11px;background:#dcf2e9;color:var(--wa);border-radius:9px}.wa-mark i{font-style:normal;color:var(--wa)}.wa-upload h2{margin:15px 0 5px}.wa-upload p{margin:0;color:#687c75}.wa-upload em{display:inline-block;margin:16px 0 8px;padding:10px 20px;background:var(--ink);color:#fff;border-radius:9px;font-style:normal;font-weight:700}.wa-upload small{display:block;color:#74877f}.wa-editor{display:grid;grid-template-columns:1.1fr .8fr;gap:20px;padding:20px}.wa-stage{position:relative;min-height:580px;display:grid;place-items:center;background:#e7eeeb;border-radius:14px;overflow:hidden;touch-action:none}.wa-stage canvas{max-width:100%;max-height:570px;box-shadow:0 12px 30px #1e382f3d;cursor:grab}.wa-stage>div{position:absolute;width:min(78%,470px);aspect-ratio:1;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 999px #132a2240;pointer-events:none}.wa-stage>div span{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);padding:4px 7px;background:#10251db8;color:#fff;border-radius:99px;font-size:.65rem;white-space:nowrap}.wa-editor section>p{text-align:center;color:#72837c;font-size:.7rem}.wa-controls{padding:18px;background:#f6f9f8;border-radius:14px}.wa-head{display:flex;justify-content:space-between}.wa-head span,.wa-output>div:first-child span,.wa-tips>div:first-child span{color:var(--wa);font-weight:700}.wa-head h2{max-width:220px;margin:3px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wa-head button{height:32px;border:0;background:#e7eeeb;border-radius:7px}.wa-controls>label{display:block;margin-top:12px;font-size:.73rem;font-weight:700}.wa-controls select,.wa-controls input{box-sizing:border-box;width:100%;margin-top:5px;padding:8px;border:1px solid #c9d9d3;border-radius:7px;background:#fff}.wa-controls input[type=range]{padding:0;accent-color:var(--wa)}.wa-controls input[type=color]{height:37px;padding:3px}.wa-controls output{float:right;color:var(--wa)}.wa-secondary{width:100%;margin-top:10px;padding:8px;border:1px solid #c9d9d3;background:#fff;border-radius:7px}.wa-controls>button:last-of-type{width:100%;margin-top:15px;padding:12px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--wa),var(--wa2));color:#fff;font-weight:700}.wa-controls>p{text-align:center;color:#75867f;font-size:.67rem}.wa-output{margin:0 20px 20px;padding:18px;border:1px solid #dbe9e4;border-radius:14px}.wa-output h2{margin:3px 0 13px}.wa-output canvas{display:block;max-width:100%;max-height:600px;margin:auto;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:16px 16px}.wa-output>div:nth-of-type(2){display:flex;gap:8px;margin-top:12px}.wa-output button{padding:10px 14px;border:0;border-radius:8px;background:var(--wa);color:#fff;font-weight:700}.wa-output button+button{background:#e5edea;color:#274b3e}.wa-output>p{color:#71837b;font-size:.73rem}.wa-tips,.wa-steps,.wa-faq{margin-top:50px}.wa-tips>div:first-child{text-align:center}.wa-tips>div:last-child,.wa-steps>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.wa-tips article,.wa-steps article{padding:19px;border:1px solid #dbe9e4;border-radius:14px}.wa-tips article>b,.wa-steps article>b{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 3px;background:#dcf2e9;color:var(--wa);border-radius:8px}.wa-tips p,.wa-steps p,.wa-faq p{color:#687b74;font-size:.84rem;line-height:1.6}.wa-faq{max-width:820px;margin-left:auto;margin-right:auto}.wa-faq details{padding:15px 3px;border-bottom:1px solid #dbe9e4}.wa-faq summary{font-weight:700}@media(max-width:900px){.wa-editor{grid-template-columns:1fr}.wa-tips>div:last-child,.wa-steps>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.wa-upload{margin:10px;padding:38px 12px}.wa-editor{padding:10px}.wa-stage{min-height:430px}.wa-output{margin:0 10px 14px;padding:12px}.wa-output>div:nth-of-type(2){flex-direction:column}.wa-tips>div:last-child,.wa-steps>div{grid-template-columns:1fr}}