#tool [hidden] { display: none !important; }
.ue-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 12px 16px 0; }
.ue-mode label { min-width: 88px; justify-content: center; font-weight: 500; }
.ue-query { margin: 0 16px 14px; border: 1px solid var(--border); border-radius: var(--r-ctl); padding: 12px; }
.ue-query-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 8px; }
.ue-query-head .btn { margin-left: auto; }
.ue-table-wrap { overflow-x: auto; max-height: 360px; overflow-y: auto; }
.ue-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.ue-table th, .ue-table td { text-align: left; padding: 6px 8px; border-top: 1px solid var(--border); vertical-align: top; }
.ue-table th { border-top: 0; color: var(--muted); font-weight: 600; }
.ue-table td:nth-child(2), .ue-table td:nth-child(3) { font-family: var(--mono); overflow-wrap: anywhere; }
.ue-table td:first-child { color: var(--muted); width: 1%; }
.ue-table td:nth-child(2) { width: 30%; }
.ue-table td { vertical-align: middle; }
.ue-table td:last-child { width: 1%; }
.ue-table .btn { width: 36px; padding: 0; justify-content: center; }
@media (max-width: 768px) {
  .ue-bar { padding: 12px 12px 0; }
  .ue-mode { display: flex; width: 100%; }
  .ue-mode label { flex: 1; min-height: 44px; }
  .ue-query { margin: 0 12px 12px; }
  .ue-table .btn { width: 44px; height: 44px; }
  .options select { max-width: 100%; }
}
.example pre { overflow-wrap: anywhere; }
.example .ex-cols > div { min-width: 0; }
.options details.opt-more { width: 100%; }
@media (max-width: 900px) {
  .ue-bar { order: 0; }
  #tool > [data-hint], #tool > [data-query] { order: 4; }
}