:root { color-scheme: light; font-family: ui-sans-serif, system-ui, sans-serif; background: #f4f6f8; color: #17202a; }
body { margin: 0; }
main { max-width: 1060px; margin: 0 auto; padding: 32px 20px 60px; }
h1 { margin: 0 0 8px; font-size: 28px; }
h2 { margin-top: 0; font-size: 20px; }
.muted { color: #657180; }
.toolbar, .panel { background: white; border: 1px solid #dfe5eb; border-radius: 8px; padding: 18px; margin-top: 18px; }
.toolbar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.toolbar label { width: auto; }
input, select, textarea { width: 100%; box-sizing: border-box; padding: 9px 10px; border: 1px solid #cbd5df; border-radius: 5px; font: inherit; }
.toolbar input { flex: 1 1 220px; width: auto; }
textarea { min-height: 92px; resize: vertical; }
button { border: 0; border-radius: 5px; padding: 9px 14px; background: #1769aa; color: white; cursor: pointer; font: inherit; }
button.secondary { background: #52606d; }
button.danger { background: #b42318; }
button:disabled { opacity: .55; cursor: wait; }
table { width: 100%; border-collapse: collapse; margin-top: 12px; }
th, td { text-align: left; padding: 11px 8px; border-bottom: 1px solid #edf0f2; vertical-align: top; }
th { color: #52606d; font-size: 13px; }
.table-wrap { overflow: auto; }
.feed-cell { min-width: 280px; }
.feed-url { width: 100%; margin-bottom: 6px; font-size: 12px; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.field { display: grid; gap: 5px; }
.field.full { grid-column: 1 / -1; }
label { font-size: 13px; color: #52606d; }
.hint { color: #657180; font-size: 12px; line-height: 1.4; }
.header-examples { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.example-button { padding: 5px 9px; font-size: 12px; }
.json-example { margin: 0; padding: 9px 10px; background: #f4f6f8; border-radius: 5px; color: #344054; font: 12px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; }
.status { margin-top: 10px; min-height: 22px; }
@media (max-width: 680px) { .grid { grid-template-columns: 1fr; } .field.full { grid-column: auto; } th:nth-child(2), td:nth-child(2) { display: none; } }