:root{font-family:system-ui,-apple-system,"PingFang SC",sans-serif;color:#1d3029;background:#f2f5f1;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:40px 24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:16px}h1{font-size:34px;letter-spacing:-1px;margin:10px 0}h2{font-size:19px;margin:0}p{line-height:1.65}header p{color:#627168;margin:0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#567362}.badge{background:#e3e9e2;color:#526056;padding:9px 15px;border-radius:30px;white-space:nowrap;font-size:13px}.badge.active{background:#d6f1df;color:#176441}.card{background:white;border:1px solid #dce3da;border-radius:16px;padding:24px;margin:18px 0;box-shadow:0 4px 16px #25392d04}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.muted{color:#708075}.small{font-size:12px}.steps{color:#54665c;margin:22px 0 16px}.buttons{display:flex;flex-wrap:wrap;gap:10px}button,.file-button{font:inherit;border:1px solid #ccd8cd;background:white;border-radius:9px;padding:12px 19px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;min-height:44px;font-weight:600;color:#294536}button.primary{background:#245e43;border-color:#245e43;color:white}button:hover:not(:disabled),.file-button:hover{box-shadow:0 0 0 3px #dfe9df}button:disabled{opacity:.4;cursor:not-allowed}.text{padding:8px 9px;border-color:transparent;background:transparent;font-size:13px}.secondary{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:13px}.secondary label{margin-left:auto}label{display:flex;gap:8px;align-items:center;font-size:13px;color:#627168}select,input{font:inherit;color:#294536;background:#fafcf9;border:1px solid #d5ded2;border-radius:7px;padding:9px;min-height:40px;max-width:100%}#status{background:#f3f7f1;border-radius:9px;padding:13px 15px;margin:18px 0 10px}#status.error{background:#fff0eb;color:#963d22}.notice{background:#fff5df;border:1px solid #eed5a2;border-radius:12px;padding:18px;line-height:1.7;overflow-wrap:anywhere}.notice a{color:#275d45}.filters{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}.search{flex:1}.search input{width:100%;min-width:90px}.table-wrap{overflow:auto;max-height:65vh;border:1px solid #e5eae3;border-radius:9px}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px;white-space:nowrap}th{background:#f6f8f4;color:#6a796d;font-weight:500;position:sticky;top:0}th,td{padding:12px;border-bottom:1px solid #e9eee7}td.hex{font-family:ui-monospace,SFMono-Regular,monospace;white-space:normal;min-width:200px;max-width:550px;overflow-wrap:anywhere;color:#183b29;line-height:1.6}td.response{color:#3869a0}#empty{color:#859082;text-align:center;padding:30px 15px}#count{font-size:12px;font-weight:400;margin-left:7px;color:#788576}details summary{cursor:pointer;font-size:13px}pre{font:12px/1.7 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto;color:#607060}footer{text-align:center;color:#82907f;font-size:12px;margin-top:28px}.compact button,.file-button{font-size:12px;padding:8px 12px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8db7a0;outline-offset:2px}@media(max-width:600px){main{padding:22px 14px}header{align-items:flex-start}h1{font-size:28px}.eyebrow{font-size:9px}header p{font-size:13px}.card{padding:18px 15px;border-radius:12px}.controls>.buttons>button{flex:1;padding:12px 8px;font-size:14px}.secondary{gap:2px}.secondary label{width:100%;margin:10px 0 0}.steps{font-size:12px}.filters{gap:10px}.filters .search{flex-basis:100%}.section-title .muted{font-size:11px}.badge{font-size:11px;padding:8px 10px}th,td{padding:10px 8px}}