@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@400;500;600&display=swap";
:root{--font-primary:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-title:"IBM Plex Serif",Georgia,"Times New Roman",serif;--body-color:#111;--body-bg:#fdfdfc;--heading-color:#111;--hyperlink-color:#2480ed;--selection-color:#111;--selection-bg:#ededed;--focus-color:#007aff80}*{box-sizing:border-box;border:0;outline:0;margin:0;padding:0}::selection{color:var(--selection-color);background:var(--selection-bg)}:focus-visible{outline:2px solid var(--focus-color)}html{background:var(--body-bg);color:var(--body-color)}html,html body{min-height:100%}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;font-family:var(--font-primary);overflow-y:scroll}h1,h2,h3,h4,h5,h6{color:#000000d9;position:relative}h1{font-family:var(--font-title);letter-spacing:-.01rem;font-size:1.25rem;font-weight:500;line-height:1.4}.sketchy-underline{--marker-color:#4c74ff;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:0 0;background-image:linear-gradient(75deg,color-mix(in srgb,var(--marker-color),transparent 50%),color-mix(in srgb,var(--marker-color),transparent 85%)4%,color-mix(in srgb,var(--marker-color),transparent 70%)96%,color-mix(in srgb,var(--marker-color),transparent 40%));border-radius:.2em .15em;margin:-.04em -.06em;padding:.04em .06em;display:inline}h2{letter-spacing:-.005rem;color:#000000c7;align-items:center;gap:.75rem;margin-bottom:1.125rem;font-size:.8125rem;font-weight:550;line-height:normal;display:flex}h2:after{content:"";background:#00000014;flex:1;height:1px}h3{letter-spacing:-.005rem;color:#000000b3;font-size:.8125rem;font-weight:500;line-height:normal}a{color:inherit;-webkit-tap-highlight-color:#0000;text-decoration:none}img,svg{max-width:100%;height:auto;display:inline-block}button{cursor:pointer;font-family:var(--font-primary);-webkit-tap-highlight-color:#0000;background:0 0}button:disabled{pointer-events:none;cursor:not-allowed}.styled-link{color:var(--hyperlink-color);font-weight:inherit;line-height:inherit;transition:all .2s;display:inline;position:relative}.styled-link:hover{color:#74b1fd}.side-nav{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:3.75rem;bottom:1.5rem;left:calc(50% - 29rem);overflow:hidden auto}.side-nav::-webkit-scrollbar{display:none}.side-nav .side-nav-logo{color:#000000d9;cursor:default;flex-direction:column;align-items:flex-start;margin-bottom:1rem;font-size:.875rem;font-weight:500;display:flex}.side-nav .nav-links{cursor:pointer;flex-direction:column;gap:.5rem;display:flex}.side-nav .nav-link{font-variation-settings:"wght" 450;color:#00000059;align-items:center;gap:.375rem;font-size:.75rem;transition:color .15s,font-variation-settings .25s;display:flex}.side-nav .nav-link:hover{color:#0000008c;font-variation-settings:"wght" 550}.side-nav .nav-link.active{color:#000c;font-variation-settings:"wght" 550}.side-nav .nav-section{font-variation-settings:"wght" 500;color:#00000040;cursor:default;margin-top:.75rem;margin-bottom:.125rem;font-size:.625rem}.side-nav .nav-meta{color:#0003;align-items:center;gap:.25rem;margin-top:.75rem;font-size:.625rem;display:flex}.side-nav .nav-meta a{align-items:center;gap:.25rem;display:flex}.side-nav .nav-github{color:#0003;transition:color .15s;display:flex}.side-nav .nav-github:hover{color:#0006}@media (max-width:900px){.side-nav{display:none}}.main-content{padding-bottom:3rem}.article{flex-direction:column;gap:.875rem;max-width:36rem;margin:0 auto;padding:4rem 1.5rem 3rem;display:flex}@media (max-width:900px){.article{padding-top:2rem}}.article header{flex-direction:column;gap:.25rem;padding-top:.25rem;padding-bottom:1.75rem;display:flex}.article header .tagline{color:#000000a6;font-size:.875rem;font-weight:450}.article header time{color:#0006;letter-spacing:.02rem;text-transform:uppercase;font-size:.625rem;font-weight:450}.article section{margin-top:.75rem}.article section h3{margin-top:1rem;margin-bottom:.375rem}.article section h3:first-child{margin-top:.5rem}.article section+section{margin-top:1.5rem}.article p{letter-spacing:-.005rem;color:#000c;font-size:.875rem;font-weight:450;line-height:1.45rem}.article p+p{margin-top:.75rem}.article blockquote{color:#0009;border-left:2px solid #e0e0e0;margin:.5rem 0;padding-left:1rem;font-style:italic}.article ul,.article ol{flex-direction:column;gap:.25rem;padding-left:1rem;display:flex}.article ul li,.article ol li{letter-spacing:-.005rem;color:#000c;font-size:.875rem;font-weight:450;line-height:1.45rem}.article ul li strong,.article ol li strong{font-weight:550}.article ul li::marker{color:#00000040}.article ol li::marker{color:#00000040}.article ul ul,.article ol ul{gap:.125rem;margin-top:.25rem}.article ul ul li,.article ol ul li{color:#0009;font-size:.8125rem}.article p+ul,.article p+ol{margin-top:.5rem}.article ul+p,.article ol+p{margin-top:.625rem}.article code{color:#000000bf;background:#0000000a;border-radius:.25rem;padding:.1rem .35rem;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.8125rem}.article .code-block{color:#333;white-space:pre-wrap;word-break:break-word;background:#f8f8f8;border:1px solid #0000000f;border-radius:.5rem;margin:.625rem 0;padding:.875rem 1rem;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.75rem;line-height:1.55;overflow-x:hidden}.article .diff-block{border:1px solid #0000000f;border-radius:.5rem;margin:.625rem 0;font-size:.75rem;overflow:hidden}.article p a,.article li a,.article td a{color:var(--hyperlink-color);transition:color .15s}.article p a:hover,.article li a:hover,.article td a:hover{color:#74b1fd}.props-list{flex-direction:column;display:flex}.prop-item{border-bottom:1px solid #0000000f;flex-direction:column;gap:.25rem;padding:.625rem 0;display:flex}.prop-item:last-child{border-bottom:none}.prop-header{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.prop-name{color:#000c;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.8125rem}.prop-type{color:#0006;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.75rem}.prop-default{color:#0006;font-size:.75rem}.prop-desc{color:#0000008c;margin:0;font-size:.8125rem;font-weight:450;line-height:1.5}.footer{text-align:left;color:#0006;border-top:1px solid #0000000f;max-width:36rem;margin:0 auto;padding:1rem 1.5rem 3rem;font-size:.75rem}.footer a{color:#00000080;text-underline-offset:2px;text-decoration:underline}.footer a:hover{color:#000000b3}.install-snippet{cursor:pointer;color:#0006;background:0 0;border:none;align-items:center;gap:.5rem;padding:.25rem 0;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.6875rem;transition:color .15s;display:flex;position:relative}.install-snippet:hover{color:#000000b3}.install-snippet code{font-size:inherit;color:inherit;background:0 0;padding:0}.install-snippet svg{opacity:.7;flex-shrink:0}.quickstart-links{border-top:1px solid #0000000f;padding-top:1.5rem;font-size:.8125rem;margin-top:2rem!important}.quickstart-links p{color:#00000080;margin:.5rem 0}.quickstart-links p:first-child{margin-top:0}.quickstart-links .arrow{transition:transform .15s;display:inline-block}.quickstart-links a:hover .arrow{transform:translate(3px)}.mobile-nav{display:none}@media (max-width:900px){.mobile-nav{flex-direction:column;gap:.5rem;padding:1rem 1.5rem .375rem;display:flex}}.mobile-nav .mobile-nav-header{justify-content:space-between;align-items:center;display:flex}.mobile-nav .mobile-nav-toggle{justify-content:center;align-items:center;width:1.25rem;height:1.25rem;margin-left:-.125rem;display:flex}.mobile-nav .mobile-nav-icon{flex-direction:column;justify-content:space-between;width:.75rem;height:.5rem;display:flex}.mobile-nav .mobile-nav-icon span{transform-origin:50%;background:#999;border-radius:1px;width:100%;height:1.5px;transition:transform .2s;display:block}.mobile-nav .mobile-nav-toggle.open .mobile-nav-icon span:first-child{transform:translateY(3.25px)rotate(45deg)}.mobile-nav .mobile-nav-toggle.open .mobile-nav-icon span:last-child{transform:translateY(-3.25px)rotate(-45deg)}.mobile-nav .mobile-nav-links{grid-template-rows:0fr;margin-top:.5rem;transition:grid-template-rows .2s;display:grid}.mobile-nav .mobile-nav-links.open{grid-template-rows:1fr}.mobile-nav .mobile-nav-links-inner{flex-direction:column;gap:.5rem;display:flex;overflow:hidden}.mobile-nav .mobile-nav-link{font-variation-settings:"wght" 450;color:#00000059;font-size:.75rem;transition:color .15s,font-variation-settings .25s}.mobile-nav .mobile-nav-link:hover{color:#0000008c}.mobile-nav .mobile-nav-link.active{color:#000c;font-variation-settings:"wght" 550}.mobile-typed-logo{color:#000000d9;align-items:center;min-height:32px;font-size:.875rem;font-weight:500;display:flex}[data-toc-title]{color:#0006;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem;font-size:.6875rem;font-weight:550;display:block}[data-toc-list]{box-sizing:content-box;padding:0;flex-direction:column;gap:.375rem;margin:0;padding-block-start:.375rem;padding-inline-start:.75rem;font-size:.75rem;line-height:1.33;list-style:none;display:flex;position:relative}[data-toc-list]:before{content:"";background:#00000014;border-radius:9999px;width:1.5px;position:absolute;inset-block:.375rem 0;inset-inline-start:0}[data-toc-list]:after{content:"";width:1.5px;transform:translateY(var(--active-top,.375rem));height:var(--active-height,1rem);background:#000c;border-radius:9999px;transition:transform .26s cubic-bezier(.25,.46,.45,.94),height .26s cubic-bezier(.25,.46,.45,.94);position:absolute;inset-block:0;inset-inline-start:0}[data-toc-item][data-level="2"]{padding-inline-start:.75rem}[data-toc-item] a{color:#0006;line-height:1rem;text-decoration:none;transition:color .12s cubic-bezier(.25,.46,.45,.94),font-variation-settings .12s cubic-bezier(.25,.46,.45,.94);display:block}[data-toc-item] a:hover{font-variation-settings:"wght" 500;color:#0000008c}[data-toc-item] a[aria-current=true]{color:#000000d9;font-weight:500}.nav-item-wrapper{flex-direction:column;display:flex}.nav-toc{margin-top:.375rem;padding-bottom:.5rem;padding-left:.125rem}.hero-demo{border:1px solid #00000008;border-radius:16px;flex-direction:column;gap:.5rem;max-width:42rem;margin:0 auto 1rem;padding:4px;display:flex;box-shadow:0 0 0 1px #0000000f,0 4px 16px #00000014}.hero-demo-sources{gap:.75rem;min-height:230px;display:flex}.window-chrome{background:#f0f0f0;border-bottom:1px solid #0000000f;border-radius:12px 12px 0 0;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.window-chrome.dark{background:#1a1a2e;border-bottom-color:#ffffff14}.window-dots{gap:.375rem;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.window-url{text-align:left;color:#0006;background:#0000000a;border-radius:.25rem;flex:1;padding:.125rem .5rem;font-size:.6875rem}.window-terminal-title{text-align:left;color:#fff9;border-radius:.25rem;flex:1;padding:.125rem .5rem;font-size:.6875rem}.window-title{text-align:center;color:#ffffff80;flex:1;font-size:.6875rem}.hero-demo-browser{background:#fff;border:1px solid #0000000f;border-radius:12px;flex-direction:column;flex:1.5;display:flex;overflow:hidden}.browser-page{border-bottom:1px solid #0000000f;flex-direction:column;gap:.375rem;min-height:60px;padding:.75rem;display:flex}.mock-line{background:#0000000f;border-radius:4px;height:8px}.browser-console{flex-direction:column;flex:1;min-height:0;display:flex}.console-header{color:#0006;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #0000000f;padding:.375rem .75rem;font-size:.625rem;font-weight:550}.console-body{flex:1;padding:.375rem 0;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.6875rem;line-height:1.5;overflow:hidden}.console-line{align-items:baseline;gap:.5rem;padding:.125rem .75rem;display:flex}.console-line.level-warn{background:#d977060f}.console-line.level-error{background:#dc26260f}.console-level{color:#00000059;min-width:2.5rem;font-size:.625rem;font-weight:500}.console-line.level-warn .console-level{color:#d97706}.console-line.level-error .console-level{color:#dc2626}.console-msg{color:#000000b3}.console-line.level-warn .console-msg{color:#92400e}.console-line.level-error .console-msg{color:#991b1b}.hero-demo-terminal{background:#1a1a2e;border-radius:12px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.terminal-body{flex:1;padding:.5rem .75rem;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.6875rem;line-height:1.6;overflow:hidden}.terminal-prompt{color:#ffffff80;margin-bottom:.25rem}.prompt-char{color:#28c840;margin-right:.25rem}.terminal-line{color:#ffffffb3}.terminal-line.error{color:#ff6b6b}.hero-demo-connector{color:#0000004d;background:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d4d4d8' fill-opacity='0.75' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");justify-content:center;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:450;transition:color .3s;display:flex}.hero-demo-connector.active{color:#000c}.hero-demo-logs{background:#fafafa;border:1px solid #0000000f;border-radius:12px;overflow:hidden}.logs-chrome{background:#f5f5f5;border-bottom:1px solid #0000000f;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.375rem;padding:.5rem .75rem;display:flex}.logs-path{color:#0006;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.6875rem}.log-tabs{gap:.125rem;display:flex}.log-tab{color:#00000059;cursor:pointer;background:0 0;border-radius:.25rem;padding:.125rem .5rem;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.625rem;transition:all .15s}.log-tab:hover{color:#0009;background:#0000000a}.log-tab.active{color:#000c;background:#0000000f;font-weight:550}.logs-body{min-height:130px;padding:.5rem 0;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.6875rem;line-height:1.5;overflow:hidden}.log-line{white-space:nowrap;gap:.375rem;padding:.0625rem .75rem;display:flex}.log-time{color:#0000004d}.log-level{min-width:3rem;font-weight:500}.log-level.level-log{color:#0006}.log-level.level-info{color:#2563eb}.log-level.level-warn{color:#d97706}.log-level.level-error{color:#dc2626}.log-source{color:#00000059;min-width:2rem}.log-msg{color:#000000b3}.hero-demo-claude{background:#1a1a2e;border-radius:12px;overflow:hidden}.claude-chrome{color:#ffffff80;background:#ffffff0a;border-bottom:1px solid #ffffff0f;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.6875rem;display:flex}.claude-icon{color:#d4a574}.claude-body{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:.75rem;min-height:120px;max-height:120px;padding:.75rem;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.6875rem;line-height:1.6;display:flex;overflow-y:auto}.claude-body::-webkit-scrollbar{display:none}.claude-msg{flex-direction:column;gap:.125rem;display:flex}.claude-msg.user .msg-role{color:#fff6}.claude-msg.assistant .msg-role{color:#d4a574}.claude-msg.user .msg-text{color:#ffffffe6}.msg-role{text-transform:uppercase;letter-spacing:.04em;font-size:.625rem;font-weight:550}.msg-text{color:#ffffffbf;white-space:pre-wrap;word-break:break-word}.cursor-blink{color:#fff9;animation:.8s step-end infinite cursor-blink}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:900px){.hero-demo-sources{flex-direction:column;min-height:auto}.hero-demo-browser,.hero-demo-terminal{min-height:160px}}@media (max-width:600px){.log-line,.console-body,.terminal-body,.logs-body,.claude-body{font-size:.625rem}}.playground-toolbar{z-index:9999;font-family:var(--font-primary);position:fixed;bottom:0;left:0;right:0}.toolbar-collapse-bar{cursor:pointer;color:#00000080;background:#fafafa;border-top:1px solid #00000014;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;font-size:.75rem;transition:background .15s;display:flex}.toolbar-collapse-bar:hover{background:#f5f5f5}.toolbar-bar-label{align-items:center;gap:.5rem;font-weight:500;display:flex}.toolbar-bar-icon{color:#0000004d;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace}.toolbar-bar-badge{color:#00000080;text-align:center;background:#00000014;border-radius:999px;min-width:1.25rem;padding:.0625rem .375rem;font-size:.625rem;font-weight:600}.toolbar-chevron{color:#0000004d;font-size:.625rem;transition:transform .25s}.toolbar-expanded{background:#fafafa;border-top:1px solid #0000000f;overflow:hidden}.toolbar-split{height:100%;display:flex}.toolbar-divider{background:#00000014;flex-shrink:0;width:1px}.toolbar-options{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:.75rem;width:40%;padding:.75rem 1rem;display:flex;overflow-y:auto}.toolbar-options::-webkit-scrollbar{display:none}.toolbar-options-section{flex-direction:column;gap:.375rem;display:flex}.toolbar-label{color:#0006;text-transform:uppercase;letter-spacing:.04em;font-size:.625rem;font-weight:550}.toolbar-checkboxes{flex-wrap:wrap;gap:.375rem;display:flex}.toolbar-checkbox{cursor:pointer;align-items:center;gap:.25rem;display:flex}.toolbar-checkbox input[type=checkbox]{accent-color:#2480ed;width:.75rem;height:.75rem}.toolbar-level-tag{font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.6875rem;font-weight:500}.toolbar-level-tag.level-log{color:#00000080}.toolbar-level-tag.level-info{color:#2563eb}.toolbar-level-tag.level-warn{color:#d97706}.toolbar-level-tag.level-error{color:#dc2626}.toolbar-level-tag.level-debug{color:#7c3aed}.toolbar-exclude-input{gap:.25rem;display:flex}.toolbar-exclude-input input{color:#000000b3;background:#0000000a;border-radius:.25rem;outline:none;flex:1;padding:.25rem .5rem;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.75rem}.toolbar-exclude-input input::placeholder{color:#00000040}.toolbar-exclude-input input:focus{box-shadow:0 0 0 2px var(--focus-color)}.toolbar-btn-add{color:#0006;background:#0000000a;border-radius:.25rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.875rem;transition:all .15s;display:flex}.toolbar-btn-add:hover{color:#000000b3;background:#00000014}.toolbar-exclude-tags{flex-wrap:wrap;gap:.25rem;display:flex}.toolbar-exclude-tag{color:#0009;background:#0000000f;border-radius:.25rem;align-items:center;gap:.25rem;padding:.125rem .375rem;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.6875rem;display:inline-flex}.toolbar-exclude-tag button{color:#0000004d;font-size:.75rem;line-height:1}.toolbar-exclude-tag button:hover{color:#0009}.toolbar-settings-grid{flex-direction:column;gap:.25rem;display:flex}.toolbar-setting{justify-content:space-between;align-items:center;gap:.5rem;font-size:.6875rem;display:flex}.toolbar-setting span{color:#00000080;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace}.toolbar-setting input[type=number]{color:#000000b3;text-align:right;background:#0000000a;border-radius:.25rem;outline:none;width:4.5rem;padding:.125rem .375rem;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.6875rem}.toolbar-setting input[type=number]:focus{box-shadow:0 0 0 2px var(--focus-color)}.toolbar-toggles{flex-direction:column;gap:.25rem;display:flex}.toolbar-toggle{cursor:pointer;align-items:center;gap:.375rem;font-size:.6875rem;display:flex}.toolbar-toggle input[type=checkbox]{accent-color:#2480ed;width:.75rem;height:.75rem}.toolbar-toggle span{color:#00000080;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace}.toolbar-log-viewer{flex-direction:column;flex:1;min-width:0;display:flex}.toolbar-log-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.toolbar-log-count{color:#0006;text-transform:uppercase;letter-spacing:.04em;font-size:.625rem;font-weight:550}.toolbar-btn-clear{color:#00000059;border-radius:.25rem;padding:.125rem .5rem;font-size:.625rem;font-weight:550;transition:all .15s}.toolbar-btn-clear:hover{color:#0009;background:#0000000f}.toolbar-log-scroll{scrollbar-width:thin;scrollbar-color:#0000001a #0000;flex:1;padding:.25rem 0;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.6875rem;line-height:1.5;overflow:hidden auto}.toolbar-log-empty{text-align:center;color:#00000040;font-size:.75rem;font-family:var(--font-primary);padding:1.5rem .75rem}.toolbar-log-entry{white-space:nowrap;gap:.375rem;padding:.0625rem .75rem;display:flex}.toolbar-log-entry.level-warn{background:#d977060a}.toolbar-log-entry.level-error{background:#dc26260a}.toolbar-log-time{color:#00000040;flex-shrink:0}.toolbar-log-level{flex-shrink:0;min-width:3.25rem;font-weight:500}.toolbar-log-msg{color:#000000b3;text-overflow:ellipsis;overflow:hidden}@media (max-width:900px){.toolbar-split{flex-direction:column}.toolbar-options{width:100%;min-height:120px;max-height:150px}.toolbar-log-viewer{min-height:0}.toolbar-divider{width:100%;height:1px}}.playground-article{gap:.5rem!important}.playground-hint{color:#0009;background:#2480ed0f;border-radius:.5rem;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.625rem 1rem;font-size:.8125rem;display:flex}.playground-hint strong{color:#000000b3;font-weight:600}.playground-hint-icon{color:var(--hyperlink-color);font-size:.65rem;animation:1.5s ease-in-out infinite bounce-down}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.playground-section{border-bottom:1px solid #0000000f;padding:.75rem 0}.playground-section:last-child{border-bottom:none}.playground-section h3{margin-bottom:.25rem}.playground-section p{color:#00000080;margin-bottom:.5rem;font-size:.8125rem;line-height:1.4}.playground-btn-row{flex-wrap:wrap;gap:.375rem;display:flex}.playground-btn{color:#0009;white-space:nowrap;background:#0000000a;border-radius:.375rem;padding:.3125rem .625rem;font-family:SF Mono,SFMono-Regular,ui-monospace,Consolas,monospace;font-size:.6875rem;font-weight:500;transition:all .15s}.playground-btn:hover{color:#000c;background:#00000014}.playground-btn:active{transform:scale(.97)}.playground-btn.level-log,.playground-btn.level-info,.playground-btn.level-warn,.playground-btn.level-error,.playground-btn.level-debug{padding-left:calc(.625rem + 10px);position:relative}.playground-btn.level-log:before,.playground-btn.level-info:before,.playground-btn.level-warn:before,.playground-btn.level-error:before,.playground-btn.level-debug:before{content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:.375rem;transform:translateY(-50%)}.playground-btn.level-log:before{background:#0003}.playground-btn.level-info{color:#2563eb}.playground-btn.level-info:before{background:#2563eb}.playground-btn.level-info:hover{background:#2563eb14}.playground-btn.level-warn{color:#92400e}.playground-btn.level-warn:before{background:#d97706}.playground-btn.level-warn:hover{background:#d9770614}.playground-btn.level-error{color:#991b1b}.playground-btn.level-error:before{background:#dc2626}.playground-btn.level-error:hover{background:#dc262614}.playground-btn.level-debug{color:#7c3aed}.playground-btn.level-debug:before{background:#7c3aed}.playground-btn.level-debug:hover{background:#7c3aed14}.playground-btn.loading{opacity:.6;cursor:wait}.playground-form{gap:.375rem;margin-top:.5rem;display:flex}.playground-form input{font-size:.75rem;font-family:var(--font-primary);color:#000000b3;background:#0000000a;border-radius:.375rem;outline:none;flex:1;min-width:0;padding:.3125rem .5rem}.playground-form input::placeholder{color:#00000040}.playground-form input:focus{box-shadow:0 0 0 2px var(--focus-color)}@media (max-width:600px){.playground-btn-row{gap:.25rem}.playground-btn{padding:.25rem .5rem;font-size:.625rem}.playground-form{flex-direction:column}}.nav-original-docs{color:#0006;cursor:default;max-width:12ch;margin-top:.75rem;margin-bottom:.125rem;font-size:.625rem;font-style:italic}