:root{color-scheme:light;--bg: #f6f7f9;--panel: #ffffff;--panel-muted: #f1f3f6;--border: #d6dae0;--border-strong: #b9bfc7;--fg: #14171c;--fg-muted: #525a65;--fg-subtle: #7a828e;--accent: #0a58cc;--accent-fg: #ffffff;--accent-soft: #e6efff;--success: #0f7a3a;--success-soft: #e5f6ec;--warn: #8a5a00;--warn-soft: #fcf2d9;--error: #b32121;--error-soft: #fdecec;--shadow: 0 1px 2px rgba(20, 23, 28, .05), 0 2px 8px rgba(20, 23, 28, .04);--radius-sm: 4px;--radius: 6px;--radius-lg: 10px;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-size-body: 16px;--line-height: 1.55}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{max-width:1180px;margin:0 auto;padding:2rem 1.5rem 4rem}header.hero{border-bottom:1px solid var(--border);padding-bottom:1.25rem;margin-bottom:1.5rem}header.hero h1{margin:0 0 .25rem;font-size:1.625rem;font-weight:700;letter-spacing:-.01em}header.hero p.tagline{margin:0;color:var(--fg-muted);font-size:1rem}header.hero .meta{margin-top:.75rem;font-size:.8rem;color:var(--fg-subtle);display:flex;flex-wrap:wrap;gap:.25rem 1.5rem}header.hero .meta a{color:var(--fg-muted);text-decoration:underline;text-underline-offset:2px}.warning-banner{background:var(--warn-soft);border:1px solid #e6c97a;color:var(--warn);padding:.6rem .85rem;border-radius:var(--radius);margin:0 0 1.5rem;font-size:.9rem;display:flex;gap:.6rem;align-items:flex-start}.warning-banner strong{color:#5c3c00}main.layout{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:1020px){main.layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}section.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.25rem 1.1rem;box-shadow:var(--shadow)}section.panel+section.panel{margin-top:0}section.panel h2{margin:0 0 .5rem;font-size:1.05rem;font-weight:600;letter-spacing:-.005em;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}section.panel h2 .count{font-size:.85rem;color:var(--fg-subtle);font-weight:400}section.panel p.description{margin:0 0 .75rem;color:var(--fg-muted);font-size:.9rem}aside.rail{display:flex;flex-direction:column;gap:1.25rem}main.layout>.main-column{display:flex;flex-direction:column;gap:1.25rem;min-width:0}code,.mono{font-family:var(--font-mono);font-size:.9em;background:var(--panel-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.05rem .3rem}label.field{display:block;font-size:.85rem;font-weight:600;color:var(--fg-muted);margin-bottom:.35rem;letter-spacing:.01em}input[type=text],input[type=date],select,textarea{font-family:var(--font-body);font-size:.95rem;color:var(--fg);background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius);padding:.45rem .6rem;width:100%;line-height:1.3}input[type=text]:focus,input[type=date]:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}button{font-family:inherit;font-size:.9rem;font-weight:500;border:1px solid var(--border-strong);background:var(--panel);color:var(--fg);padding:.4rem .8rem;border-radius:var(--radius);cursor:pointer;transition:background .08s ease,border-color .08s ease}button:hover{background:var(--panel-muted)}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button.primary:hover{background:#084bb0;border-color:#084bb0}button.chip{padding:.25rem .55rem;font-size:.8rem;border-radius:999px;background:var(--panel-muted)}button.chip:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.chip-row{display:flex;flex-wrap:wrap;gap:.3rem .4rem;margin:.25rem 0 0}#editor-host{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--panel);min-height:120px;overflow:hidden;transition:box-shadow .25s ease,border-color .25s ease}#editor-host.flash{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.editor-panel h2 .count{background:var(--accent-soft);color:var(--accent);padding:.05rem .55rem;border-radius:999px;font-weight:500;font-size:.78rem}.editor-panel h2 .count:empty{display:none}.cm-editor{min-height:120px;max-height:320px;font-family:var(--font-mono);font-size:.95rem;line-height:1.5}.cm-editor.cm-focused{outline:2px solid var(--accent);outline-offset:-2px}.cm-content{color:var(--fg)}.cm-gutters{background:var(--panel-muted)!important;color:var(--fg-subtle)!important;border-right:1px solid var(--border)!important}.cm-activeLine{background:#0a58cc0d!important}.cm-activeLineGutter{background:#0a58cc14!important;color:var(--fg)!important}#diagnostics{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem;font-size:.88rem}#diagnostics li{padding:.45rem .65rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-muted);color:var(--fg)}#diagnostics li.ok{background:var(--success-soft);border-color:#a5ddb7;color:var(--success)}#diagnostics li.warn{background:var(--warn-soft);border-color:#e6c97a;color:var(--warn)}#diagnostics li.error{background:var(--error-soft);border-color:#eb9a9a;color:var(--error)}#matches{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem;font-size:.88rem}.match{padding:.55rem .75rem;border-radius:var(--radius);background:var(--panel-muted);border:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.4rem .8rem}.match-field{display:inline-flex;gap:.35rem;align-items:baseline;min-width:0}.match-label{color:var(--fg-subtle);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.match-value{color:var(--fg);font-family:var(--font-mono);font-size:.85rem;overflow:hidden;text-overflow:ellipsis}details.ast-details{margin-top:.75rem;border-top:1px dashed var(--border);padding-top:.75rem}details.ast-details summary{cursor:pointer;color:var(--fg-muted);font-size:.85rem;font-weight:500}#ast-output{font-family:var(--font-mono);font-size:.78rem;background:var(--panel-muted);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;overflow:auto;max-height:320px;margin:.5rem 0 0;white-space:pre;color:var(--fg)}.help-intro ol{margin:.5rem 0 0;padding-left:1.25rem;color:var(--fg)}.help-intro li+li{margin-top:.35rem}.help-intro li code{font-size:.85em}#scenarios>details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:0}#scenarios>details>summary::-webkit-details-marker{display:none}#scenarios>details>summary:after{content:"▾";color:var(--fg-muted);font-size:.9rem;transition:transform .2s ease}#scenarios>details:not([open])>summary:after{transform:rotate(-90deg)}#scenarios>details:not([open])>summary{margin-bottom:0}.scenario-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.6rem}.scenario-summary{color:var(--fg-muted);font-size:.82rem}.scenario-actions{display:flex;justify-content:center;margin-top:.75rem}.scenario-actions button{font-size:.85rem;color:var(--accent);border-color:var(--border);background:var(--panel)}.scenario-actions button:hover{background:var(--accent-soft);border-color:var(--accent)}.scenario{text-align:left;padding:.65rem .8rem;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);cursor:pointer;display:flex;flex-direction:column;gap:.15rem;font-family:var(--font-body);font-size:.92rem;line-height:1.4;color:var(--fg);transition:border-color .08s ease,background .08s ease}.scenario:hover{border-color:var(--accent);background:var(--accent-soft)}.scenario-title{font-weight:600}.scenario-query{font-family:var(--font-mono);font-size:.8rem;color:var(--fg-muted);word-break:break-word;white-space:pre-wrap}.builder-row{display:flex;flex-direction:column;gap:.35rem;padding:.6rem .7rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-muted);margin-bottom:.5rem}.builder-row.keyword-row{background:transparent;border:none;padding:0}.builder-row-head{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.builder-row-head .property-select{flex:1 1 12rem;min-width:10rem}.builder-row-head .operator-select{flex:0 0 auto;width:auto;min-width:4.5rem;padding-right:1.6rem}.builder-row-head .op-caption{color:var(--fg-subtle);font-size:.75rem;flex-basis:100%;margin-top:-.1rem}.builder-row-value{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.builder-row-value input[type=text],.builder-row-value>select{flex:1 1 18rem;min-width:0}.builder-row-value .samples-select{flex:0 0 auto;width:auto;min-width:8rem;max-width:10rem}.builder-row select,.builder-row input{font-size:.9rem}.builder-row button.remove{padding:.35rem .6rem;font-size:.8rem;color:var(--fg-muted);margin-left:auto;flex-shrink:0}.operator-legend{margin-bottom:.75rem;font-size:.85rem}.operator-legend summary{cursor:pointer;color:var(--fg-muted);font-weight:500;padding:.25rem 0}.operator-legend ul{list-style:none;padding:.5rem .75rem;margin:.25rem 0 0;background:var(--panel-muted);border:1px solid var(--border);border-radius:var(--radius);display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.35rem 1rem}.operator-legend li{display:flex;gap:.5rem;align-items:baseline}.operator-legend li.op-group{grid-column:1 / -1;display:block;color:var(--fg);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;margin:.4rem 0 .15rem;padding-bottom:.15rem;border-bottom:1px solid var(--border)}.operator-legend li.op-group:first-child{margin-top:0}.nl-row{display:flex;gap:.5rem;margin-bottom:.6rem;align-items:center}.nl-row input{flex:1 1 auto}.nl-notes{list-style:none;padding:0;margin:.6rem 0 0;display:flex;flex-direction:column;gap:.35rem;font-size:.85rem}.nl-note{display:flex;gap:.5rem;padding:.5rem .65rem;border-radius:var(--radius);align-items:baseline;flex-wrap:wrap;border:1px solid var(--border)}.nl-note.ok{background:var(--success-soft);border-color:#a5ddb7}.nl-note.substituted{background:#fff3e0;border-color:#f0c48a}.nl-note.substituted .nl-phrase{background:#ffe0b2;border-color:#f0c48a}.nl-note.warn{background:var(--warn-soft);border-color:#e6c97a}.nl-note .nl-phrase{font-weight:600;color:var(--fg);background:var(--panel);border:1px solid var(--border);padding:.05rem .35rem;border-radius:var(--radius-sm);font-size:.82rem}.nl-note .nl-arrow{color:var(--fg-subtle)}.nl-note .nl-keyql{font-family:var(--font-mono);font-size:.82rem;background:var(--panel);border:1px solid var(--border);padding:.05rem .35rem;border-radius:var(--radius-sm)}.nl-note .nl-desc{color:var(--fg-muted);font-size:.82rem;flex-basis:100%}.operator-legend .op-symbol{font-family:var(--font-mono);font-weight:700;color:var(--accent);background:var(--accent-soft);padding:0 .35rem;border-radius:var(--radius-sm);flex-shrink:0;min-width:2.2rem;text-align:center}.operator-legend .op-desc{color:var(--fg-muted);font-size:.82rem;line-height:1.35}.builder-actions{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.builder-preview{margin-top:.75rem;background:var(--panel-muted);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem;font-family:var(--font-mono);font-size:.85rem;color:var(--fg);word-break:break-word;white-space:pre-wrap;min-height:2.5rem}.builder-preview.placeholder{color:var(--fg-subtle);font-style:italic}.references-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem;font-size:.87rem}.reference-item{display:flex;flex-direction:column;gap:.15rem}.reference-item a{color:var(--accent);text-decoration:none;font-weight:500}.reference-item a:hover{text-decoration:underline}.reference-item .captured{color:var(--fg-subtle);font-size:.78rem}.reference-item .applies{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;background:var(--accent-soft);color:var(--accent);padding:.05rem .4rem;border-radius:999px;margin-right:.35rem}.reference-item .applies.classic{background:#f0eef8;color:#583ea3}.reference-item .applies.reference{background:#f1f3f6;color:var(--fg-muted)}.samples-block{display:flex;flex-direction:column;gap:.65rem}.samples-block h3{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-subtle);font-weight:600}footer.foot{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--fg-subtle);font-size:.8rem;display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;justify-content:space-between}footer.foot a{color:var(--fg-muted)}