:root{font-family:system-ui,sans-serif;color:#25292d;background:#f9f7f2;font-size:18px;line-height:1.55}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;padding:28px;margin:auto}h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15}.eyebrow{font-size:.9rem;color:#51656b}label{display:block;font-weight:600}button,select,input,textarea{font:inherit;color:inherit}button,select,input{padding:9px 12px;border:1px solid #879c9f;border-radius:6px;background:white}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}a{color:#245c65}textarea{display:block;max-width:100%;width:100%;padding:14px;border:1px solid #879c9f;border-radius:6px;background:white;font:15px/1.55 ui-monospace,monospace;tab-size:4}#source{height:540px;white-space:pre;overflow:auto}#body{height:86px}.selectors,.actions,.request{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0}.request label:last-child{flex:1;min-width:240px}.request input{width:100%}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;padding:18px;background:#e8eeed;border-radius:6px;font:15px/1.6 ui-monospace,monospace}#status{font-weight:600}details{margin-top:28px}code{overflow-wrap:anywhere}@media(max-width:600px){main{padding:18px}textarea{font-size:16px}.selectors label,.request label{width:100%}.selectors select{width:100%}}