:root{--blue-deep:#16425b;--blue-steel:#2f6690;--blue-action:#3a7ca5;--blue-sky:#81c3d7;--mist:#d9dcd6;--canvas:color-mix(in srgb, var(--mist) 62%, white);--surface:color-mix(in srgb, white 96%, var(--mist));--surface-quiet:color-mix(in srgb, var(--mist) 48%, white);--ink:var(--blue-deep);--muted:color-mix(in srgb, var(--blue-deep) 64%, var(--mist));--rule:color-mix(in srgb, var(--blue-sky) 44%, var(--mist));--accent:var(--blue-steel);--action:var(--blue-action);--amber:#f9ab00;--red:#d93025;--focus-ring:oklch(from var(--blue-sky) l c h / .58);--shadow:oklch(from var(--blue-deep) calc(l - .08) c h / .12) 0 1.5rem 4.375rem;--panel-bg:color-mix(in srgb, var(--surface) 92%, var(--mist));--panel-border:color-mix(in srgb, var(--blue-sky) 32%, var(--mist));--panel-highlight:color-mix(in srgb, white 88%, var(--blue-sky));--panel-shadow:oklch(from var(--blue-deep) calc(l - .04) c h / .2);--panel-shadow-soft:oklch(from var(--blue-deep) l c h / .14);--panel-elevation:0 .0625rem 0 var(--panel-highlight) inset, 0 .25rem .75rem -.625rem var(--panel-shadow), 0 1.25rem 2.75rem -1.75rem var(--panel-shadow-soft);--control-elevation:0 .0625rem 0 var(--panel-highlight) inset, 0 .625rem 1.5rem -1.25rem var(--panel-shadow-soft);--radius-panel:.5rem;--radius-control:.375rem;--syntax-attribute:color-mix(in srgb, var(--mist) 84%, white);--syntax-keyword:color-mix(in srgb, var(--blue-sky) 76%, white);--syntax-string:color-mix(in srgb, var(--blue-sky) 64%, var(--mist));--syntax-tag:color-mix(in srgb, var(--blue-sky) 84%, white);--sans:system-ui, "segoe ui", roboto, sans-serif;--display:georgia, "times new roman", serif;--mono:ui-monospace, "sfmono-regular", consolas, monospace;--site-inline-size:min(73.75rem, calc(100% - 2.5rem));--site-inline-size-narrow:min(100% - 1.5rem, 42.5rem);color:var(--ink);font:1rem/1.5 var(--sans);font-synthesis:none;letter-spacing:0;background:var(--canvas);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin-block:0;margin-inline:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.site-header,.shell,.enabled-by,.site-footer{inline-size:var(--site-inline-size);margin-block:0;margin-inline:auto}.site-header{gap:1.125rem;padding-block:2.25rem 1.75rem;display:grid}.shell{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-panel);box-shadow:var(--panel-elevation);overflow:hidden}.site-footer{color:var(--muted);text-align:center;border-block-start:1px solid var(--rule);gap:.375rem;padding-block:1.25rem 2.25rem;display:grid}.site-footer p{margin-block:0;margin-inline:0}.site-footer a{color:var(--action);text-underline-offset:.18em;text-decoration-thickness:.08em}.site-footer a:hover{color:var(--accent)}.eyebrow,.redirect-note button,.mode-toggle button,.copy-button{font-family:var(--mono);letter-spacing:0;font-size:.75rem;line-height:1.2}.label,.results-heading{font-family:var(--mono);letter-spacing:0;font-size:.875rem;line-height:1.3}.eyebrow,.label,.results-heading{color:var(--accent);margin-block:0;margin-inline:0;font-weight:700}.eyebrow{color:var(--ink);font-family:var(--sans);text-transform:none;font-size:clamp(2.125rem,5vw,3.5rem);font-weight:760;line-height:1}h1,h2,p{margin-block:0;margin-inline:0}h1{max-inline-size:none}.lede{max-inline-size:47.5rem;color:var(--muted);font-size:1.125rem}.workspace{background:0 0;grid-template-columns:minmax(20rem,.78fr) minmax(26.25rem,1fr);display:grid}.finder,.output{min-inline-size:0}.finder{border-inline-end:1px solid var(--rule);background:0 0;flex-direction:column;gap:1.75rem;padding-block:1.875rem;padding-inline:1.875rem;display:flex}.search-form{gap:.625rem;display:grid}.search-form label{color:var(--ink);font-weight:750}.search-row{border:1px solid var(--rule);border-radius:var(--radius-control);background:var(--surface);box-shadow:var(--control-elevation);grid-template-columns:minmax(0,1fr) auto;display:grid;overflow:hidden}.search-row input,.search-row button{border:0;min-block-size:3.375rem}.search-row input{inline-size:100%;min-inline-size:0;color:var(--ink);background:0 0;padding-block:0;padding-inline:1rem}.search-row input::placeholder{color:#7a8b92}.search-row button,.copy-button{color:#fff;background:var(--action);border:0;font-weight:800}.search-row button{padding-block:0;padding-inline:1.125rem}.results{gap:.75rem;display:grid}.empty-state{color:var(--muted);background:color-mix(in srgb, var(--surface) 72%, var(--surface-quiet));border:1px dashed var(--rule);border-radius:var(--radius-control);box-shadow:var(--control-elevation);padding-block:1.125rem;padding-inline:1.125rem}.enabled-by{text-align:center;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-panel);box-shadow:var(--panel-elevation);gap:.625rem;margin-block:1.5rem;padding-block:1.25rem;padding-inline:1.125rem;display:grid}.enabled-by-heading{color:var(--accent);font-family:var(--mono);font-size:.875rem;font-weight:700;line-height:1.3}.enabled-by ul{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;list-style:none;display:flex}.enabled-by a{color:var(--ink);text-underline-offset:.18em;text-decoration-thickness:.08em}.enabled-by a:hover{color:var(--accent)}.results ul{gap:.5rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;list-style:none;display:grid}.results button{inline-size:100%;color:var(--ink);text-align:start;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-control);box-shadow:var(--control-elevation);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding-block:.875rem;padding-inline:.875rem;transition:border-color .16s,transform .16s;display:grid}.results span{gap:.25rem;min-inline-size:0;display:grid}.results strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}code{font-family:var(--mono);color:var(--action);font-size:.8125rem}.results small{color:var(--muted);white-space:nowrap;font-size:.8125rem}.output{background:0 0;grid-template-rows:auto auto minmax(0,1fr);gap:1.75rem;padding-block:1.875rem;padding-inline:1.875rem;display:grid}.selected-feature,.preview,.snippet-panel{min-inline-size:0}.selected-feature{gap:.875rem;display:grid}.feature-heading{gap:.5rem;display:grid}.feature-id-row{align-items:center;gap:.625rem;inline-size:fit-content;max-inline-size:100%;display:flex}.feature-id-label{color:var(--muted);font-size:.8125rem}.icon-button{block-size:2rem;inline-size:2rem;color:var(--action);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-control);box-shadow:var(--control-elevation);place-items:center;padding-block:0;padding-inline:0;display:inline-grid}.icon-button:hover{border-color:var(--action)}.icon-button[data-state=copied]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, white);background:color-mix(in srgb, var(--accent) 10%, white)}.icon-button[data-state=failed]{color:var(--red);border-color:color-mix(in srgb, var(--red) 45%, white);background:color-mix(in srgb, var(--red) 10%, white)}.icon-button-icon{display:block}.visually-hidden{white-space:nowrap;clip-path:inset(50%);border:0;block-size:1px;inline-size:1px;padding-block:0;padding-inline:0;position:absolute;overflow:hidden}h2{color:var(--ink);letter-spacing:0;font-size:2.125rem;line-height:1.04}.selected-feature p:not(.label){color:var(--muted)}.redirect-note{background:color-mix(in srgb, var(--surface) 72%, var(--surface-quiet));border:1px solid var(--rule);border-radius:var(--radius-control);box-shadow:var(--control-elevation);gap:.5rem;padding-block:.75rem;padding-inline:.75rem;display:grid}.redirect-note div{flex-wrap:wrap;gap:.5rem;display:flex}.redirect-note button{color:var(--action);border:1px solid var(--rule);border-radius:var(--radius-control);background:#fff;padding-block:.4375rem;padding-inline:.5625rem}.preview{background:color-mix(in srgb, var(--surface) 72%, var(--surface-quiet));border:1px solid var(--rule);border-radius:var(--radius-control);box-shadow:var(--control-elevation);gap:.75rem;padding-block:1.125rem;padding-inline:1.125rem;display:grid}.snippet-panel{grid-template-rows:auto minmax(11.25rem,1fr) auto;gap:.75rem;display:grid}.snippet-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.snippet-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.source-switcher{color:var(--muted);background:var(--surface);border:1px solid var(--rule);box-shadow:var(--control-elevation);border-radius:999rem;align-items:center;gap:.5rem;padding-block:.3125rem;padding-inline:.5rem;display:inline-flex}.source-mode-label{color:var(--muted);font-family:var(--mono);letter-spacing:0;font-size:.75rem;font-weight:700;line-height:1.2;transition:color .16s}.source-mode-label.is-active{color:var(--ink)}.source-switch{background:0 0;border:0;block-size:1.625rem;inline-size:2.875rem;padding-block:0;padding-inline:0;position:relative}.source-switch-track{background:color-mix(in srgb, var(--mist) 58%, white);border:1px solid color-mix(in srgb, var(--blue-sky) 44%, white);border-radius:999rem;align-items:center;padding-inline:.1875rem;display:flex;position:absolute;inset-block:0;inset-inline:0;box-shadow:inset 0 .0625rem #ffffffc7,inset 0 .0625rem .25rem #16425b1a}.source-switch-thumb{background:var(--surface);border:1px solid color-mix(in srgb, var(--blue-sky) 48%, var(--surface));border-radius:50%;block-size:1.25rem;inline-size:1.25rem;margin-inline-start:0;transition:background-color .16s,border-color .16s,margin-inline-start .16s;display:block;box-shadow:0 .0625rem .125rem #16425b24,0 .25rem .75rem #16425b1f}.source-switch[aria-checked=true] .source-switch-track{background:color-mix(in srgb, var(--blue-sky) 42%, white);border-color:color-mix(in srgb, var(--accent) 48%, white)}.source-switch[aria-checked=true] .source-switch-thumb{background:var(--accent);border-color:var(--accent);margin-inline-start:1.25rem}.mode-toggle{border:1px solid var(--rule);border-radius:var(--radius-control);box-shadow:var(--control-elevation);display:inline-flex;overflow:hidden}.mode-toggle button{min-inline-size:5.125rem;color:var(--muted);background:#fff;border:0;padding-block:.5625rem;padding-inline:.625rem}.mode-toggle button+button{border-inline-start:1px solid var(--rule)}.mode-toggle .is-active{color:#fff;background:var(--accent)}.mode-toggle[aria-disabled=true]{opacity:.58}.mode-toggle button:disabled{cursor:not-allowed}pre{color:#dce7ea;border-radius:var(--radius-control);background:linear-gradient(#ffffff08,#0000 2.75rem),#10191c;border:1px solid #10191c;min-block-size:11.25rem;min-inline-size:0;margin-block:0;margin-inline:0;padding-block:1.125rem;padding-inline:1.125rem;overflow:auto;box-shadow:inset .125rem .125rem .625rem #0000006b,inset -.0625rem -.0625rem #ffffff1a}pre code{color:inherit;white-space:pre;font-size:.875rem;line-height:1.6}.syntax-token-attribute{color:var(--syntax-attribute)}.syntax-token-keyword{color:var(--syntax-keyword)}.syntax-token-string{color:var(--syntax-string)}.syntax-token-tag{color:var(--syntax-tag)}pre:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.results button:hover{border-color:var(--action);transform:translateY(-1px)}.copy-button{border-radius:var(--radius-control);justify-self:end;min-block-size:3rem;padding-block:0;padding-inline:1.125rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=860px){.site-header,.shell,.enabled-by{inline-size:var(--site-inline-size-narrow)}.shell{padding-block:0;padding-inline:0}.site-footer{inline-size:var(--site-inline-size-narrow)}.workspace{grid-template-columns:1fr}h1{font-size:3rem}.finder{border-inline-end:0;border-block-end:1px solid var(--rule)}.finder,.output{padding-block:1.375rem;padding-inline:1.375rem}.search-row,.results button{grid-template-columns:1fr}.search-row button{min-block-size:3rem}.results small{white-space:normal}}@media (width<=520px){h1{font-size:2.5rem}h2{font-size:1.75rem}.snippet-head{flex-direction:column;align-items:stretch}.snippet-controls{justify-content:stretch}.source-switcher{justify-content:center}.mode-toggle{inline-size:100%}.mode-toggle button{flex:1}.copy-button{inline-size:100%}}