:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#16191d;--muted:#5c6570;--line:#dfe3e8;--paper:#fff;--wash:#f7f8fa;--accent:#1f5fbf;--danger:#b42318;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;color:var(--ink);background:var(--paper);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased}button,select,input{font:inherit;color:inherit}a{color:var(--accent);text-underline-offset:2px;text-decoration-thickness:1px}code{font-family:var(--mono);font-size:.9em}.page{max-width:46rem;margin:0 auto;padding:5rem 1.5rem 4rem}.masthead h1{letter-spacing:-.02em;margin:0;font-size:2.25rem;font-weight:600}.lede{color:var(--muted);margin:.5rem 0 1.5rem;font-size:1.125rem}.page p{margin:0 0 1rem;line-height:1.65}.actions{align-items:center;gap:1.25rem;margin:1.75rem 0 1rem;display:flex}button.primary{border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;border-radius:6px;padding:.55rem 1.1rem}button.primary:hover{background:#000}.notice{border-left:2px solid var(--line);color:var(--muted);padding-left:.875rem;font-size:.9375rem}.page section{margin-top:3.5rem}.page h2{letter-spacing:-.01em;margin:0 0 .875rem;font-size:1.1875rem;font-weight:600}.code{border:1px solid var(--line);background:var(--wash);border-radius:8px;margin:1.25rem 0;overflow:hidden}.code figcaption{border-bottom:1px solid var(--line);background:var(--paper);color:var(--muted);font-family:var(--mono);padding:.4rem .875rem;font-size:.75rem}.code pre{font-family:var(--mono);margin:0;padding:.875rem;font-size:.8125rem;line-height:1.6;overflow-x:auto}ul.examples{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}ul.examples li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:.75rem;padding:.75rem 0;display:flex}ul.examples button{color:var(--accent);cursor:pointer;text-align:left;text-underline-offset:2px;background:0 0;border:0;flex:0 0 12rem;padding:0;text-decoration:underline}ul.examples span{color:var(--muted);font-size:.9375rem}.colophon{border-top:1px solid var(--line);color:var(--muted);gap:1rem;margin-top:4rem;padding-top:1.25rem;font-size:.875rem;display:flex}.shell{grid-template-rows:auto minmax(0,1fr);height:100vh;display:grid}.playground-header{min-width:0}.toolbar{border-bottom:1px solid var(--line);background:var(--paper);align-items:center;gap:.75rem;min-height:52px;padding:0 1rem;display:flex}.toolbar button.home{letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.toolbar label{color:var(--muted);font-size:.875rem}.toolbar select{border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:.3rem .5rem}.gist-loader{gap:.35rem;display:flex}.gist-loader input{border:1px solid var(--line);background:var(--paper);border-radius:6px;width:12rem;padding:.3rem .5rem}.share-status{color:var(--muted);font-size:.875rem}.gist-error{color:var(--danger);background:#fff1f0;border-bottom:1px solid #f2b8b5;padding:.65rem 1rem;font-size:.875rem}.toolbar .state{color:var(--muted);margin-left:auto;font-size:.875rem}.toolbar .state.error{color:var(--danger)}.toolbar button:not(.home){border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:6px;padding:.3rem .7rem}.workspace{grid-template-columns:1fr 1fr;min-height:0;display:grid}.pane{border-right:1px solid var(--line);grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;display:grid}.pane:last-child{border-right:0}.pane-heading{justify-content:space-between;align-items:center;min-height:2.25rem;padding:.35rem 1rem 0;display:flex}.pane-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.pane-heading button{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:6px;padding:.2rem .55rem;font-size:.75rem}.pane-heading button:disabled{color:var(--muted);cursor:default;opacity:.55}.tabs{gap:.25rem;padding:.4rem 1rem 0;display:flex}.tabs button{color:var(--muted);font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:.25rem .5rem;font-size:.75rem}.tabs button.active{color:var(--ink);border-bottom-color:var(--ink)}.editor{border-top:1px solid var(--line);min-height:0;overflow:auto}.details{border-top:1px solid var(--line);background:var(--wash);max-height:9rem;padding:.6rem 1rem .875rem;overflow:auto}.details b{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem;font-size:.75rem;font-weight:500;display:block}.details pre{white-space:pre-wrap;font-family:var(--mono);margin:0;font-size:.75rem;line-height:1.55}.details.errors pre{color:var(--danger)}@media (width<=820px){.workspace{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.pane{border-right:0;border-bottom:1px solid var(--line)}.page{padding-top:3rem}}.tok-comment{color:#6b7684;font-style:italic}.tok-string{color:#0a7d55}.tok-number{color:#9a5000}.tok-keyword{color:#1f5fbf}.tok-type{color:#2f6f9f}.tok-macro{color:#9b2c86;font-weight:500}.tok-meta{color:#b8471f}.tok-operation{color:#7a3fb8}