.xh-main{max-width:1180px;margin:0 auto;padding:36px 24px 24px}
.xh-card{margin-bottom:22px}
.xh-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}
.xh-field label{display:block;margin:0 0 6px;font-size:11px;color:#c7b9d8}
.xh-select,.xh-input{display:block;width:100%;min-height:44px;padding:10px 12px;border:1px solid #493a5b;border-radius:7px;background:#0f0d15;color:#f4ecff;font:inherit;font-size:12px}
.xh-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}
.xh-actions .button{min-height:44px}
.xh-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 0}
.xh-chain-card{border:1px solid var(--line);border-left:4px solid #5b5170;border-radius:10px;padding:20px;background:var(--surface2);min-width:0}
.xh-chain-card.st-OK{border-left-color:var(--green)}
.xh-chain-card.st-CHAIN_MISMATCH,.xh-chain-card.st-HTTP_ERROR,.xh-chain-card.st-INVALID_RESPONSE,.xh-chain-card.st-CORS_OR_NETWORK{border-left-color:#ff8fa3}
.xh-chain-card.st-RATE_LIMITED,.xh-chain-card.st-TIMEOUT{border-left-color:var(--amber)}
.xh-chain-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.xh-chain-head h3{margin:0;font-size:16px}
.xh-kv{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0;font-size:12px}
.xh-kv div{background:#120f19;border:1px solid #2b2535;border-radius:6px;padding:8px 10px;min-width:0}
.xh-kv span{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:3px}
.xh-kv strong{display:block;font-family:ui-monospace,monospace;font-size:12px;overflow-wrap:anywhere}
.xh-err{margin:10px 0 0;font-size:11px;color:#f0bcc6;overflow-wrap:anywhere}
.xh-ok{margin:10px 0 0;font-size:11px;color:var(--green);overflow-wrap:anywhere}
.xh-wait{margin:10px 0 0;font-size:11px;color:var(--muted)}
.xh-foot-btn{margin-top:12px;min-height:38px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.xh-controls{grid-template-columns:repeat(2,1fr)}.xh-grid{grid-template-columns:1fr}}
@media(max-width:600px){.xh-main{padding:22px 14px}.xh-controls{grid-template-columns:1fr}.xh-kv{grid-template-columns:1fr}}