/* The webhook tester's own styles.
 *
 * External and not inline, for the same reason its script is external: the
 * site ships `style-src 'self'; script-src 'self'` with no unsafe-inline and no
 * hashes, and this is the only page on hookget.com with either. A <style> block
 * here would have been dropped by the browser in production and nowhere else,
 * which is the failure mode that is hardest to notice. */
  /* The tool is the page: one column, the URL enormous, the log below it. */
  .binbar { display: flex; flex-wrap: wrap; gap: var(--s3); align-items: center; margin-bottom: var(--s4); }
  .binurl {
    flex: 1 1 380px; min-width: 0; font-family: var(--mono); font-size: 1.02rem;
    background: var(--ground); color: var(--ink-on-dark);
    border-radius: var(--r-md); padding: var(--s4) var(--s5);
    overflow-x: auto; white-space: nowrap;
  }
  .req { border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--card); margin-bottom: var(--s4); overflow: hidden; }
  .req-head { display: flex; flex-wrap: wrap; gap: var(--s3); align-items: baseline; padding: var(--s4) var(--s5); border-bottom: 1px solid var(--line-soft); }
  .req-head .verb { font-family: var(--mono); font-weight: 700; color: var(--signal); }
  .req-head .when { color: var(--muted); font-size: .85rem; margin-inline-start: auto; }
  .req pre { margin: 0; border-radius: 0; }
  .req h4 { margin: 0; padding: var(--s3) var(--s5); font-size: .74rem; letter-spacing: .07em; text-transform: uppercase; color: var(--muted); }
  .waiting { text-align: center; color: var(--muted); padding: var(--s12) 0; }