.wh-tabs { display: flex; gap: 8px; margin: 10px 0; }
.wh-dynamic .wh-tabs { justify-content: flex-end; }
.wh-tabs button { border: 1px solid var(--border-color, #2a2a2a); background: var(--bg-secondary, #0f0f0f); color: var(--text, #fff); padding: 6px 10px; border-radius: 8px; cursor: pointer; font-size: 12px; }
.wh-tabs button.active { background: var(--accent, #1DA1F2); color: #000; border-color: var(--accent, #1DA1F2); }
.wh-snippet { display: none; }
.wh-snippet.active { display: block; }
.wh-static h4 { margin: 0 0 6px 0; }
.wh-static ul { margin: 0 0 8px 18px; padding: 0; }
.wh-static pre { background: #0b0b0b; border: 1px solid var(--border-color); border-radius: 8px; padding: 12px; overflow: auto; font-size: 12px; }
@media (max-width: 900px) {
  .wh-dynamic .wh-tabs { justify-content: flex-start; }
}