.tn-uqt-page {
  --uqt-paper:#faf6ee; --uqt-surface:#fffcf4; --uqt-wash:#f5efdf; --uqt-ink:#1a1208;
  --uqt-muted:#5a4a30; --uqt-line:#b8a888; --uqt-soft:#ddd4be; --uqt-button:#ede6d4;
  --uqt-hover:#dfd4bb; --uqt-accent:#c44a00; --uqt-primary:#56311a;
  --uqt-primary-hover:#714020; --uqt-primary-text:#fff6e7;
  width:calc(100% - 10px); max-width:1180px; margin-inline:auto;
  color:var(--uqt-ink); -webkit-text-fill-color:var(--uqt-ink);
}
.tn-uqt-page *, .tn-uqt-page *::before, .tn-uqt-page *::after { box-sizing:border-box; }
.tn-uqt-page .tn-uqt-tool {
  padding:18px; border:1px solid var(--uqt-line); border-top:3px double var(--uqt-line);
  background:var(--uqt-paper); color:var(--uqt-ink); -webkit-text-fill-color:var(--uqt-ink);
  font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  -webkit-font-smoothing:antialiased; font-variant-numeric:tabular-nums;
}
.tn-uqt-page .tn-uqt-tool :is(p,h2,h3) { margin:0; }
.tn-uqt-page .tn-uqt-tool [hidden] { display:none!important; }
.tn-uqt-page .tn-uqt-tool :is(code,pre,kbd,samp) { padding:0; border:0; border-radius:0; background:transparent; color:inherit; -webkit-text-fill-color:inherit; }
.tn-uqt-page .tn-uqt-tool code { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; overflow-wrap:anywhere; }
.tn-uqt-page .tn-uqt-tool button {
  display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:40px; min-height:40px; height:40px;
  margin:0; padding:0 13px; border:1px solid var(--uqt-line); border-radius:0; box-shadow:none;
  background:var(--uqt-button); color:var(--uqt-ink); -webkit-text-fill-color:var(--uqt-ink);
  font-family:inherit; font-size:12px; font-weight:700; line-height:1; letter-spacing:0;
  text-align:center; text-transform:none; cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease,transform .12s ease;
}
.tn-uqt-page .tn-uqt-tool button:not(:disabled):hover { background:var(--uqt-hover); border-color:var(--uqt-muted); }
.tn-uqt-page .tn-uqt-tool button:not(:disabled):active { transform:scale(.96); }
.tn-uqt-page .tn-uqt-tool button:disabled { opacity:.5; cursor:not-allowed; }
.tn-uqt-page .tn-uqt-tool :is(button,textarea,input):focus-visible { outline:2px solid var(--uqt-accent); outline-offset:2px; }
.tn-uqt-page .tn-uqt-tool :is(#uqt-query-copy,#uqt-full-copy) { background:var(--uqt-primary); border-color:var(--uqt-primary); color:var(--uqt-primary-text); -webkit-text-fill-color:var(--uqt-primary-text); }
.tn-uqt-page .tn-uqt-tool :is(#uqt-query-copy,#uqt-full-copy):not(:disabled):hover { background:var(--uqt-primary-hover); border-color:var(--uqt-primary-hover); }
.tn-uqt-page .uqt-workbench { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:16px; align-items:stretch; }
.tn-uqt-page :is(.uqt-source-window,.uqt-table-window) { display:flex; flex-direction:column; min-width:0; border:1px solid var(--uqt-line); background:var(--uqt-surface); }
.tn-uqt-page .uqt-table-window { background:var(--uqt-wash); }
.tn-uqt-page .uqt-window-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; min-height:54px; padding:12px 14px; border-bottom:1px solid var(--uqt-soft); }
.tn-uqt-page .uqt-window-head :is(label,h2,h3) { margin:0; font-size:15px; font-weight:800; line-height:1.5; color:var(--uqt-ink); -webkit-text-fill-color:var(--uqt-ink); }
.tn-uqt-page .uqt-window-head :is(small,span) { font-size:11px; color:var(--uqt-muted); -webkit-text-fill-color:var(--uqt-muted); }
.tn-uqt-page .uqt-window-body { flex:1; min-width:0; padding:14px; }
.tn-uqt-page .uqt-source-window .uqt-window-body { display:flex; flex-direction:column; gap:12px; }
.tn-uqt-page .uqt-window-foot { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; min-height:64px; padding:11px 14px; margin-top:auto; border-top:1px solid var(--uqt-soft); }
.tn-uqt-page .uqt-actions { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.tn-uqt-page .tn-uqt-tool :is(textarea,input) {
  display:block; width:100%; min-width:0; max-width:100%; margin:0; border:1px solid var(--uqt-line); border-radius:0; box-shadow:none;
  background:var(--uqt-surface); color:var(--uqt-ink); -webkit-text-fill-color:var(--uqt-ink);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:14px; line-height:1.65; letter-spacing:0;
  transition:border-color .16s ease,background-color .16s ease;
}
.tn-uqt-page .tn-uqt-tool textarea { min-height:92px; padding:13px; resize:vertical; overflow-wrap:anywhere; white-space:pre-wrap; }
.tn-uqt-page #uqt-source { flex:1; min-height:168px; }
.tn-uqt-page .tn-uqt-tool :is(textarea,input)::placeholder { color:var(--uqt-muted); -webkit-text-fill-color:var(--uqt-muted); opacity:.72; }
.tn-uqt-page #uqt-source[aria-invalid="true"] { border-color:var(--uqt-accent); }
.tn-uqt-page :is(.uqt-help,#uqt-normalization,#uqt-fragment,.uqt-window-foot>span,.uqt-window-foot>small) { font-size:12px; line-height:1.7; color:var(--uqt-muted); -webkit-text-fill-color:var(--uqt-muted); overflow-wrap:anywhere; word-break:keep-all; text-wrap:pretty; }
.tn-uqt-page .uqt-kicker { font-size:11px; color:var(--uqt-accent); -webkit-text-fill-color:var(--uqt-accent); letter-spacing:.06em; }
.tn-uqt-page .uqt-column-head { display:grid; grid-template-columns:28px minmax(0,1fr) minmax(0,1.2fr) 40px; gap:8px; padding-bottom:8px; font-size:11px; color:var(--uqt-muted); -webkit-text-fill-color:var(--uqt-muted); }
.tn-uqt-page #uqt-rows { max-height:390px; overflow-y:auto; overflow-x:hidden; padding:3px; margin:-3px; scrollbar-width:thin; scrollbar-color:var(--uqt-line) transparent; }
.tn-uqt-page .uqt-row { display:grid; grid-template-columns:28px minmax(0,1fr) minmax(0,1.2fr) 40px; gap:8px; align-items:center; padding:5px 0; border-bottom:1px solid var(--uqt-soft); }
.tn-uqt-page .uqt-row:last-child { border-bottom:0; }
.tn-uqt-page .uqt-row-number { color:var(--uqt-muted); -webkit-text-fill-color:var(--uqt-muted); font-size:11px; text-align:center; }
.tn-uqt-page .uqt-row-field { min-width:0; margin:0; }
.tn-uqt-page .uqt-row textarea { height:40px; min-height:40px; padding:8px; font-size:13px; resize:vertical; white-space:pre; overflow-wrap:normal; }
.tn-uqt-page .tn-uqt-tool .uqt-row-delete { width:40px; padding:0; font-size:22px; font-weight:400; background:transparent; border-color:transparent; }
.tn-uqt-page .tn-uqt-tool .uqt-row-delete:hover { color:var(--uqt-accent); -webkit-text-fill-color:var(--uqt-accent); }
.tn-uqt-page .uqt-empty { padding:22px 8px; font-size:13px; line-height:1.75; color:var(--uqt-muted); -webkit-text-fill-color:var(--uqt-muted); }
.tn-uqt-page .uqt-result { margin-top:16px; padding:14px; border:1px solid var(--uqt-line); background:var(--uqt-wash); }
.tn-uqt-page .uqt-result-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
.tn-uqt-page .uqt-result-head :is(label,h2,h3) { margin:0; color:var(--uqt-ink); -webkit-text-fill-color:var(--uqt-ink); font-size:14px; font-weight:800; line-height:1.5; }
.tn-uqt-page #uqt-full-wrap { margin-top:14px; padding-top:14px; border-top:1px solid var(--uqt-soft); }
.tn-uqt-page #uqt-fragment { padding-top:10px; }
.tn-uqt-page #uqt-normalization { margin-top:12px; }
.tn-uqt-page #uqt-status { min-height:24px; margin-top:12px; font-size:12px; line-height:1.7; color:var(--uqt-muted); -webkit-text-fill-color:var(--uqt-muted); overflow-wrap:anywhere; }
.tn-uqt-page #uqt-status[data-state="error"] { color:var(--uqt-accent); -webkit-text-fill-color:var(--uqt-accent); font-weight:700; }
.tn-uqt-page .uqt-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) .tn-uqt-page,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-uqt-page {
  --uqt-paper:#241d12; --uqt-surface:#322a1a; --uqt-wash:#2c2517; --uqt-ink:#f7ead1;
  --uqt-muted:#c3b492; --uqt-line:#826744; --uqt-soft:#574a37; --uqt-button:#2f2115;
  --uqt-hover:#3a2a1b; --uqt-accent:#e8823f; --uqt-primary:#6a3b1f; --uqt-primary-hover:#824826; --uqt-primary-text:#f7ead1; color-scheme:dark;
}
@media (prefers-color-scheme:dark) {
  body[data-scheme="auto"] .tn-uqt-page {
    --uqt-paper:#241d12; --uqt-surface:#322a1a; --uqt-wash:#2c2517; --uqt-ink:#f7ead1;
    --uqt-muted:#c3b492; --uqt-line:#826744; --uqt-soft:#574a37; --uqt-button:#2f2115;
    --uqt-hover:#3a2a1b; --uqt-accent:#e8823f; --uqt-primary:#6a3b1f; --uqt-primary-hover:#824826; --uqt-primary-text:#f7ead1; color-scheme:dark;
  }
}
@media (max-width:760px) {
  .tn-uqt-page .tn-uqt-tool { padding:10px; }
  .tn-uqt-page .uqt-workbench { grid-template-columns:minmax(0,1fr); gap:13px; }
  .tn-uqt-page .uqt-window-body { padding:12px; }
  .tn-uqt-page .uqt-window-head { padding:10px 12px; min-height:48px; }
  .tn-uqt-page .uqt-window-foot { min-height:62px; padding:10px 12px; }
  .tn-uqt-page #uqt-source { flex:none; min-height:144px; }
  .tn-uqt-page .tn-uqt-tool :is(textarea,input) { font-size:16px; }
  .tn-uqt-page .uqt-result { padding:12px; }
  .tn-uqt-page :is(.uqt-column-head,.uqt-row) { grid-template-columns:22px minmax(0,1fr) minmax(0,1.2fr) 40px; gap:5px; }
  .tn-uqt-page .uqt-row textarea { padding:7px 5px; }
}
@media (prefers-reduced-motion:reduce) {
  .tn-uqt-page .tn-uqt-tool :is(button,input,textarea) { transition:none; }
  .tn-uqt-page .tn-uqt-tool button:not(:disabled):active { transform:none; }
}

.tn-uqt-page .tn-uqt-ad { width:min(900px,100%); min-height:90px; margin-inline:auto; background:transparent; }
.tn-uqt-page .tn-uqt-ad--top { margin-top:54px; margin-bottom:18px; }
.tn-uqt-page .tn-uqt-ad--bottom { margin-top:16px; margin-bottom:26px; }
.tn-uqt-page .uqt-result-line { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:10px; }
.tn-uqt-page .uqt-result-head > span { font-size:11px; color:var(--uqt-muted); -webkit-text-fill-color:var(--uqt-muted); }
.tn-uqt-page .uqt-kicker { display:block; margin-bottom:4px; }
.tn-uqt-page .uqt-window-head label { display:block; }
.tn-uqt-page .uqt-column-head { margin-top:12px; }
.tn-uqt-page .uqt-row-summary { display:flex; flex-wrap:wrap; gap:10px; font-size:11px; color:var(--uqt-muted); -webkit-text-fill-color:var(--uqt-muted); }
.tn-uqt-page .uqt-row-summary b { color:var(--uqt-ink); -webkit-text-fill-color:var(--uqt-ink); }
@media (max-width:760px) {
  .tn-uqt-page .tn-uqt-ad--top { margin-top:48px; }
  .tn-uqt-page .uqt-result-line { grid-template-columns:minmax(0,1fr); gap:8px; }
  .tn-uqt-page .uqt-result-line button { justify-self:end; }
}