.qn{--tn-border:#d4d4d8;--tn-bg:#fafafa;--tn-accent:#2563eb;--tn-danger:#dc2626;--tn-radius:6px;--tn-gap:6px;--tn-fg:#18181b;color:var(--tn-fg);font:14px/1.4 system-ui,sans-serif}@media (prefers-color-scheme:dark){.qn:not([data-theme=light]){--tn-border:#3f3f46;--tn-bg:#18181b;--tn-accent:#60a5fa;--tn-danger:#f87171;--tn-fg:#f4f4f5}}.qn-group{border:1px solid var(--tn-border);border-radius:var(--tn-radius);background:var(--tn-bg);padding:8px}.qn-children>.qn-group{content-visibility:auto;contain-intrinsic-size:auto 120px}.qn-group-header,.qn-rule{gap:var(--tn-gap);flex-wrap:wrap;align-items:center;display:flex}.qn-children{gap:var(--tn-gap);margin:var(--tn-gap) 0 0 16px;flex-direction:column;display:flex}.qn-children:empty{border:1px dashed var(--tn-border);border-radius:var(--tn-radius);min-height:24px}.qn-handle{cursor:grab;-webkit-user-select:none;user-select:none;opacity:.5}.qn-value-pair{align-items:center;gap:4px;display:inline-flex}.qn-invalid input,.qn-invalid select{border-color:var(--tn-danger)}.qn-issues{color:var(--tn-danger);flex-basis:100%;font-size:12px}.qn-dragging{opacity:.4}.qn-drop-before{box-shadow:0 -2px 0 var(--tn-accent)}.qn-drop-after{box-shadow:0 2px 0 var(--tn-accent)}.qn-drop-inside{outline:2px dashed var(--tn-accent)}.qn :is(input:not([type=checkbox]),select,button){font:inherit;color:inherit;background:var(--tn-bg);border:1px solid var(--tn-border);border-radius:4px;min-height:26px;padding:2px 6px}.qn button{cursor:pointer}.qn button:hover{border-color:var(--tn-accent)}.qn select[multiple]{min-height:0;padding:2px}.qn-not{align-items:center;gap:4px;display:inline-flex}.qn-locked{opacity:.7}.qn-array-group{border-style:dashed}.qn-match,.qn-function,.qn-operand,.qn-slider{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.qn-match-count{width:4em}.qn :disabled{cursor:not-allowed;opacity:.6}