*{box-sizing:border-box}html{width:380px;min-width:380px;max-width:380px;height:560px;overflow:hidden;background:#f7f8f4}body{width:380px;min-width:380px;max-width:380px;height:100vh;max-height:560px;display:flex;flex-direction:column;overflow:hidden;margin:0;background:#f7f8f4;color:#21382c;font:14px/1.5 system-ui}header{flex:none;padding:18px 22px;border-bottom:1px solid #dfe5da;display:flex;justify-content:space-between}.brand{font-weight:750}.tag{font-size:11px;border:1px solid #cbd7c5;padding:2px 8px;border-radius:20px}main{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;padding:20px 22px}h1{font-size:25px;margin:0 0 6px;letter-spacing:-.8px}h2{font-size:16px;margin:20px 0 10px}.lead{margin-top:0;color:#53685a}#status{background:#e6eee2;padding:12px;border-radius:9px}#status.error{background:#fbe5df;color:#8b3022}label{display:block;margin:16px 0 6px}input{width:100%;padding:11px;border:1px solid #bdcbbb;border-radius:7px;background:white;font:inherit}button,.secondary{display:block;width:100%;border:0;border-radius:9px;background:#294d3c;color:white;font:600 14px system-ui;padding:12px;margin:10px 0;cursor:pointer;text-decoration:none;text-align:center}button:disabled{opacity:.6;cursor:wait}.secondary{background:white;border:1px solid #c6d2bf;color:#294d3c}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #86b391;outline-offset:2px}.drop{border:2px dashed #b3c5ad;border-radius:12px;position:relative;padding:22px 8px;text-align:center;cursor:pointer}.drop span,.drop small{display:block;margin-top:5px}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop.drag{background:#e3efdf}.hint{color:#61705f;font-size:12px}.preview{border:1px solid #d7dfd0;border-radius:10px;padding:12px;background:repeating-conic-gradient(#e5e8e1 0% 25%,#fff 0% 50%) 50%/20px 20px}.preview{height:204px;display:grid;place-items:center}.preview img{display:block;width:100%;height:178px;object-fit:contain;margin:auto}footer{border-top:1px solid #dde4d6;margin-top:24px;padding-top:15px;font-size:12px}footer a{color:#294d3c}footer p{color:#697767;font-size:11px}.text{background:transparent;color:#596b56;text-align:left;padding:0;font-size:12px}section[hidden],button[hidden]{display:none}

.toggle{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #c6d2bf;border-radius:10px;padding:13px;background:white}.toggle small{display:block;color:#697767;font-size:11px;margin-top:4px}.toggle input{appearance:none;flex:0 0 42px;width:42px;height:25px;border-radius:20px;padding:2px;background:#b3bcb0;cursor:pointer}.toggle input:before{content:'';display:block;width:19px;height:19px;border-radius:50%;background:white;box-shadow:0 1px 3px #0003;transition:transform .15s}.toggle input:checked{background:#294d3c}.toggle input:checked:before{transform:translateX(16px)}