.hero.hero-with-example{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:48px;max-width:none;padding-block:80px;display:grid}.hero-with-example .hero-copy,.example-column{min-width:0}.hero-with-example h1{margin-top:0;font-size:clamp(52px,5.5vw,70px)}.hero-with-example .actions{flex-wrap:wrap;gap:20px}.example-languages{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-height:clamp(54px,5.665vw,72px);margin:0 0 12px;display:flex}.example-languages button{appearance:none;font:inherit;cursor:pointer;min-height:44px;color:var(--muted);background:0 0;border:0;padding:10px 8px;font-size:14px}.example-languages button[aria-selected=true]{font-weight:700}.request-example{--example-surface:#fff;--example-code-ink:#111;border:1px solid var(--line);background:var(--example-surface);border-radius:14px;min-width:0;position:relative;overflow:hidden;box-shadow:0 12px 40px #17232606}.example-copy{z-index:1;width:36px;height:36px;color:var(--muted);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:4px;right:4px}.request-example:hover .example-copy,.request-example:focus-within .example-copy{opacity:1;pointer-events:auto}.example-copy:hover{color:var(--accent)}.example-copied-icon,.example-copy[data-copied] .example-copy-icon{display:none}.example-copy[data-copied] .example-copied-icon{display:block}@media (hover:none){.example-copy{opacity:1;pointer-events:auto;width:44px;height:44px}}.example-code{color:var(--example-code-ink);white-space:pre;overflow-wrap:normal;background:linear-gradient(to right, var(--example-surface) 40%, transparent) left / 2rem 100% no-repeat local, linear-gradient(to left, var(--example-surface) 40%, transparent) right / 2rem 100% no-repeat local, linear-gradient(to right, color-mix(in srgb, var(--example-code-ink) 16%, transparent), transparent) left / .8rem 100% no-repeat scroll, linear-gradient(to left, color-mix(in srgb, var(--example-code-ink) 16%, transparent), transparent) right / .8rem 100% no-repeat scroll, var(--example-surface);margin:0;padding:40px 18px 22px;font:14px/1.75 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;overflow-x:auto}.example-code code{font:inherit}.example-fields{white-space:normal}.example-provider,.example-model{white-space:nowrap;align-items:baseline;max-width:100%;display:inline-flex}.example-choice{white-space:normal;appearance:none;min-width:0;max-width:100%;color:var(--lm-accent);font:inherit;overflow-wrap:anywhere;cursor:pointer;text-shadow:0 0 9px color-mix(in srgb, var(--lm-accent) 22%, transparent);background:0 0;border:0;border-radius:0;margin:0;padding:0;font-weight:650;animation:4s ease-in-out infinite example-code-glow;display:inline}.example-choice-text{vertical-align:bottom;max-width:100%;display:inline-block}[data-home-example][data-intro] [data-provider] .example-choice-text{animation:.52s steps(8,end) .16s both example-type-in}[data-home-example][data-intro] [data-model] .example-choice-text{animation:.325s steps(5,end) .76s both example-type-in}@keyframes example-type-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes example-code-glow{0%,to{text-shadow:0 0 7px color-mix(in srgb, var(--lm-accent) 14%, transparent)}50%{text-shadow:0 0 10px color-mix(in srgb, var(--lm-accent) 38%, transparent), 0 0 22px color-mix(in srgb, var(--lm-accent) 18%, transparent)}}.example-choice:hover,.example-choice[aria-expanded=true]{text-shadow:0 0 10px color-mix(in srgb, var(--lm-accent) 45%, transparent), 0 0 22px color-mix(in srgb, var(--lm-accent) 22%, transparent);animation:none}@media (prefers-reduced-motion:reduce){.example-choice,[data-home-example][data-intro] .example-choice .example-choice-text{animation:none}}.hero-with-example .example-choice:focus-visible{text-underline-offset:4px;outline:none;text-decoration:underline}.example-picker{overscroll-behavior:contain;border:1px solid var(--line);background:var(--example-surface);color:inherit;border-radius:10px;margin:0;padding:6px;font:14px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 12px 40px #00000020,0 2px 6px #0000000a}.example-picker-heading{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:7px 10px 9px;font-size:11px;font-weight:650}.example-picker-option{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:14px;min-height:44px;padding:9px 10px;display:flex}.example-picker-option>span:first-child{min-width:0}.example-picker-label{overflow-wrap:anywhere;font-weight:550;display:block}.example-picker-detail{color:var(--muted);margin-top:2px;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.example-picker[aria-label=Model] .example-picker-label{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.example-picker-check{color:var(--lm-accent);flex-shrink:0}.example-picker-option[data-active=true]{background:var(--lm-brand);color:var(--lm-on-brand)}.example-picker-option[data-active=true] :is(.example-picker-detail,.example-picker-check){color:var(--lm-on-brand)}.example-separator{color:inherit}.hero-with-example :is(button,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.example-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.example-no-script{padding:0 18px;font-size:12px}@media (prefers-color-scheme:dark){.request-example{--example-surface:#151c20;--example-code-ink:#e5eeeb;box-shadow:none}}@media (width<=900px){.hero.hero-with-example{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:52px}.hero-with-example h1{font-size:clamp(52px,9vw,76px)}.hero-with-example .actions{flex-direction:row;align-items:center}.example-languages{min-height:44px}.example-code{min-height:0}}@media (width<=400px){.hero-with-example h1{font-size:46px}.example-code{padding:44px 12px 20px;font-size:13px}.example-languages{gap:0}.example-languages button{padding-inline:7px}}
