.graphiql-container{--color-base:var(--background);--color-primary:var(--primary);--color-secondary:var(--secondary);--color-tertiary:var(--muted);--color-info:var(--primary);--color-success:var(--chart-2);--color-warning:var(--chart-4);--color-error:var(--destructive);--color-neutral-10:var(--background);--color-neutral-20:var(--muted);--color-neutral-30:var(--border);--color-neutral-40:var(--muted-foreground);--color-neutral-50:var(--foreground);--color-neutral-60:var(--foreground);--color-neutral:0 0% 98%;--alpha-secondary:0.76;--alpha-tertiary:0.5;--font-family:var(--font-sans);--font-family-monospace:var(--font-mono);--border-radius:var(--radius);--px-2:0.125rem;--px-4:0.25rem;--px-6:0.375rem;--px-8:0.5rem;--px-12:0.75rem;--px-16:1rem;--px-20:1.25rem;--px-24:1.5rem}.dark .graphiql-container{--color-neutral:0 0% 15%;--alpha-secondary:0.9;--alpha-tertiary:0.7}.graphiql-container{background:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius)}.graphiql-editors{background:var(--background)!important}.graphiql-query-editor,.graphiql-response{background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.graphiql-toolbar{background:var(--muted);border-bottom:1px solid var(--border)}.graphiql-toolbar-button{background:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s ease}.graphiql-toolbar-button:hover{background:var(--accent);color:var(--accent-foreground)}.graphiql-toolbar-button:disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed}.graphiql-sidebar{background:var(--card);border-right:1px solid var(--border)}.graphiql-sidebar-section{border-bottom:1px solid var(--border)}.graphiql-sidebar-section-title{background:var(--muted);color:var(--muted-foreground);font-weight:600}.CodeMirror{background:var(--card)!important;color:var(--card-foreground)!important;border:none;font-family:var(--font-mono)!important}.CodeMirror-gutters{background:var(--muted)!important;border-right:1px solid var(--border)!important}.CodeMirror-linenumber{color:var(--muted-foreground)!important}.CodeMirror-cursor{border-left:1px solid var(--foreground)!important}.CodeMirror-selected{background:var(--accent)!important}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:var(--accent)!important}.cm-keyword{color:var(--chart-1)!important}.cm-string{color:var(--chart-2)!important}.cm-number{color:var(--chart-3)!important}.cm-atom{color:var(--chart-4)!important}.cm-variable{color:var(--foreground)!important}.cm-variable-2{color:var(--primary)!important}.cm-comment{color:var(--muted-foreground)!important;font-style:italic}.cm-punctuation{color:var(--foreground)!important}.cm-property{color:var(--chart-5)!important}.graphiql-dialog{background:var(--popover);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)}.graphiql-dialog-header{background:var(--muted);border-bottom:1px solid var(--border);color:var(--foreground)}.graphiql-dialog-title{color:var(--foreground);font-weight:600}.graphiql-tab,.graphiql-tab-button{background:var(--muted);color:var(--muted-foreground);border:1px solid var(--border);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0}.graphiql-tab-button.active,.graphiql-tab.active{background:var(--card);color:var(--card-foreground);border-bottom:1px solid var(--card)}.graphiql-tab-button:hover,.graphiql-tab:hover{background:var(--accent);color:var(--accent-foreground)}.graphiql-tab-button{font-family:var(--font-sans);font-size:.875rem;padding:var(--px-8) var(--px-16);transition:all .2s ease}.graphiql-un-styled,button.graphiql-tab-button{color:var(--muted-foreground)!important;background:var(--muted)!important}.graphiql-un-styled:hover,button.graphiql-tab-button:hover{color:var(--accent-foreground)!important;background:var(--accent)!important}.graphiql-un-styled.active,button.graphiql-tab-button.active{color:var(--card-foreground)!important;background:var(--card)!important}.graphiql-container .graphiql-un-styled{color:var(--muted-foreground)!important}.graphiql-editor-tools{background:var(--muted)!important;border-top:1px solid var(--border);padding:var(--px-8)}.graphiql-editor-tools button{background:var(--background)!important;color:var(--foreground)!important;border:1px solid var(--border);border-radius:var(--radius);padding:var(--px-6) var(--px-12);margin-right:var(--px-4);transition:all .2s ease}.graphiql-editor-tools button:hover{background:var(--accent)!important;color:var(--accent-foreground)!important}.graphiql-editor-tools button.active,.graphiql-editor-tools button[data-state=open]{background:var(--primary)!important;color:var(--primary-foreground)!important}.graphiql-toggle-editor-tools{background:var(--background)!important;color:var(--foreground)!important;border:1px solid var(--border)!important}.graphiql-toggle-editor-tools:hover{background:var(--accent)!important;color:var(--accent-foreground)!important}.graphiql-chevron-icon{color:inherit}.graphiql-container .graphiql-editor-tools .graphiql-un-styled{background:var(--background)!important;color:var(--foreground)!important;border:1px solid var(--border)!important;font-family:var(--font-sans),sans-serif;font-size:.875rem;font-weight:500}.graphiql-container .graphiql-editor-tools .graphiql-un-styled:hover{background:var(--accent)!important;color:var(--accent-foreground)!important}.graphiql-history{background:var(--card);border-left:1px solid var(--border)}.graphiql-history-item{border-bottom:1px solid var(--border);color:var(--card-foreground)}.graphiql-history-item:hover{background:var(--accent);color:var(--accent-foreground)}.graphiql-explorer{background:var(--card);color:var(--card-foreground)}.graphiql-explorer-section{border-bottom:1px solid var(--border)}.graphiql-explorer-label{color:var(--foreground);font-weight:500}.graphiql-container ::-webkit-scrollbar{width:8px;height:8px}.graphiql-container ::-webkit-scrollbar-track{background:var(--muted)}.graphiql-container ::-webkit-scrollbar-thumb{background:var(--muted-foreground);border-radius:var(--radius)}.graphiql-container ::-webkit-scrollbar-thumb:hover{background:var(--foreground)}.graphiql-spinner{border-color:var(--muted);border-top-color:var(--primary)}.graphiql-error{background:color-mix(in srgb,var(--destructive) 10%,transparent);border:1px solid var(--destructive);color:var(--destructive);border-radius:var(--radius)}.result-window{background:var(--card);color:var(--card-foreground);font-family:var(--font-mono)}.graphiql-search{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground)}.graphiql-search:focus{outline:2px solid var(--ring);outline-offset:2px;border-color:var(--ring)}.graphiql-button{background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius);padding:var(--px-8) var(--px-16);font-weight:500;transition:all .2s ease}.graphiql-button:hover{background:color-mix(in srgb,var(--primary) 90%,black)}.graphiql-button:disabled{background:var(--muted);color:var(--muted-foreground);cursor:not-allowed}.graphiql-button-secondary{background:var(--secondary);color:var(--secondary-foreground)}.graphiql-button-secondary:hover{background:color-mix(in srgb,var(--secondary) 90%,black)}.dark .graphiql-container,.dark .graphiql-explorer-label,.dark .graphiql-history-item,.dark .graphiql-sidebar-section-title{color:var(--foreground)}.dark .CodeMirror,.dark .cm-variable{color:var(--foreground)!important}.dark .cm-comment,.dark .cm-punctuation{color:var(--muted-foreground)!important}.dark .graphiql-container .graphiql-doc-explorer-arg,.dark .graphiql-container .graphiql-doc-explorer-content,.dark .graphiql-container .graphiql-doc-explorer-description,.dark .graphiql-container .graphiql-doc-explorer-field,.dark .graphiql-container .graphiql-doc-explorer-title,.dark .graphiql-container .graphiql-doc-explorer-type,.dark .graphiql-container [class*=graphiql],.dark .graphiql-container [style*="color: hsla"],.dark .graphiql-container [style*="color:hsla"]{color:var(--foreground)!important}.dark .graphiql-container input,.dark .graphiql-container select,.dark .graphiql-container textarea{background:var(--input);color:var(--foreground);border:1px solid var(--border)}.dark .graphiql-container button{color:var(--foreground)}.dark .graphiql-container .graphiql-button{color:var(--primary-foreground)}.dark .graphiql-container .graphiql-button-secondary{color:var(--secondary-foreground)}