.CodeMirror{color:#000;direction:ltr;height:300px;font-family:monospace}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{white-space:nowrap;background-color:#f7f7f7;border-right:1px solid #ddd}.CodeMirror-linenumber{text-align:right;color:#999;white-space:nowrap;min-width:20px;padding:0 3px 0 5px}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{background:#7e7;width:auto;border:0!important}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection{background:0 0}.cm-fat-cursor .CodeMirror-line>span::selection{background:0 0}.cm-fat-cursor .CodeMirror-line>span>span::selection{background:0 0}.cm-fat-cursor .CodeMirror-line::-moz-selection{background:0 0}.cm-fat-cursor .CodeMirror-line>span::-moz-selection{background:0 0}.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:0 0}.cm-fat-cursor{caret-color:#0000}@keyframes blink{0%{}50%{background-color:#0000}to{}}.cm-tab{-webkit-text-decoration:inherit;text-decoration:inherit;display:inline-block}.CodeMirror-rulers{position:absolute;inset:-50px 0 0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;position:absolute;top:0;bottom:0}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error,.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:#ff96004d}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{background:#fff;position:relative;overflow:hidden}.CodeMirror-scroll{z-index:0;outline:none;height:100%;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;position:relative;overflow:scroll!important}.CodeMirror-sizer{border-right:50px solid #0000;position:relative}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{z-index:6;outline:none;display:none;position:absolute}.CodeMirror-vscrollbar{top:0;right:0;overflow:hidden scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow:scroll hidden}.CodeMirror-scrollbar-filler{bottom:0;right:0}.CodeMirror-gutter-filler{bottom:0;left:0}.CodeMirror-gutters{z-index:3;min-height:100%;position:absolute;top:0;left:0}.CodeMirror-gutter{white-space:normal;vertical-align:top;height:100%;margin-bottom:-50px;display:inline-block}.CodeMirror-gutter-wrapper{z-index:4;position:absolute;background:0 0!important;border:none!important}.CodeMirror-gutter-background{z-index:4;position:absolute;top:0;bottom:0}.CodeMirror-gutter-elt{cursor:default;z-index:4;position:absolute}.CodeMirror-gutter-wrapper ::selection{background-color:#0000}.CodeMirror-gutter-wrapper ::selection{background-color:#0000}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{font-family:inherit;font-size:inherit;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual;background:0 0;border-width:0;border-radius:0;margin:0;position:relative;overflow:visible}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{z-index:0;position:absolute;inset:0}.CodeMirror-linewidget{z-index:2;padding:.1px;position:relative}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{box-sizing:content-box}.CodeMirror-measure{visibility:hidden;width:100%;height:0;position:absolute;overflow:hidden}.CodeMirror-cursor{pointer-events:none;position:absolute}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;z-index:3;position:relative}div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection{background:#d7d4f0}.CodeMirror-line>span::selection{background:#d7d4f0}.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection{background:#d7d4f0}.CodeMirror-line>span::-moz-selection{background:#d7d4f0}.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:0 0}.cm-s-seti.CodeMirror{border:none;color:#cfd2d1!important;background-color:#151718!important}.cm-s-seti .CodeMirror-gutters{color:#404b53;background-color:#0e1112;border:none}.cm-s-seti .CodeMirror-cursor{border-left:thin solid #f8f8f0}.cm-s-seti .CodeMirror-linenumber{color:#6d8a88}.cm-s-seti .CodeMirror-line::selection{background:#ffffff1a}.cm-s-seti .CodeMirror-line>span::selection{background:#ffffff1a}.cm-s-seti .CodeMirror-line>span>span::selection{background:#ffffff1a}.cm-s-seti .CodeMirror-line::-moz-selection{background:#ffffff1a}.cm-s-seti .CodeMirror-line>span::-moz-selection{background:#ffffff1a}.cm-s-seti .CodeMirror-line>span>span::-moz-selection{background:#ffffff1a}.cm-s-seti span.cm-string,.cm-s-seti span.cm-string-2{color:#55b5db}.cm-s-seti span.cm-number{color:#cd3f45}.cm-s-seti span.cm-variable{color:#55b5db}.cm-s-seti span.cm-variable-2{color:#a074c4}.cm-s-seti span.cm-def{color:#55b5db}.cm-s-seti span.cm-operator{color:#9fca56}.cm-s-seti span.cm-atom{color:#cd3f45}.cm-s-seti span.cm-meta,.cm-s-seti span.cm-tag{color:#55b5db}.cm-s-seti span.cm-attribute,.cm-s-seti span.cm-qualifier{color:#9fca56}.cm-s-seti span.cm-property{color:#a074c4}.cm-s-seti span.cm-variable-3,.cm-s-seti span.cm-type,.cm-s-seti span.cm-builtin{color:#9fca56}.cm-s-seti .CodeMirror-activeline-background{background:#101213}.cm-s-seti .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-background:#0f172a;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--panel-border:#475569b8;--panel-border-strong:#475569e6;--panel-start:#1e293b;--panel-header:#1e293b;--panel-shadow:#02061747;--control-background:#1e293b;--control-border:#475569;--control-border-hover:#64748b;--accent:#38bdf8;--accent-strong:#0284c7;--accent-soft:#38bdf833;--accent-shadow:#0ea5e942;--accent-shadow-hover:#0ea5e96b;--link:#7dd3fc;--link-hover:#bae6fd;--focus:#38bdf8;--code-text:#e2e8f0;--code-gutter:#64748b;--code-cursor:#f8fafc;--code-selection:#38bdf840;--code-comment:#94a3b8;--code-string:#7dd3fc;--code-number:#fca5a5;--code-keyword:#fcd34d;--code-type:#86efac;font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-background:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--panel-border:#e2e8f0;--panel-border-strong:#cbd5e1;--panel-start:#fff;--panel-header:#fff;--panel-shadow:#0f172a14;--control-background:#fff;--control-border:#cbd5e1;--control-border-hover:#94a3b8;--accent:#0ea5e9;--accent-strong:#0284c7;--accent-soft:#0ea5e91f;--accent-shadow:#0ea5e938;--accent-shadow-hover:#0ea5e952;--link:#0369a1;--link-hover:#075985;--focus:#0284c7;--code-text:#0f172a;--code-gutter:#94a3b8;--code-cursor:#0f172a;--code-selection:#0ea5e929;--code-comment:#64748b;--code-string:#0284c7;--code-number:#dc2626;--code-keyword:#b45309;--code-type:#15803d}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background-color:var(--page-background);min-width:320px}button,a{font:inherit}.app-shell{flex-direction:column;height:100dvh;padding:12px;display:flex;overflow:hidden}.inputs-header{border-bottom:1px solid var(--panel-border);background-color:var(--panel-header);flex:0 0 60px;justify-content:space-between;align-items:center;min-height:60px;padding:0 8px 0 14px;display:flex}.inputs-title{align-items:center;gap:8px;min-width:0;display:flex}.inputs-title h1{color:var(--text-primary);letter-spacing:-.035em;margin:0;font-size:1.2rem;font-weight:400;line-height:1.1}.inputs-title .source-link{font-size:.66rem}.inputs-actions{align-items:center;gap:6px;display:flex}.icon-button,.source-link,#execute{letter-spacing:.01em;justify-content:center;align-items:center;gap:6px;font-size:.72rem;font-weight:400;transition:transform .16s,background-color .22s,color .22s,border-color .16s,box-shadow .16s;display:inline-flex}.source-link{color:var(--link);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.source-link:hover{color:var(--link-hover);text-decoration-color:currentColor}.icon-button,#execute{border:1px solid var(--control-border);background-color:var(--control-background);width:36px;min-width:36px;min-height:32px;color:var(--text-secondary);cursor:pointer;border-radius:50%;padding:0}.icon-button:hover,.icon-button[aria-pressed=true]{background-color:var(--accent-soft);color:var(--accent-strong);border-color:#0000}.icon-button svg,.source-link .lucide,#execute svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;flex:none;width:13px;height:13px}.source-link .github-icon{fill:currentColor;flex:none;width:14px;height:14px}.source-link .source-link-external{width:11px;height:11px}#execute .button-icon{fill:currentColor;stroke:none;width:18px;height:18px}#execute{border-color:var(--accent-strong);background-color:var(--accent);width:44px;min-width:44px;min-height:44px;box-shadow:0 8px 18px var(--accent-shadow);color:#fff}#execute:hover:not(:disabled){box-shadow:0 11px 24px var(--accent-shadow-hover);transform:translateY(-1px)}#execute:focus-visible,.source-link:focus-visible,.icon-button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}#execute:disabled{cursor:wait;opacity:.76}.icon-button{background-color:#0000;border-color:#0000;width:44px;min-width:44px;min-height:44px;position:relative;overflow:hidden}.theme-icon{position:absolute;width:20px!important;height:20px!important}.theme-icon-sun{opacity:0;transform:rotate(-45deg)scale(.7)}:root[data-theme=light] .theme-icon-moon{opacity:0;transform:rotate(45deg)scale(.7)}:root[data-theme=light] .theme-icon-sun{opacity:1;transform:rotate(0)scale(1)}.workspace{flex:1;grid-template:"inputs result"minmax(180px,.65fr)"inputs compiled"minmax(300px,1.75fr)/minmax(300px,.75fr) minmax(360px,1.25fr);gap:12px;width:min(1600px,100%);min-height:0;margin:0 auto;display:grid}.panel{border:1px solid var(--panel-border-strong);background-color:var(--panel-start);min-width:0;min-height:0;box-shadow:0 16px 38px var(--panel-shadow);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.panel-inputs{grid-area:inputs}.editor-accordions{flex-direction:column;flex:1;gap:0;min-height:0;display:flex}.panel-compiled{grid-area:compiled}.panel-result{grid-area:result}.editor-accordion{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.editor-accordion:not(:last-child){border-bottom:1px solid var(--panel-border)}.editor-accordion:not(.is-expanded){flex:0 0 54px}.editor-accordion-heading{flex:0 0 54px;min-height:54px;margin:0;display:flex}.editor-accordion-trigger{width:100%;min-height:54px;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;padding:0 18px;font-size:.73rem;transition:background .16s,color .16s;display:flex}.editor-accordion-trigger:hover{background-color:var(--control-background);color:var(--text-primary)}.editor-accordion-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.editor-accordion-trigger:disabled{cursor:default}.editor-label{min-width:0;color:var(--text-primary);letter-spacing:-.01em;font-size:.94rem;font-weight:400}.accordion-indicator{width:17px;height:17px;color:var(--text-tertiary);flex:none;transition:color .16s,transform .24s cubic-bezier(.2,.8,.2,1)}.editor-accordion-trigger[aria-expanded=false] .accordion-indicator{transform:rotate(-90deg)}.editor-accordion-trigger:hover .accordion-indicator,.editor-accordion.is-expanded .accordion-indicator{color:var(--accent-strong)}.editor-accordion-panel{flex:1;min-height:0;padding:0 8px;display:flex}.editor-accordion-panel[hidden]{display:none}.editor-accordion-panel .editor-surface{flex:1}@media (prefers-reduced-motion:no-preference){body,.inputs-header,.panel,.editor-accordion,.panel-header{transition:background-color .22s,border-color .22s,box-shadow .22s}.CodeMirror,.cm-s-seti.CodeMirror,.cm-s-seti .CodeMirror-gutters{transition:background-color .22s,color .22s}.theme-icon{transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1)}}@media (width>=701px) and (prefers-reduced-motion:no-preference){.editor-accordion{transition:flex .24s cubic-bezier(.2,.8,.2,1)}.editor-accordion.is-expanded .editor-accordion-panel{animation:.18s 60ms both accordion-panel-reveal}}@media (width>=701px){.editor-accordion.is-expanded .editor-accordion-trigger{background-color:var(--accent-soft);color:var(--text-primary)}}@keyframes accordion-panel-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.panel-header{border-bottom:1px solid var(--panel-border);background-color:var(--panel-header);justify-content:space-between;align-items:center;min-height:42px;padding:0 14px;display:flex}.panel-header h2{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:.94rem;font-weight:400}.editor-surface{flex:1;min-height:0}.panel-compiled .editor-surface,.panel-result .editor-surface{padding:0 8px}.CodeMirror{width:100%;height:100%;color:var(--code-text);background:0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;line-height:1.65}.cm-s-seti.CodeMirror{color:var(--code-text)!important;background-color:#0000!important}.cm-s-seti .CodeMirror-gutters{background-color:#0000!important}.cm-s-seti .CodeMirror-cursor{border-left-color:var(--code-cursor)}.cm-s-seti.CodeMirror-focused div.CodeMirror-selected{background:var(--code-selection)!important}.cm-s-seti .CodeMirror-line::selection{background:var(--code-selection)!important}.cm-s-seti .CodeMirror-line>span::selection{background:var(--code-selection)!important}.cm-s-seti .CodeMirror-line>span>span::selection{background:var(--code-selection)!important}.cm-s-seti .CodeMirror-line::-moz-selection{background:var(--code-selection)!important}.cm-s-seti .CodeMirror-line>span::-moz-selection{background:var(--code-selection)!important}.cm-s-seti .CodeMirror-line>span>span::-moz-selection{background:var(--code-selection)!important}.cm-s-seti span.cm-comment{color:var(--code-comment)}.cm-s-seti span.cm-string,.cm-s-seti span.cm-string-2,.cm-s-seti span.cm-variable,.cm-s-seti span.cm-def,.cm-s-seti span.cm-meta,.cm-s-seti span.cm-tag{color:var(--code-string)}.cm-s-seti span.cm-number,.cm-s-seti span.cm-atom{color:var(--code-number)}.cm-s-seti span.cm-keyword{color:var(--code-keyword)}.cm-s-seti span.cm-operator,.cm-s-seti span.cm-attribute,.cm-s-seti span.cm-qualifier,.cm-s-seti span.cm-variable-3,.cm-s-seti span.cm-type,.cm-s-seti span.cm-builtin{color:var(--code-type)}.cm-s-seti span.cm-variable-2,.cm-s-seti span.cm-property{color:var(--code-string)}.CodeMirror-scroll{padding:10px 0}.CodeMirror-gutters{background:0 0;border:0}.CodeMirror-linenumber{color:var(--code-gutter);padding:0 10px 0 12px}.CodeMirror-cursor{border-left-color:var(--code-cursor)}.CodeMirror-selected,.CodeMirror-focused .CodeMirror-selected{background:var(--code-selection)!important}@media (width<=700px){.app-shell{height:auto;min-height:100%;padding-bottom:72px;overflow:visible}.workspace{grid-template-rows:repeat(6,auto);grid-template-columns:1fr;grid-template-areas:"title""query""schema""resolvers""result""compiled"}.panel-inputs,.editor-accordions{display:contents}.inputs-header{border:1px solid var(--panel-border-strong);box-shadow:0 16px 38px var(--panel-shadow);border-radius:14px;grid-area:title}.editor-accordion{border:1px solid var(--panel-border-strong);background-color:var(--panel-start);min-height:0;box-shadow:0 16px 38px var(--panel-shadow);border-radius:14px;flex:none;overflow:visible}.editor-accordion:not(:last-child){border-bottom:0}.editor-accordion:not(.is-expanded){flex:auto}.editor-accordion-heading{min-height:54px}.accordion-indicator{display:none}.editor-query{grid-area:query}.editor-schema{grid-area:schema}.editor-resolvers{grid-area:resolvers}.editor-accordion-trigger:disabled:hover{color:var(--text-secondary);background:0 0}.editor-accordion-panel,.editor-surface{flex:none;min-height:0}.panel{min-height:0;overflow:visible}.CodeMirror{height:auto;min-height:180px}.CodeMirror-scroll{height:auto;margin-bottom:0;margin-right:0;padding-bottom:10px;overflow:visible!important}.CodeMirror-sizer{border-right:0;min-height:0!important;margin-bottom:0!important}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar{display:none!important}#execute{z-index:10;right:16px;bottom:max(16px, env(safe-area-inset-bottom));width:48px;min-width:48px;min-height:48px;box-shadow:0 12px 28px var(--accent-shadow-hover);position:fixed}}@media (width<=600px){.app-shell{min-height:100%;padding:12px}}