html,body,#root{min-width:320px;min-height:100%;margin:0}html{height:100%}body,#root{min-height:100vh}*{box-sizing:border-box}body{color:#1f2937;background:#f5f7fa;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea{font:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px 40px;display:flex}.site-name{color:#1f2937;font-size:28px;font-weight:700;text-decoration:none}.header p{color:#6b7280;margin:6px 0 0}.privacy-badge{color:#047857;background:#ecfdf5;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.main{flex:1;width:min(1200px,100% - 48px);margin:32px auto}.format-panel{grid-template-columns:1fr 1fr;gap:24px;display:grid}.tab-panel[hidden]{display:none}.tab-panel>.compare-section{background:#fff;margin-top:0}.editor-section,.output-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;padding:20px;display:flex}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-header h2{margin:0;font-size:18px}.clear-button{color:#6b7280;cursor:pointer;background:0 0;border:0}.clear-button:hover{color:#111827}.json-input{resize:vertical;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;min-height:450px;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.6}.json-input:focus{border-color:#6366f1}.format-button{color:#fff;cursor:pointer;background:#4f46e5;border:0;border-radius:8px;margin-top:16px;padding:11px 18px;font-weight:600}.format-button:hover:not(:disabled){background:#4338ca}.format-button:disabled{opacity:.7;cursor:progress}.error-message{color:#b91c1c;background:#fef2f2;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:14px}.json-output{color:#e5e7eb;background:#111827;border-radius:8px;flex:1;min-height:450px;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:auto}.json-output pre{white-space:pre;margin:0;font-family:inherit;font-size:14px;line-height:1.6}.footer{text-align:center;color:#6b7280;padding:18px;font-size:13px}.copy-button{color:#fff;font:inherit;cursor:pointer;background-color:#15803d;border:1px solid #166534;border-radius:6px;padding:9px 14px;font-weight:500}.copy-button:hover:not(:disabled){background-color:#166534}.copy-button:disabled{opacity:.5;cursor:not-allowed}.copy-message{color:#16a34a;margin-bottom:12px;font-size:14px}.json-action-buttons{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.json-action-buttons .format-button{margin-top:0}.minify-button{color:#fff;font:inherit;cursor:pointer;background-color:#2563eb;border:1px solid #1d4ed8;border-radius:6px;padding:10px 16px;font-weight:500}.minify-button:hover:not(:disabled){background-color:#1d4ed8}.minify-button:disabled{opacity:.5;cursor:not-allowed}.statistics-panel{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;margin-top:20px;padding:16px}.statistics-panel h3{color:#111827;margin:0 0 14px;font-size:16px}.statistics-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.stat-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;gap:4px;padding:12px;display:flex}.stat-item span{color:#4b5563;font-size:12px}.stat-item strong{color:#111827;overflow-wrap:anywhere;font-size:18px}.compare-section{border:1px solid var(--border-color,#d1d5db);border-radius:8px;margin-top:24px;padding:20px}.compare-section h2{margin-top:0}.compare-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0;display:grid}.compare-input-grid label{margin-bottom:8px;font-weight:600;display:block}.compare-input{box-sizing:border-box;resize:vertical;border:1px solid var(--border-color,#d1d5db);border-radius:6px;width:100%;min-height:220px;padding:12px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6;display:block}.compare-results{margin-top:20px}.compare-results h3{margin-bottom:12px}.difference-card{color:#111827;background:#fff;border:1px solid #d1d5db;border-left-width:4px;border-radius:6px;margin-top:12px;padding:14px}.difference-added{border-left-color:#16a34a}.difference-removed{border-left-color:#dc2626}.difference-changed{border-left-color:#d97706}.difference-heading{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.difference-added .difference-heading strong{color:#15803d}.difference-removed .difference-heading strong{color:#b91c1c}.difference-changed .difference-heading strong{color:#b45309}.difference-heading code{overflow-wrap:anywhere}.difference-value{margin-top:10px}.difference-value span{color:#4b5563;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.difference-value pre{color:#111827;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f4f6;border-radius:4px;margin:0;padding:10px;overflow-x:auto}.download-button{color:#fff;font:inherit;cursor:pointer;background-color:#2563eb;border:1px solid #1d4ed8;border-radius:6px;padding:9px 14px;font-weight:500}.download-button:hover:not(:disabled){background-color:#1d4ed8}.download-button:disabled{opacity:.5;cursor:not-allowed}.output-action-buttons{margin-top:0}.csv-preview{color:#111827;white-space:pre;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;padding:14px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.path-expression-input{resize:none;min-height:0}.path-match{margin-top:12px}.path-match code{color:#4338ca;overflow-wrap:anywhere;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.path-match pre{margin:0}@media (width<=640px){.compare-input-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.header{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}.main{width:calc(100% - 24px);margin:12px auto}.format-panel{grid-template-columns:1fr}}.ad-slot{text-align:center;width:min(1200px,100% - 48px);margin:0 auto 24px}.ad-label{color:#9ca3af;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:11px;display:block}.ad-frame{justify-content:center;align-items:center;min-height:90px;display:flex;overflow:hidden}.ad-frame--preview{color:#9ca3af;border:1px dashed #d1d5db;border-radius:8px;font-size:13px}@media (width<=800px){.ad-slot{width:calc(100% - 24px);margin-bottom:12px}.ad-frame{min-height:100px}}.example-select{color:#374151;max-width:100%;font:inherit;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:7px 10px;font-size:14px}.section-header-actions{align-items:center;gap:12px;display:flex}.error-boundary{color:#7f1d1d;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:20px}.error-boundary p{color:#991b1b;margin:6px 0 14px}.error-boundary .format-button{margin-top:0}.tool-tabs-wrapper{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.tool-tabs{scrollbar-width:none;gap:4px;width:min(1200px,100% - 48px);margin:0 auto;display:flex;overflow-x:auto}.tool-tabs::-webkit-scrollbar{display:none}.tool-tab{color:#6b7280;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex-shrink:0;padding:14px 12px 12px;font-weight:600;text-decoration:none}.tool-tab:hover{color:#111827}.tool-tab[aria-current=page]{color:#4338ca;border-bottom-color:#4f46e5}.tool-tab:focus-visible{outline-offset:-4px;border-radius:6px;outline:2px solid #818cf8}@media (width<=1220px){.tool-tabs{padding-right:32px;scroll-padding-inline:32px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}}@media (width<=800px){.tool-tabs{width:calc(100% - 24px)}.tool-tab{padding:12px 12px 10px}}.json-tree{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.7}.json-node{margin:0}.json-node-header{width:100%;min-height:28px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;margin:0;padding:2px 6px;display:flex}.json-node-header:hover{background:#ffffff0f}.json-node-header:focus-visible{outline-offset:1px;outline:2px solid #818cf8}.json-index{color:#9ca3af}.json-toggle{color:#9ca3af;-webkit-user-select:none;user-select:none;flex-shrink:0;width:20px}.json-key{color:#93c5fd}.json-colon{color:#9ca3af}.json-value{color:#e5e7eb}.json-string{color:#86efac}.json-number{color:#fcd34d}.json-boolean{color:#c4b5fd}.json-null{color:#fca5a5}.json-type{color:#e5e7eb}.json-count{color:#9ca3af;margin-left:8px;font-size:12px}.json-children{border-left:1px solid #374151;margin-left:20px;padding-left:10px}.json-node-closing{color:#e5e7eb;padding-left:26px}.json-leaf{align-items:center;min-height:28px;padding-left:26px;display:flex}.json-search{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.json-search input{border:1px solid var(--border-color,#d1d5db);min-width:180px;font:inherit;border-radius:6px;flex:1;padding:9px 12px}.json-search button{color:#fff;cursor:pointer;font:inherit;background-color:#374151;border:1px solid #374151;border-radius:6px;padding:9px 12px;font-weight:500}.json-search button:hover{background-color:#1f2937;border-color:#1f2937}.json-search-count{color:#9ca3af;font-size:.875rem}.json-search-highlight{color:#222;background-color:#ffe58a;border-radius:2px;padding:0 1px}.compare-input.query-single-line{resize:none;background:#fff;min-height:0}.compare-input.query-small-input{min-height:90px}.query-settings{margin-bottom:0}.query-warnings{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin:0 0 12px;padding:10px 14px;font-size:14px;list-style:none}.query-warnings li+li{margin-top:6px}.query-output{color:#e5e7eb;white-space:pre;background:#111827;border-radius:8px;margin:0;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.query-settings.sql-settings{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=640px){.query-settings.sql-settings{grid-template-columns:minmax(0,1fr)}}.query-field-grid .query-field-wide{grid-column:1/-1}.query-checkbox{color:#374151;cursor:pointer;align-items:center;gap:8px;margin:0 0 4px;font-size:14px;display:flex}.query-checkbox input{accent-color:#4f46e5;width:16px;height:16px;margin:0}.mode-switch{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;margin-bottom:4px;padding:3px;display:inline-flex}.mode-switch button{color:#4b5563;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 16px;font-weight:600}.mode-switch button[aria-pressed=true]{color:#4338ca;background:#fff;box-shadow:0 1px 2px #0000001f}.mode-switch button:focus-visible{outline-offset:1px;outline:2px solid #818cf8}.converter-label{margin-bottom:8px;font-weight:600;display:block}.converter-input-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.converter-file-name{color:#6b7280;font-weight:400}.converter-file-button{color:#4338ca;flex-shrink:0;font-weight:600}.converter-options{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:12px;display:flex}.converter-options>label:not(.query-checkbox){color:#374151;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.converter-options .query-checkbox{margin:0}.converter-detail{color:#6b7280;font-size:14px;font-weight:400}.converter-output{max-height:480px;overflow:auto}.converter-text-option{cursor:text;width:140px}.converter-help{color:#6b7280;margin:6px 0 0;font-size:13px}.code-tabs{margin-top:12px}.code-tabs-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.code-tabs-buttons{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;flex-wrap:wrap;padding:3px;display:inline-flex}.code-tabs-buttons button,.code-tabs-copy{color:#4b5563;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 12px;font-size:14px;font-weight:600}.code-tabs-buttons button[aria-pressed=true]{color:#4338ca;background:#fff;box-shadow:0 1px 2px #0000001f}.code-tabs-copy{color:#fff;background:#15803d;border:1px solid #166534}.code-tabs-copy:hover{background:#166534}.code-tabs-note{color:#6b7280;margin:0 0 8px;font-size:13px}.query-insights,.sample-runner{color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:20px;padding:16px}.query-insights h4,.sample-runner h4{color:#111827;margin:0 0 8px;font-size:15px}.query-insights h4:not(:first-child){margin-top:16px}.query-insights p{margin:4px 0;line-height:1.55}.query-insights ul{margin:0;padding-left:20px;line-height:1.55}.query-insights-index{flex-direction:column;gap:4px;margin-top:8px;display:flex}.query-insights-index code{color:#e5e7eb;white-space:pre;background:#111827;border-radius:6px;padding:8px 10px;font-size:13px;overflow-x:auto}.query-insights-index span{color:#4b5563;font-size:13px}.sample-runner-note{color:#4b5563;margin:0 0 10px;font-size:14px;line-height:1.5}.compare-input.sample-runner-input{background:#fff;min-height:140px}.sample-runner-result{margin-top:14px}.sample-runner-summary{margin:0 0 8px;font-weight:600}.sample-runner-result pre{max-height:420px;overflow:auto}.result-table-wrapper{background:#fff;border:1px solid #d1d5db;border-radius:6px;max-height:420px;overflow:auto}.result-table{border-collapse:collapse;width:100%;font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.result-table th,.result-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:6px 10px}.result-table th{color:#111827;background:#f3f4f6;position:sticky;top:0}.result-null{color:#6b7280;font-style:italic}.schema-valid{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:16px;padding:12px 14px;font-weight:600}.schema-issues{margin:0;padding:0;list-style:none}.schema-issue{color:#111827;background:#fff;border:1px solid #d1d5db;border-left:4px solid #dc2626;border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:10px;padding:12px 14px;display:flex}.schema-issue code{color:#b91c1c;overflow-wrap:anywhere;font-weight:600}.page-intro{margin-bottom:20px}.page-intro h1,.page-article h1{color:#111827;margin:0 0 8px;font-size:26px;line-height:1.25}.page-intro p,.page-lead{color:#4b5563;max-width:900px;margin:0;line-height:1.6}.page-guide,.page-article{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:min(1200px,100% - 48px);margin:0 auto 32px;padding:24px;line-height:1.6}.page-article{margin-top:32px}.page-guide h2,.page-article h2{color:#111827;margin:28px 0 10px;font-size:19px}.page-guide h2:first-child{margin-top:0}.page-guide ol,.page-guide ul,.page-article ul{margin:0;padding-left:22px}.page-guide li+li,.page-article li+li{margin-top:4px}.page-faq{margin:0}.page-faq div+div{margin-top:14px}.page-faq dt{color:#111827;font-weight:600}.page-faq dd{color:#4b5563;margin:4px 0 0}.page-related{flex-wrap:wrap;gap:8px 20px;list-style:none;display:flex;padding-left:0!important}.page-related li+li{margin-top:0}.page-guide a,.page-article a{color:#4338ca;font-weight:500}@media (width<=800px){.page-guide,.page-article{width:calc(100% - 24px);padding:18px}.page-intro h1,.page-article h1{font-size:22px}}