@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/fonts/roboto-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(/fonts/roboto-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212}:root{--primary: #0b57d0;--on-primary: #ffffff;--primary-container: #d3e3fd;--on-primary-container: #041e49;--surface: #fdfcff;--surface-low: #f6f8fd;--surface-container: #eceef4;--on-surface: #1a1c1e;--on-surface-variant: #44474e;--outline: #74777f;--outline-variant: #c4c6d0;--error: #ba1a1a;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-full: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s6: 24px;--s8: 32px;--s12: 48px;--measure: 68ch;--page: 960px;--sans: Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace}@media(prefers-color-scheme:dark){:root{--primary: #a8c7fa;--on-primary: #062e6f;--primary-container: #0842a0;--on-primary-container: #d3e3fd;--surface: #111318;--surface-low: #191c20;--surface-container: #202225;--on-surface: #e2e2e6;--on-surface-variant: #c4c6d0;--outline: #8e9099;--outline-variant: #44474e;--error: #ffb4ab}}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--on-surface);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.wrap{max-width:var(--page);margin:0 auto;padding:0 var(--s6)}header.site{background:var(--surface);border-bottom:1px solid var(--outline-variant)}header.site .wrap{display:flex;align-items:center;gap:var(--s3);height:64px}header.site a.brand{display:inline-flex;align-items:center;gap:var(--s3);text-decoration:none;color:var(--on-surface);font-weight:500;font-size:20px}header.site .mark{display:inline-flex;color:var(--primary)}header.site .mark svg{width:32px;height:32px;display:block}header.site .promise{margin-left:auto;font-size:13px;color:var(--on-surface-variant)}@media(max-width:640px){header.site .promise{display:none}}nav.tools{background:var(--surface-low);border-bottom:1px solid var(--outline-variant)}nav.tools .wrap{display:flex;gap:var(--s2);flex-wrap:wrap;padding-top:var(--s3);padding-bottom:var(--s3)}nav.tools a{font-size:14px;font-weight:500;white-space:nowrap;text-decoration:none;color:var(--on-surface-variant);border:1px solid var(--outline-variant);border-radius:var(--r-sm);padding:7px 14px;background:transparent;transition:background .12s,color .12s}nav.tools a:hover{background:var(--surface-container);color:var(--on-surface)}nav.tools a[aria-current=page]{background:var(--primary-container);color:var(--on-primary-container);border-color:transparent}@media(max-width:700px){nav.tools .wrap{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}nav.tools .wrap::-webkit-scrollbar{display:none}}h1{font-size:36px;font-weight:400;line-height:1.2;margin:var(--s8) 0 var(--s3)}h2{font-size:22px;font-weight:500;line-height:1.3;margin:var(--s8) 0 var(--s2)}h3{font-size:16px;font-weight:500;margin:var(--s6) 0 var(--s1)}p{margin:0 0 var(--s4);max-width:var(--measure)}.lede{font-size:16px;color:var(--on-surface-variant)}.muted{color:var(--on-surface-variant)}a{color:var(--primary)}ol.steps{padding-left:var(--s6);color:var(--on-surface-variant);max-width:var(--measure)}ol.steps li{margin-bottom:var(--s1)}pre.sample{background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:var(--r-md);padding:var(--s4);overflow-x:auto;font-family:var(--mono);font-size:13px;line-height:1.6}.tool{background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:var(--r-md);padding:var(--s6);margin:var(--s6) 0 var(--s8)}.drop{position:relative;display:block;border:1px dashed var(--outline);border-radius:var(--r-md);padding:var(--s8) var(--s4);text-align:center;cursor:pointer;background:var(--surface);transition:border-color .12s,background .12s}.drop:hover,.drop.over{border-color:var(--primary);background:var(--primary-container)}.drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop strong{display:block;font-size:16px;font-weight:500;margin-bottom:var(--s1);word-break:break-all}.drop span{font-size:14px;color:var(--on-surface-variant)}.options{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:center;margin-top:var(--s4);font-size:14px}.options label{display:flex;align-items:center;gap:var(--s2);color:var(--on-surface-variant)}.options select,.options input[type=text]{font:inherit;font-size:14px;padding:9px var(--s3);border:1px solid var(--outline);border-radius:var(--r-xs);background:var(--surface);color:var(--on-surface)}.options select:focus,.options input:focus{outline:2px solid var(--primary);outline-offset:-2px}button.primary{font:inherit;font-size:14px;font-weight:500;cursor:pointer;background:var(--primary);color:var(--on-primary);border:0;border-radius:var(--r-full);padding:11px var(--s6);margin-top:var(--s4)}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.primary:disabled{opacity:.38;cursor:not-allowed}button.ghost{font:inherit;font-size:14px;font-weight:500;cursor:pointer;background:transparent;color:var(--primary);border:0;border-radius:var(--r-full);padding:9px var(--s3)}button.ghost:hover:not(:disabled){background:var(--surface-container)}button.ghost:disabled{opacity:.38;cursor:not-allowed}.result{margin-top:var(--s4);font-size:14px}.result p{margin:0 0 var(--s2)}.error{color:var(--error)}.scroll{overflow-x:auto}.result table,table.grid-table{border-collapse:collapse;width:100%;margin-top:var(--s4);font-size:14px;font-variant-numeric:tabular-nums}.result th,table.grid-table th{text-align:left;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant);padding:var(--s3);border-bottom:1px solid var(--outline-variant);white-space:nowrap;background:var(--surface-low)}table.grid-table th{cursor:pointer;user-select:none;position:sticky;top:0}table.grid-table th:hover{color:var(--primary)}.result td,table.grid-table td{padding:var(--s3);border-bottom:1px solid var(--outline-variant);font-family:var(--mono);font-size:13px;white-space:nowrap;max-width:32ch;overflow:hidden;text-overflow:ellipsis}table.grid-table tr:hover td{background:var(--surface-container)}table.grid-table td.empty{color:var(--on-surface-variant)}.viewer-panel{margin-top:var(--s4)}.viewer-bar{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;margin:var(--s4) 0 0}.viewer-bar .search{flex:1 1 240px;font:inherit;font-size:14px;padding:10px var(--s4);border:1px solid var(--outline);border-radius:var(--r-xs);background:var(--surface);color:var(--on-surface)}.viewer-bar .search:focus{outline:2px solid var(--primary);outline-offset:-2px}details{border-bottom:1px solid var(--outline-variant);padding:var(--s4) 0;max-width:var(--measure)}details summary{cursor:pointer;font-weight:500}details summary:hover{color:var(--primary)}details p{margin:var(--s2) 0 0;color:var(--on-surface-variant)}.grid{display:grid;gap:var(--s3);list-style:none;padding:0;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:var(--s4) 0 0}.grid a{display:block;padding:var(--s4);text-decoration:none;border:1px solid var(--outline-variant);border-radius:var(--r-md);background:var(--surface-low);color:var(--on-surface);transition:background .12s,border-color .12s}.grid a:hover{border-color:var(--primary);background:var(--surface-container)}.grid strong{display:block;font-weight:500}.grid span{color:var(--on-surface-variant);font-size:14px}footer.site{border-top:1px solid var(--outline-variant);margin-top:var(--s12);padding:var(--s6) 0 var(--s12);color:var(--on-surface-variant);font-size:14px}footer.site a{color:var(--primary)}