:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent: #8b5cf6;--accent-hover: #7c3aed;--border-color: #2a2a3a;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--graphql-pink: #e535ab;--graphql-type: #f5a623;--graphql-field: #42a5f5;--graphql-arg: #4caf50}[data-astro-cid-gebchtr4]{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;min-height:100vh}header[data-astro-cid-gebchtr4]{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem 2rem;position:sticky;top:0;z-index:100}.header-content[data-astro-cid-gebchtr4]{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo[data-astro-cid-gebchtr4]{font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.5rem}.logo[data-astro-cid-gebchtr4] svg[data-astro-cid-gebchtr4]{width:24px;height:24px;fill:var(--graphql-pink)}nav[data-astro-cid-gebchtr4]{display:flex;gap:1.5rem}nav[data-astro-cid-gebchtr4] a[data-astro-cid-gebchtr4]{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s}nav[data-astro-cid-gebchtr4] a[data-astro-cid-gebchtr4]:hover{color:var(--accent)}main[data-astro-cid-gebchtr4]{max-width:1400px;margin:0 auto;padding:2rem}.tool-header[data-astro-cid-gebchtr4]{text-align:center;margin-bottom:2rem}.tool-header[data-astro-cid-gebchtr4] h1[data-astro-cid-gebchtr4]{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.tool-header[data-astro-cid-gebchtr4] p[data-astro-cid-gebchtr4]{color:var(--text-secondary);max-width:600px;margin:0 auto}.builder-container[data-astro-cid-gebchtr4]{display:grid;grid-template-columns:300px 1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 1200px){.builder-container[data-astro-cid-gebchtr4]{grid-template-columns:1fr 1fr}.schema-panel[data-astro-cid-gebchtr4]{display:none}}@media (max-width: 768px){.builder-container[data-astro-cid-gebchtr4]{grid-template-columns:1fr}}.panel[data-astro-cid-gebchtr4]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden}.panel-header[data-astro-cid-gebchtr4]{background:var(--bg-tertiary);padding:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.panel-title[data-astro-cid-gebchtr4]{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.panel-actions[data-astro-cid-gebchtr4]{display:flex;gap:.5rem}.panel-btn[data-astro-cid-gebchtr4]{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;cursor:pointer;transition:all .2s}.panel-btn[data-astro-cid-gebchtr4]:hover{background:var(--accent);border-color:var(--accent);color:#fff}.panel-content[data-astro-cid-gebchtr4]{padding:1rem;max-height:600px;overflow-y:auto}.schema-panel[data-astro-cid-gebchtr4] .panel-content[data-astro-cid-gebchtr4]{padding:0}.schema-type[data-astro-cid-gebchtr4]{border-bottom:1px solid var(--border-color)}.schema-type[data-astro-cid-gebchtr4]:last-child{border-bottom:none}.type-header[data-astro-cid-gebchtr4]{padding:.75rem 1rem;background:var(--bg-tertiary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.type-header[data-astro-cid-gebchtr4]:hover{background:var(--bg-primary)}.type-name[data-astro-cid-gebchtr4]{color:var(--graphql-type);font-weight:600}.type-badge[data-astro-cid-gebchtr4]{font-size:.625rem;padding:.125rem .5rem;border-radius:9999px;background:var(--graphql-pink);color:#fff}.type-fields[data-astro-cid-gebchtr4]{display:none;padding:.5rem 0}.type-fields[data-astro-cid-gebchtr4].expanded{display:block}.field-item[data-astro-cid-gebchtr4]{padding:.5rem 1rem .5rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;transition:background .2s}.field-item[data-astro-cid-gebchtr4]:hover{background:var(--bg-primary)}.field-name[data-astro-cid-gebchtr4]{color:var(--graphql-field)}.field-type[data-astro-cid-gebchtr4]{color:var(--text-secondary);font-size:.75rem}.query-builder[data-astro-cid-gebchtr4]{padding:0}.query-tree[data-astro-cid-gebchtr4]{padding:1rem;min-height:400px}.query-node[data-astro-cid-gebchtr4]{margin-left:1rem;border-left:1px dashed var(--border-color);padding-left:1rem}.query-node[data-astro-cid-gebchtr4]:first-child{margin-left:0;border-left:none;padding-left:0}.node-header[data-astro-cid-gebchtr4]{display:flex;align-items:center;gap:.5rem;padding:.375rem 0}.node-toggle[data-astro-cid-gebchtr4]{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;cursor:pointer;font-size:.75rem;color:var(--text-secondary)}.node-checkbox[data-astro-cid-gebchtr4]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.node-name[data-astro-cid-gebchtr4]{color:var(--graphql-field);font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem}.node-type[data-astro-cid-gebchtr4]{color:var(--graphql-type);font-size:.75rem}.node-actions[data-astro-cid-gebchtr4]{margin-left:auto;display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.node-header[data-astro-cid-gebchtr4]:hover .node-actions[data-astro-cid-gebchtr4]{opacity:1}.node-action-btn[data-astro-cid-gebchtr4]{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;cursor:pointer;color:var(--text-secondary);font-size:.75rem}.node-action-btn[data-astro-cid-gebchtr4]:hover{background:var(--accent);border-color:var(--accent);color:#fff}.node-args[data-astro-cid-gebchtr4]{margin-left:1.5rem;padding:.5rem;background:var(--bg-tertiary);border-radius:.375rem;margin-top:.25rem;display:flex;flex-wrap:wrap;gap:.5rem}.arg-chip[data-astro-cid-gebchtr4]{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--bg-primary);border-radius:.25rem;font-size:.75rem}.arg-name[data-astro-cid-gebchtr4]{color:var(--graphql-arg)}.arg-value[data-astro-cid-gebchtr4]{color:var(--text-primary)}.arg-remove[data-astro-cid-gebchtr4]{cursor:pointer;color:var(--error);margin-left:.25rem}.query-output[data-astro-cid-gebchtr4]{font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;line-height:1.6;white-space:pre-wrap;background:var(--bg-primary);padding:1rem;border-radius:.5rem;min-height:400px;overflow-x:auto}.ql-keyword[data-astro-cid-gebchtr4]{color:var(--graphql-pink)}.ql-field[data-astro-cid-gebchtr4]{color:var(--graphql-field)}.ql-type[data-astro-cid-gebchtr4]{color:var(--graphql-type)}.ql-string[data-astro-cid-gebchtr4]{color:var(--success)}.ql-number[data-astro-cid-gebchtr4]{color:var(--warning)}.ql-variable[data-astro-cid-gebchtr4]{color:#e879f9}.variables-section[data-astro-cid-gebchtr4]{margin-top:1.5rem}.variables-grid[data-astro-cid-gebchtr4]{display:grid;gap:1rem}.variable-row[data-astro-cid-gebchtr4]{display:grid;grid-template-columns:1fr 150px 1fr auto;gap:.75rem;align-items:center}@media (max-width: 768px){.variable-row[data-astro-cid-gebchtr4]{grid-template-columns:1fr 1fr}}.input-group[data-astro-cid-gebchtr4]{display:flex;flex-direction:column;gap:.25rem}.input-label[data-astro-cid-gebchtr4]{font-size:.75rem;color:var(--text-secondary)}.input-field[data-astro-cid-gebchtr4]{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-family:JetBrains Mono,Fira Code,monospace}.input-field[data-astro-cid-gebchtr4]:focus{outline:none;border-color:var(--accent)}.input-field[data-astro-cid-gebchtr4]::-moz-placeholder{color:var(--text-secondary)}.input-field[data-astro-cid-gebchtr4]::placeholder{color:var(--text-secondary)}select[data-astro-cid-gebchtr4].input-field{cursor:pointer}.remove-btn[data-astro-cid-gebchtr4]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--error);color:var(--error);border-radius:.375rem;cursor:pointer;transition:all .2s}.remove-btn[data-astro-cid-gebchtr4]:hover{background:var(--error);color:#fff}.add-btn[data-astro-cid-gebchtr4]{background:var(--bg-tertiary);border:1px dashed var(--border-color);color:var(--text-secondary);padding:.75rem;border-radius:.5rem;cursor:pointer;text-align:center;transition:all .2s;margin-top:.5rem}.add-btn[data-astro-cid-gebchtr4]:hover{border-color:var(--accent);color:var(--accent)}.operation-type[data-astro-cid-gebchtr4]{display:flex;gap:.5rem;margin-bottom:1rem}.op-btn[data-astro-cid-gebchtr4]{flex:1;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:.5rem;cursor:pointer;font-size:.875rem;transition:all .2s}.op-btn[data-astro-cid-gebchtr4].active{background:var(--accent);border-color:var(--accent);color:#fff}.op-btn[data-astro-cid-gebchtr4]:hover:not(.active){border-color:var(--accent);color:var(--accent)}.templates-section[data-astro-cid-gebchtr4]{margin-top:2rem}.templates-grid[data-astro-cid-gebchtr4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem}.template-card[data-astro-cid-gebchtr4]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s}.template-card[data-astro-cid-gebchtr4]:hover{border-color:var(--accent);transform:translateY(-2px)}.template-title[data-astro-cid-gebchtr4]{font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.template-desc[data-astro-cid-gebchtr4]{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.75rem}.template-preview[data-astro-cid-gebchtr4]{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;background:var(--bg-primary);padding:.5rem;border-radius:.375rem;color:var(--graphql-pink);white-space:pre;overflow:hidden;text-overflow:ellipsis}.privacy-notice[data-astro-cid-gebchtr4]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;margin:2rem 0;text-align:center}.privacy-notice[data-astro-cid-gebchtr4] h3[data-astro-cid-gebchtr4]{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem;color:var(--success)}.privacy-notice[data-astro-cid-gebchtr4] p[data-astro-cid-gebchtr4]{color:var(--text-secondary);font-size:.875rem}.seo-content[data-astro-cid-gebchtr4]{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.seo-content[data-astro-cid-gebchtr4] h2[data-astro-cid-gebchtr4]{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.seo-content[data-astro-cid-gebchtr4] h3[data-astro-cid-gebchtr4]{font-size:1.125rem;margin:1.5rem 0 .75rem;color:var(--text-primary)}.seo-content[data-astro-cid-gebchtr4] p[data-astro-cid-gebchtr4]{color:var(--text-secondary);margin-bottom:1rem}.seo-content[data-astro-cid-gebchtr4] ul[data-astro-cid-gebchtr4]{color:var(--text-secondary);margin-left:1.5rem;margin-bottom:1rem}.seo-content[data-astro-cid-gebchtr4] li[data-astro-cid-gebchtr4]{margin-bottom:.5rem}.seo-content[data-astro-cid-gebchtr4] code[data-astro-cid-gebchtr4]{background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:.25rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem}.related-tools[data-astro-cid-gebchtr4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.related-tool-link[data-astro-cid-gebchtr4]{display:block;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);text-decoration:none;transition:all .2s}.related-tool-link[data-astro-cid-gebchtr4]:hover{border-color:var(--accent);transform:translateY(-2px)}footer[data-astro-cid-gebchtr4]{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:2rem;text-align:center;color:var(--text-secondary);font-size:.875rem;margin-top:3rem}footer[data-astro-cid-gebchtr4] a[data-astro-cid-gebchtr4]{color:var(--accent);text-decoration:none}footer[data-astro-cid-gebchtr4] a[data-astro-cid-gebchtr4]:hover{text-decoration:underline}.modal-overlay[data-astro-cid-gebchtr4]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;display:none}.modal-overlay[data-astro-cid-gebchtr4].active{display:flex}.modal[data-astro-cid-gebchtr4]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;width:90%;max-width:500px;max-height:80vh;overflow:auto}.modal-header[data-astro-cid-gebchtr4]{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-title[data-astro-cid-gebchtr4]{font-weight:600}.modal-close[data-astro-cid-gebchtr4]{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1}.modal-close[data-astro-cid-gebchtr4]:hover{color:var(--text-primary)}.modal-body[data-astro-cid-gebchtr4]{padding:1.5rem}.modal-footer[data-astro-cid-gebchtr4]{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem}.btn[data-astro-cid-gebchtr4]{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-secondary[data-astro-cid-gebchtr4]{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary[data-astro-cid-gebchtr4]:hover{background:var(--bg-primary)}.btn-primary[data-astro-cid-gebchtr4]{background:var(--accent);border:1px solid var(--accent);color:#fff}.btn-primary[data-astro-cid-gebchtr4]:hover{background:var(--accent-hover)}.ad-container[data-astro-cid-gebchtr4]{margin:1.5rem 0;text-align:center}