*{box-sizing:border-box}body{margin:0;background:#f5f7f6;color:#123d30;font-family:Arial,Helvetica,sans-serif;font-size:16px}header{max-width:1320px;margin:auto;padding:28px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce5df}.brand{color:#005239;text-decoration:none;font-size:30px;font-weight:900;letter-spacing:-1.4px;line-height:1}.brand span{display:block;font-size:10px;letter-spacing:1.6px;margin-top:8px;font-weight:600}.event-date{font-size:12px;font-weight:bold;letter-spacing:1.1px}.event-date span{color:#a1b8a9;margin:0 10px}main{max-width:1200px;margin:0 auto;padding:38px 28px 60px}.intro{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:end;margin-bottom:36px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;grid-column:1/-1;margin-bottom:12px;color:#547466}h1{font-size:46px;letter-spacing:-2px;line-height:1.04;margin:0;font-weight:800}.intro p{color:#5b7066;line-height:1.65;margin:0;max-width:400px}.intro strong{color:#123d30}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:64px;align-items:start}.editor{background:white;padding:26px;border:1px solid #dce5df;border-radius:16px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.step{font-size:12px;font-weight:bold;background:#edf4ef;border:1px solid #d4e3d9;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}h2{font-size:18px;margin:0;letter-spacing:-.5px}.upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;border:1px dashed #9fb9aa;background:#f7faf8;border-radius:10px;padding:22px 10px;cursor:pointer}.upload:focus-within,.upload.dragging{outline:3px solid #c5dc59;outline-offset:3px}.upload input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.upload-icon{font-size:28px;color:#00633f;font-weight:300}.upload strong{font-size:16px}.upload span:not(.upload-icon){font-size:14px;color:#697e73}.upload small{font-size:12px;color:#697e73}.field-label{display:flex;justify-content:space-between;font-size:14px;font-weight:bold;margin:24px 0 10px;gap:8px}.field-label span{font-size:12px;color:#7a8c83;font-weight:normal}.name{width:100%;padding:13px 12px;border:1px solid #d0dcd5;border-radius:6px;font:inherit;color:#123d30;background:#fff}.name:focus{outline:2px solid #3c845c;outline-offset:2px}fieldset{border:0;border-top:1px solid #e3eae5;padding:17px 0 0;margin:25px 0 22px;min-width:0}legend{font-size:14px;font-weight:bold;padding-right:10px}.hint{font-size:12px;line-height:1.5;color:#73877a;margin:0 0 12px}fieldset label{display:flex;justify-content:space-between;font-size:14px;margin-top:10px}input[type=range]{accent-color:#006641;width:100%;margin:10px 0 5px;cursor:pointer;min-height:18px}fieldset:disabled{opacity:.46}.text-button{border:0;padding:4px 0;background:none;color:#476e59;text-decoration:underline;font:inherit;font-size:12px;cursor:pointer}.download{width:100%;background:#005b3e;color:#fff;padding:16px 10px;border:0;border-radius:7px;font-size:16px;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px}.download:hover:not(:disabled){background:#003e29}.download:disabled{background:#dfe8e2;color:#7b8d81;cursor:not-allowed}.download span{font-size:24px;line-height:16px}.export-note{font-size:12px;color:#6d8275;text-align:center;margin:12px 0 22px}.privacy{text-align:center;font-size:12px;color:#7b8d80;line-height:1.6;margin:0}#status{font-size:14px;line-height:1.5;color:#005b3e;margin:10px 0 0}#status.error{color:#a23524}.preview{min-width:0}.preview-label{display:flex;justify-content:space-between;color:#617b6c;font-size:12px;letter-spacing:1.4px;margin:0 0 16px}canvas{display:block;width:100%;height:auto;box-shadow:0 18px 40px #073a2321;border-radius:4px;touch-action:pan-y}canvas.has-photo{cursor:grab;touch-action:none}.preview-bottom{display:flex;justify-content:space-between;font-size:12px;line-height:1.6;color:#6c8576;margin-top:19px;gap:16px}.preview-bottom span:last-child{font-weight:bold;color:#174831}footer{border-top:1px solid #dce5df;max-width:1224px;margin:auto;padding:24px;display:flex;justify-content:space-between;gap:20px;color:#748679;font-size:12px;line-height:1.6}button:focus-visible{outline:3px solid #c5dc59;outline-offset:3px}@media(min-width:1450px){main{padding-top:52px}}@media(max-width:950px){.workspace{gap:28px;grid-template-columns:320px minmax(0,1fr)}h1{font-size:40px}.intro{gap:25px}.editor{padding:20px}header{padding:25px 28px}}@media(max-width:720px){header{padding:22px 20px}.event-date{font-size:10px;text-align:right;max-width:130px;line-height:1.7}.brand{font-size:26px}main{padding:28px 20px 40px}.intro{display:block;margin-bottom:28px}h1{font-size:38px;margin-bottom:16px}.intro p{font-size:15px;max-width:100%}.workspace{display:flex;flex-direction:column;gap:30px}.editor,.preview{width:100%}.preview{order:-1}.preview-bottom{display:none}.editor{padding:22px}footer{flex-direction:column;gap:6px;padding:20px}.preview-label{font-size:10px}}
.brand img{display:block;width:230px;max-width:100%;height:auto}.brand{max-width:55%}.brand span{text-align:center}@media(max-width:720px){.brand img{width:190px}}
