:root{--green:#226750;--ink:#243c35;--muted:#77817a;--line:#dfe4da;--bg:#f5f6ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer;transition:.15s}button:hover{filter:brightness(.94)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8fc4a4;outline-offset:2px}header{height:84px;max-width:1340px;margin:auto;display:flex;align-items:center;gap:50px;padding:0 42px;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:10px;font-size:25px}.brand span{font-size:10px;letter-spacing:2px;margin-left:6px}nav{display:flex;gap:28px;margin-left:auto;font-size:13px}.badge{font-size:11px;border:1px solid #ccd8c9;padding:6px 13px;border-radius:30px}main{max-width:1256px;margin:auto;padding:0 28px}.intro{position:relative;padding:60px 0 48px}.eyebrow{font-size:11px;letter-spacing:2.3px;color:var(--green);font-weight:650}h1{font-size:49px;line-height:1.25;letter-spacing:-2.4px;margin:20px 0}h1 em{font-style:normal;color:var(--green)}.intro>p:not(.eyebrow){color:#68766c;font-size:15px}.intro-note{font-size:12px;margin-top:22px;display:flex;gap:8px;align-items:center}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#41856b}.hero-number{position:absolute;right:15px;top:75px;font-size:130px;font-weight:200;color:#dde4d6;line-height:1}.hero-number span{display:block;font-size:10px;letter-spacing:3px;color:#859181;margin-top:20px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}h2{font-size:22px;letter-spacing:-.7px}.workspace-heading h2{margin:0}.workspace-heading h2 span{font-size:10px;letter-spacing:1.7px;color:#90998d;margin-left:12px}.editor{display:grid;grid-template-columns:330px 1fr;border:1px solid #dce2d6;border-radius:15px;overflow:hidden;background:white;box-shadow:0 10px 40px #31483105}aside{padding:25px;border-right:1px solid var(--line)}.step{display:flex;align-items:center;gap:9px}.step>span{font-size:11px;color:var(--green);background:#edf3e8;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}h3{font-size:15px;margin:0}.text-btn{margin-left:auto;border:0;background:none;color:var(--green);font-size:12px;padding:0}.hint{font-size:11px;color:var(--muted);margin:10px 0}textarea{width:100%;height:172px;resize:vertical;min-height:100px;border:1px solid var(--line);border-radius:7px;background:#fafbf8;padding:12px;color:#506253;font:12px/1.9 monospace}.upload{display:block!important;text-align:center;padding:9px;border:1px dashed #bac8ba;border-radius:6px;color:#4b6555!important;cursor:pointer;margin-top:10px!important}.upload input{display:none}button{border-radius:6px;padding:9px 14px}.primary{width:100%;background:var(--green);border:0;color:white;font-size:13px}.primary span{float:right}.second{margin-top:24px;margin-bottom:13px}.types{display:flex;gap:7px}.types button{flex:1;background:white;border:1px solid var(--line);font-size:24px;color:#688070;padding:7px}.types span{display:block;font-size:11px}.types .active{background:#edf4e9;border-color:#6b9474;color:#225a43}label{display:block;font-size:11px;color:#6b786c;margin-top:10px}input:not([type=checkbox]):not([type=file]),select{width:100%;border:1px solid var(--line);background:white;padding:8px;border-radius:5px;color:var(--ink);font-size:12px;margin-top:4px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checks{display:flex;gap:18px;margin:9px 0 18px}.checks label{display:flex;gap:5px;align-items:center}input[type=checkbox]{accent-color:var(--green)}.secondary{background:white;border:1px solid #ced9cf;color:var(--ink);font-size:12px}.quiet{border:0;background:none;color:#6c7f6c;font-size:11px}.preview{padding:27px;background:#eef1e9;min-width:0}.preview-top{display:flex;justify-content:space-between;color:#6b7c6f;font-size:11px;align-items:center}.preview-top i{margin-right:6px}#count{font-size:10px}.paper{background:white;margin-top:24px;border-radius:6px;box-shadow:0 5px 18px #20372709;padding:30px 13px}#chart svg{width:100%;display:block;height:auto}.export{display:flex;align-items:center;gap:10px;margin-top:25px}.export>div{margin-right:auto}.export b{font-size:13px}.export p{font-size:11px;color:var(--muted);margin:4px 0}.dark{background:var(--ink);color:white;border:1px solid var(--ink);font-size:12px}.tip{display:flex;gap:15px;margin-top:32px;padding:20px 0;border-top:1px solid #d7dfd2;font-size:12px;color:#728170}.tip>span{font-size:10px;color:var(--green);margin-top:4px}.tip p{margin:0}.tip b{font-weight:500;color:#4e6656}.dataset-note{font-size:10px;color:#85927e}#status{font-size:11px;margin:7px 0 0;min-height:18px;color:var(--green)}#status.error{color:#ac3d36}#guide{padding:66px 0}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:28px 0 36px}.guides span{font-size:10px;letter-spacing:1px;color:#82927b}.guides h3{margin:13px 0 10px}.guides p{font-size:12px;color:#758071}details{border-top:1px solid var(--line);padding:16px 0;font-size:12px}summary{cursor:pointer}details p{color:#6f7b6d;max-width:850px}footer{border-top:1px solid var(--line);padding:25px 40px;display:flex;gap:20px;color:#82907d;font-size:11px}footer b{color:var(--ink);font-size:16px}footer span:last-child{margin-left:auto}@media(min-width:1200px){.paper{margin-top:35px;padding:55px 15px}}@media(max-width:850px){header{padding:0 20px;gap:20px}.brand span,.badge{display:none}nav{font-size:11px;gap:15px}.editor{grid-template-columns:280px 1fr}aside{padding:18px}.preview{padding:15px}.export{flex-wrap:wrap}.export>div{width:100%}.hero-number{font-size:100px}.paper{padding:15px 0}}@media(max-width:650px){main{padding:0 18px}h1{font-size:39px}.intro{padding-top:35px}.hero-number{display:none}.editor{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line)}.preview{padding:18px}.guides{grid-template-columns:1fr;gap:16px}.workspace-heading h2 span{display:none}footer{padding:22px 18px;flex-wrap:wrap}.paper{padding:20px 0}}

.article{max-width:850px;padding:55px 25px 85px}.article h1{font-size:36px}.article h2{margin-top:35px}.article p{font-size:15px;line-height:1.95;color:#536555}.article pre{background:white;border:1px solid var(--line);padding:22px;border-radius:8px;overflow:auto}.article a{color:var(--green);text-decoration:underline}.article a.primary{display:inline-block;color:white;width:auto;text-decoration:none}footer nav{margin-left:0;flex-wrap:wrap;font-size:11px}@media(max-width:650px){.article h1{font-size:29px}header nav{gap:10px;font-size:10px}}