:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#16372f;background:#f5f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1040px;margin:0 auto;padding:32px 24px 60px}.brand{font-size:12px;font-weight:750;letter-spacing:2px}.brand span{color:#64776a;margin-left:18px;font-weight:500}h1{font-family:Georgia,serif;font-size:clamp(36px,5vw,56px);letter-spacing:-1.5px;font-weight:500;margin:22px 0 14px}h2{font-size:19px;margin:0 0 18px}.intro{font-size:18px;line-height:1.6;max-width:790px;margin:0 0 24px}.tool{border:1px solid #c9d7c9;background:white;border-radius:18px;padding:26px;box-shadow:0 10px 32px #1b392008}.tool-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{font-size:12px;background:#eaf4e9;color:#27572b;padding:7px 10px;border-radius:20px}.file-label{display:block;font-size:15px;font-weight:650;margin-bottom:10px}input[type=file]{width:100%;padding:18px;border:1px dashed #9bb4a0;border-radius:10px;background:#f8fbf6;font-size:15px}input::file-selector-button{background:#e0ecd9;border:0;padding:10px 14px;margin-right:14px;border-radius:6px;color:#173f25}.hint{font-size:13px;line-height:1.5;color:#526a5c}.settings{display:grid;grid-template-columns:1fr 170px 170px;gap:16px;align-items:end;margin-top:18px}label{font-size:13px;font-weight:650}select{display:block;border:1px solid #b8c9bb;border-radius:7px;background:white;padding:11px;width:100%;margin-top:6px;color:#17372a;font-size:14px}button{border:0;background:#24573e;color:white;border-radius:8px;padding:13px 17px;font-size:14px;font-weight:650;cursor:pointer;min-height:44px}button:disabled{background:#e6eae3;color:#657266;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e2a846;outline-offset:3px}#status{padding:13px;background:#f1f5ed;border-radius:8px;line-height:1.5;font-size:14px;overflow-wrap:anywhere}.exports{display:flex;gap:12px;align-items:end}.exports label{min-width:120px}.exports button{background:#edf3e8;color:#254b31;border:1px solid #c6d5c4}.exports button:disabled{opacity:.5}#downloads{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;overflow-wrap:anywhere}a{color:#275b3d}.preview{margin:30px 0}.placeholder{border:1px solid #d7dfd1;border-radius:12px;text-align:center;padding:50px 20px;color:#738170}#score canvas{width:100%!important;height:auto!important;display:block;background:white;border:1px solid #d9dfd5;margin:16px auto}.notes{border-top:1px solid #cfdbcb;padding-top:28px;line-height:1.7;max-width:850px}.notes h2{margin-top:24px}.notes li{margin-bottom:10px}footer{border-top:1px solid #cfdbcb;margin-top:32px;padding-top:24px;font-size:14px}footer p{color:#617766;font-size:12px;margin-top:20px}@media(max-width:650px){main{padding:20px 16px 40px}.tool{padding:18px}.settings{grid-template-columns:1fr 1fr}.settings label:first-child{grid-column:1/-1}.settings button{width:100%}.exports{flex-wrap:wrap}.brand span{display:block;margin:8px 0 0}.intro{font-size:16px}.exports label{flex:1}.badge{white-space:nowrap}}