:root{color-scheme:light;--background:#f8f9fb;--surface:#fff;--code-background:#f2f4f7;--text:#172033;--muted:#69758a;--border:#e2e7ef;--accent:#2675f5;--accent-soft:#eaf2ff;--shadow:0 2px 8px #17203308;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color-scheme:dark;--background:#101113;--surface:#16181c;--code-background:#181b21;--text:#edf0f5;--muted:#9aa4b5;--border:#292e38;--accent:#78a8ff;--accent-soft:#202e46;--shadow:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{background:var(--background);color:var(--text);margin:0;font-size:15px;line-height:1.7}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent-soft);color:var(--text)}.document{width:min(100% - 3rem,680px);margin-inline:auto;padding-block:76px 32px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{color:var(--text);font-weight:600;line-height:1.35}h1{letter-spacing:-.045em;margin-bottom:14px;font-size:clamp(25px,4vw,30px)}h2{letter-spacing:-.035em;font-size:20px}h3{letter-spacing:-.025em;margin-bottom:9px;font-size:17px}p{color:var(--muted)}p+p{margin-top:12px}strong{color:var(--text);font-weight:500}.lead{margin-bottom:9px;font-size:16px;line-height:1.65}.intro>.code-block{margin-top:24px}.repository-caption{margin-top:22px;margin-bottom:13px}.repository-link{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:17px 19px;transition:background-color .15s,border-color .15s;display:flex}.repository-link:hover{border-color:var(--muted);background:var(--code-background)}.repository-name{align-items:center;gap:12px;min-width:0;font-size:14px;font-weight:500;display:flex}.repository-name span{overflow-wrap:anywhere}.repository-link>svg{color:var(--muted);flex-shrink:0}.guide{margin-top:45px}.section-title{align-items:center;gap:11px;margin-bottom:17px;display:flex}.section-title svg{color:var(--accent);flex-shrink:0}.topic{margin-top:31px}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}p code{background:var(--code-background);color:var(--text);overflow-wrap:anywhere;border-radius:4px;padding:2px 4px;font-size:.86em}.code-block{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;margin-block:16px;position:relative;overflow:hidden}.code-block pre{color:var(--text);tab-size:2;scrollbar-width:thin;margin:0;padding:17px 54px 17px 18px;font-size:12px;line-height:1.8;overflow-x:auto}.copy-button{background:var(--surface);width:32px;height:32px;color:var(--muted);cursor:pointer;border:0;border-radius:7px;place-items:center;transition:color .15s,background-color .15s;display:grid;position:absolute;top:12px;right:10px}.copy-button:hover{background:var(--code-background);color:var(--text)}.copy-button[data-copied=true]{background:var(--accent-soft);color:var(--accent)}.note{font-size:13px;line-height:1.65}.text-link{color:var(--accent);border-radius:5px;align-items:center;gap:4px;margin-left:-5px;padding:3px 5px;font-size:13px;transition:background-color .15s;display:inline-flex}.text-link:hover{background:var(--accent-soft)}.topic>.text-link{margin-top:10px}.examples{margin-top:40px}.examples>p{margin-bottom:17px}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.example{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:13px;padding:15px;overflow:hidden}.example>a{background:var(--code-background);border-radius:7px;place-items:center;height:118px;display:grid;overflow:hidden}.example img{object-fit:contain;width:100%;height:100%;display:block}.example figcaption{padding-top:14px}.example h3{margin-bottom:4px;font-size:14px}.example p{font-size:12px;line-height:1.6}.help{margin-top:32px}.help h2{margin-bottom:9px;font-size:17px}.help-links{flex-wrap:wrap;gap:8px 22px;margin-top:12px;display:flex}.footer{flex-direction:column;align-items:center;gap:12px;margin-top:37px;display:flex}.footer p{font-size:12px}.theme-switch{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:3px;padding:4px;display:flex}.theme-switch button{width:32px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.theme-switch button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--surface);border-radius:6px;padding:8px 12px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}@media (width<=600px){body{font-size:14px}.document{width:calc(100% - 36px);padding-top:38px}.lead{font-size:15px}.repository-link{padding:15px}.repository-name{gap:9px;font-size:12px}.guide{margin-top:34px}.example-grid{gap:10px}.example{padding:10px}.example>a{height:90px}.example p{font-size:11px}}@media (width<=360px){.example-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}