:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#20302e;background:#f5f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1120px;margin:auto}header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dae0d8}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:20px;font-weight:650}.mark{background:#254d3e;color:white;border-radius:12px;padding:5px 13px;font-size:28px}.tag{font-size:13px;color:#496356;background:#e7eee6;padding:9px 14px;border-radius:20px}.intro{max-width:720px;margin:60px 0 36px}.eyebrow{font-size:11px;letter-spacing:2px;color:#62756b;font-weight:650}h1{font-size:clamp(34px,5vw,53px);line-height:1.3;letter-spacing:-1.5px;margin:18px 0 20px;font-weight:650}.lead{color:#64716a;line-height:1.9;font-size:16px;max-width:610px}.flow{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #dce2d9;border-radius:16px;padding:25px 32px;background:#edf1e9;margin-bottom:32px}.flow div{display:grid;grid-template-columns:32px 1fr;gap:5px 12px}.flow span{grid-row:1/3;color:#82977b;font-size:21px}.flow strong{font-size:15px}.flow small{color:#6c796c}.flow b{color:#91a18c;font-weight:400}.workspace{display:grid;grid-template-columns:1fr 1.05fr;gap:24px}.panel{background:#fff;border:1px solid #e1e5dc;border-radius:18px;padding:28px;min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:18px;font-weight:650;margin:0}.section-title>span{font-size:10px;letter-spacing:2px;color:#8c968a}.hint{font-size:13px;color:#7d877d;margin:13px 0 22px}label{display:block;font-size:14px;margin:19px 0 10px}input,textarea{font:inherit;font-size:14px;border:1px solid #d6ddd4;border-radius:9px;background:#fafbf8;padding:13px 14px;width:100%;color:#263d30}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid #8aa78e;outline-offset:2px}button{cursor:pointer;font:inherit;font-size:14px;border:0;border-radius:9px;background:#254d3e;color:white;padding:14px 18px}form button{display:flex;justify-content:space-between;width:100%;margin-top:22px}button:disabled{opacity:.6;cursor:wait}.secondary{background:#f0f3ed;color:#49634c;padding:8px 12px;font-size:12px;white-space:nowrap}#form-status{font-size:13px;line-height:1.7;min-height:22px;margin-bottom:0}#form-status[data-error=true]{color:#a13e32}.empty{border:1px dashed #d6dfd2;border-radius:10px;color:#889384;text-align:center;padding:42px 20px;font-size:14px}.message{padding:17px 0;border-bottom:1px solid #eef0e9}.message:first-child{padding-top:0}.message-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.message strong{font-size:14px;overflow-wrap:anywhere}.message time{font-size:11px;color:#8b9587;white-space:nowrap}.message p{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#55644f;margin:8px 0 0}#messages{max-height:340px;overflow:auto}.connection{margin-top:24px;background:#e9eee5;border-radius:12px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#5e7059}.connection strong{font-weight:500}.dot{display:inline-block;width:8px;height:8px;background:#99a294;border-radius:50%;margin-right:10px}.dot[data-ok=true]{background:#44885c}.dot[data-ok=false]{background:#b16c49}.footnote{font-size:12px;color:#889180;line-height:1.9;margin:15px 3px}footer{display:flex;justify-content:space-between;border-top:1px solid #dce1d6;padding:25px 0;margin-top:42px;font-size:10px;letter-spacing:1.3px;color:#8c9686}@media(max-width:1180px){header,main,footer{margin-left:24px;margin-right:24px}}@media(max-width:700px){header{height:80px}.tag{font-size:11px}.brand{font-size:16px}.intro{margin-top:36px}.flow{padding:20px 16px;gap:8px}.flow div{display:flex;flex-direction:column;gap:7px}.flow span{font-size:15px}.flow strong{font-size:13px}.flow small{font-size:10px}.workspace{grid-template-columns:1fr}.panel{padding:23px}.connection{align-items:flex-start;flex-direction:column}footer{font-size:9px;letter-spacing:0;gap:8px}}