
:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#162923;background:#f5f7f3}*{box-sizing:border-box}body{margin:0}header{height:80px;border-bottom:1px solid #dfe7df;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.brand{font-size:24px;font-weight:750;letter-spacing:2px}.brand span{color:#568162;margin-right:10px}.pill{font-size:12px;background:#e7efe5;padding:8px 12px;border-radius:20px;color:#496653}main{max-width:1160px;margin:55px auto;padding:0 28px}.eyebrow{font-size:12px;color:#63816c;letter-spacing:3px}h1{font-size:42px;font-weight:650;letter-spacing:-1px;margin:14px 0}p{color:#718077;line-height:1.8;font-size:14px}.grid{display:grid;grid-template-columns:390px 1fr;gap:24px;margin-top:36px}.card{background:#fff;border:1px solid #e0e7de;border-radius:20px;padding:28px;box-shadow:0 8px 40px #1f382204}h2{font-size:17px;margin:0 0 24px}.tabs{display:flex;background:#f2f5ef;border-radius:10px;padding:4px;gap:3px;margin-bottom:22px}.tabs button{flex:1;padding:10px 3px;color:#66776b;background:none;border:0;border-radius:7px;cursor:pointer}.tabs button.active{background:white;color:#244d35;box-shadow:0 2px 7px #1835210d}.sample{background:#f5f8f2;border:1px solid #e2ebdc;padding:20px;border-radius:12px}.sample b{font-size:15px;line-height:1.8;display:block}.meta{font-size:12px;color:#7d8b7d;margin-top:12px}textarea{width:100%;min-height:130px;resize:vertical;border:1px solid #d8e1d7;border-radius:10px;padding:14px;font:inherit;font-size:14px;background:#fafbf8;outline-color:#749776}label{font-size:13px;color:#536b59;display:block;margin:15px 0 8px}input{width:100%;padding:18px 0;font-size:13px}.primary{width:100%;border:0;border-radius:10px;background:#28553c;color:white;padding:15px;font:inherit;font-size:14px;cursor:pointer;margin-top:24px}.primary:disabled{opacity:.45;cursor:wait}.note{font-size:12px;margin:14px 0 0}.output-head{display:flex;justify-content:space-between;align-items:center}.output-head h2{margin:0}.actions button{border:1px solid #dce5d9;border-radius:7px;background:white;color:#425c49;padding:7px 10px;cursor:pointer;margin-left:5px}.status{font-size:13px;margin:25px 0 15px;color:#5a785e}.status.error{color:#a14938}.text{white-space:pre-wrap;line-height:1.95;font-size:15px;min-height:300px;max-height:490px;overflow:auto;color:#34483b}.empty{color:#a3afa3;text-align:center;padding:80px 0}.timing{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;border-top:1px solid #e7ece3;padding-top:20px}.metric{background:#f3f6ef;border-radius:8px;padding:10px 14px;flex:1;min-width:90px}.metric span{display:block;font-size:11px;color:#7b8b7c}.metric b{display:block;font-size:17px;font-weight:550;margin-top:7px}.footer{margin:24px 0;font-size:12px;color:#879587}.history{margin-top:24px}.history button{background:none;border:0;border-bottom:1px solid #e6ece3;display:block;width:100%;text-align:left;padding:13px 0;color:#647968;cursor:pointer;font:inherit;font-size:12px}@media(max-width:820px){.grid{grid-template-columns:1fr}h1{font-size:31px}main{margin-top:32px}.card{padding:22px}}

.notice{padding:16px 20px;border:1px solid #dbe6d7;border-radius:12px;background:#edf3e8;color:#50684e;font-size:14px;line-height:1.8;margin-top:24px}.editor{min-height:360px;background:white;line-height:1.9}.primary-link{display:block;text-decoration:none;text-align:center}.subtle{color:#657f69;font-size:13px}.filelabel{cursor:pointer;text-decoration:underline}.actions button:disabled{opacity:.45;cursor:default}
select{width:100%;padding:10px;border:1px solid #d8e1d7;border-radius:8px;background:#fafbf8;color:#34483b}.secondary{width:100%;margin-top:10px;padding:12px;border:1px solid #d8e1d7;border-radius:10px;background:white;color:#425c49;cursor:pointer}progress{width:100%;margin-top:20px;accent-color:#28553c}[hidden]{display:none!important}
