.cookbook-homepage{--paper:#fff;--ink:#111211;--muted:#656865;--rule:#d9dcd9;--soft:#f6f7f6;--agents:#d63a2d;--images:#087bc3;--evals:#058750;--codex:#7850ba;--audio:#207c80;--page-gutter:4.82vw;color:var(--ink);font-size:16px;line-height:1.5}.cookbook-homepage :where(h1,h2,h3,p,ul){margin:0}.cookbook-homepage ul{padding:0;list-style:none}.cookbook-homepage button,.cookbook-homepage input,.cookbook-homepage select{font:inherit;color:inherit}.cookbook-homepage button{cursor:pointer;background:0 0;border:0}.cookbook-homepage button:disabled{cursor:default;opacity:.4}.cookbook-homepage :where(button,a,summary,select):focus-visible{outline-offset:5px;outline:2px solid #087bc3}.cookbook-homepage input:focus-visible{outline:none}.cookbook-homepage svg{flex-shrink:0;width:24px;height:24px}.cookbook-homepage{width:calc(100% - var(--page-gutter) * 2);max-width:70rem;margin:0 auto;padding-bottom:80px}.cookbook-homepage .search{border:1px solid #c5c9c5;border-radius:6px;align-items:center;gap:17px;height:54px;padding:0 17px 0 21px;scroll-margin-top:84px;transition:border-color .16s,box-shadow .16s;display:flex}.cookbook-homepage .search:focus-within{border-color:#818c86;box-shadow:0 0 0 3px #1c3c2b0d}.cookbook-homepage .search input{background:0 0;border:0;flex:1;min-width:0;height:100%;padding:0;font-size:18px;line-height:1.4}.cookbook-homepage .search input::-moz-placeholder{opacity:1;color:#70746f}.cookbook-homepage .search input::placeholder{opacity:1;color:#70746f}.cookbook-homepage .search input::-webkit-search-cancel-button{display:none}.cookbook-homepage .clear-search{width:28px;height:28px;color:var(--muted);place-items:center;padding:3px;display:grid}.cookbook-homepage .clear-search svg{width:20px;height:20px}.cookbook-homepage .submit-search{background:var(--ink);color:#fff;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;margin-right:-8px;padding:0;display:grid}.cookbook-homepage .submit-search:hover{background:#363936}.cookbook-homepage .submit-search svg{stroke-width:2px;width:20px;height:20px}.cookbook-homepage .topic-nav{flex-wrap:wrap;align-items:center;gap:0 24px;min-width:0;display:flex}.cookbook-homepage .primary-topics{display:contents}.cookbook-homepage .topic-nav button,.cookbook-homepage .more-topics summary{white-space:nowrap;padding:8px 0 12px;font-size:16px;line-height:1.5}.cookbook-homepage .primary-topics button,.cookbook-homepage .more-topics summary{color:var(--muted);font-size:14px;font-weight:500;position:relative}.cookbook-homepage .primary-topics button:after,.cookbook-homepage .more-topics summary:after{content:"";background:var(--ink);transform-origin:0;border-radius:9999px;height:2px;transition:transform .17s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.cookbook-homepage .primary-topics button[aria-pressed=true]{color:var(--ink)}.cookbook-homepage .primary-topics button[aria-pressed=true]:after,.cookbook-homepage .more-topics.has-selected summary:after{transform:scaleX(1)}.cookbook-homepage .primary-topics button:hover{color:var(--ink)}.cookbook-homepage .more-topics{position:relative}.cookbook-homepage .more-topics summary{cursor:pointer;color:var(--muted);align-items:center;gap:7px;font-weight:500;list-style:none;display:flex}.cookbook-homepage .more-topics summary::-webkit-details-marker{display:none}.cookbook-homepage .more-topics summary svg{width:16px;height:16px;transition:transform .16s}.cookbook-homepage .more-topics[open] summary svg{transform:rotate(180deg)}.cookbook-homepage .more-topics.has-selected summary{color:var(--ink);font-weight:500}.cookbook-homepage .topic-popover{z-index:35;border:1px solid var(--rule);background:#fff;border-radius:8px;grid-template-columns:1fr 1fr;gap:3px;width:350px;padding:10px;display:grid;position:absolute;top:49px;right:0;box-shadow:0 12px 35px #00000017}.cookbook-homepage .topic-popover button{text-align:left;border-radius:4px;padding:9px 11px;font-size:14px}.cookbook-homepage .topic-popover button:hover,.cookbook-homepage .topic-popover button[aria-pressed=true]{background:#f1f4f1}.cookbook-homepage .topic-popover button[aria-pressed=true]{font-weight:500}.cookbook-homepage h2{font-size:var(--font-heading-md-size);line-height:var(--font-heading-md-line-height);letter-spacing:var(--font-heading-md-tracking);font-weight:var(--font-heading-md-weight)}.cookbook-homepage .editorial h2{font-size:20px;line-height:1.4}.cookbook-homepage .featured{margin-top:23px}.cookbook-homepage .featured>h2{margin-bottom:11px}.cookbook-homepage .feature-grid{grid-template-columns:minmax(0,5fr) minmax(0,4fr);align-items:stretch;gap:24px;display:grid}.cookbook-homepage .feature-link{display:block}.cookbook-homepage .art-frame{isolation:isolate;border-radius:6px;position:relative;overflow:hidden}.cookbook-homepage .art-loop{aspect-ratio:1.955;background:#e6eafa}.cookbook-homepage .art-improvement{aspect-ratio:1200/443}.cookbook-homepage .art-images,.cookbook-homepage .art-translation{aspect-ratio:3.333}.cookbook-homepage .art-images{background:#cbdde9}.cookbook-homepage .art-translation{background:#c7dfd3}.cookbook-homepage .art-frame picture{width:100%;height:100%;display:block}.cookbook-homepage .art-frame img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.21,.7,.24,1)}.cookbook-homepage .art-open{color:#151815;opacity:0;background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;transition:opacity .16s,transform .16s;display:grid;position:absolute;bottom:15px;right:15px;transform:translateY(5px)}.cookbook-homepage .art-open svg{width:19px;height:19px}.cookbook-homepage .feature-link:hover .art-open,.cookbook-homepage .feature-link:focus-visible .art-open{opacity:1;transform:translateY(0)}.cookbook-homepage .feature-link:hover img{transform:scale(1.025)}.cookbook-homepage .topic-label{color:#4d534d;align-items:center;gap:8px;margin-top:10px;margin-bottom:4px;font-size:14px;line-height:1.4;display:flex}.cookbook-homepage .topic-dot{background:#798179;border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.cookbook-homepage .topic-dot.agents,.cookbook-homepage .topic-dot.agents-sdk{background:var(--agents)}.cookbook-homepage .topic-dot.images,.cookbook-homepage .topic-dot.vision{background:var(--images)}.cookbook-homepage .topic-dot.evals{background:var(--evals)}.cookbook-homepage .topic-dot.codex{background:var(--codex)}.cookbook-homepage .topic-dot.audio,.cookbook-homepage .topic-dot.speech,.cookbook-homepage .topic-dot.chatgpt{background:var(--audio)}.cookbook-homepage .topic-dot.security,.cookbook-homepage .topic-dot.guardrails{background:#bf3973}.cookbook-homepage .topic-dot.responses,.cookbook-homepage .topic-dot.functions{background:#426ccc}.cookbook-homepage .feature h3{letter-spacing:var(--font-heading-md-tracking);font-size:18px;font-weight:500;line-height:1.4}.cookbook-homepage .feature-lead h3{max-width:740px}@media (width>=701px) and (width<=900px),(width>=901px) and (height>=851px){.cookbook-homepage .feature-lead .feature-link{grid-template-rows:minmax(0,1fr) auto auto;height:100%;display:grid}.cookbook-homepage .feature-lead .art-frame{aspect-ratio:auto}.cookbook-homepage .feature-lead .art-frame picture{position:absolute;inset:0}.cookbook-homepage .feature-lead .art-frame img{-o-object-fit:contain;object-fit:contain}}.cookbook-homepage .supporting-features{flex-direction:column;gap:12px;display:flex}.cookbook-homepage .library{min-height:calc(100dvh - 94px);margin-top:16px;padding-top:16px;scroll-margin-top:94px}.cookbook-homepage .library-topics{margin-top:0;margin-bottom:24px}.cookbook-homepage .library-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-bottom:12px;display:flex}.cookbook-homepage .library-filter-bar .library-topics{margin-bottom:0}.cookbook-homepage .author-filter{border:1px solid var(--rule);border-radius:9999px;flex-shrink:0;align-items:center;gap:2px;padding:3px;display:inline-flex}.cookbook-homepage .author-filter button{min-height:32px;color:var(--muted);border-radius:9999px;padding:4px 12px;font-size:14px;font-weight:500;line-height:24px}.cookbook-homepage .author-filter button:hover{color:var(--ink);background:var(--soft)}.cookbook-homepage .author-filter button[aria-pressed=true]{color:var(--ink);background:var(--soft);box-shadow:inset 0 0 0 1px var(--rule)}.cookbook-homepage .list-head,.cookbook-homepage .recipe-row{grid-template-columns:minmax(0,1fr) 260px 108px;gap:24px;display:grid}.cookbook-homepage .list-head{color:var(--muted);border-bottom:1px solid var(--rule);padding:10px 4px 12px;font-size:14px}.cookbook-homepage .column-sort{min-height:32px;color:var(--muted);justify-self:start;align-items:center;gap:6px;padding:0;font-size:14px;display:inline-flex}.cookbook-homepage .column-sort:hover{color:var(--ink)}.cookbook-homepage .column-sort svg{width:14px;height:14px}.cookbook-homepage .date-sort{justify-self:end}.cookbook-homepage .list-head{align-items:center}.cookbook-homepage .recipe-list>li{border-bottom:1px solid var(--rule)}.cookbook-homepage .recipe-row{align-items:center;padding:18px 4px;transition:background-color .14s}.cookbook-homepage .recipe-row:hover{background:#f6f8f6}.cookbook-homepage .recipe-title{letter-spacing:-.35px;overflow-wrap:anywhere;font-size:16px;line-height:1.45}.cookbook-homepage .row-topics{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.cookbook-homepage .row-topic{white-space:nowrap;color:#586058;align-items:center;gap:7px;font-size:14px;line-height:1.5;display:inline-flex}.cookbook-homepage .row-topic .topic-dot{width:6px;height:6px}.cookbook-homepage .recipe-date{color:var(--muted);text-align:right;white-space:nowrap;font-size:14px;line-height:1.5}.cookbook-homepage .library-bottom{justify-content:space-between;align-items:center;gap:20px;min-height:44px;margin-top:25px;display:flex}.cookbook-homepage .library-bottom p{color:var(--muted);font-size:14px}.cookbook-homepage .outline-button{border:1px solid #cfd5cf;border-radius:9999px;align-items:center;gap:18px;min-height:42px;padding:9px 14px;font-size:14px;line-height:1.5;transition:background .15s;display:inline-flex}.cookbook-homepage .outline-button svg{width:18px;height:18px}.cookbook-homepage .outline-button:hover{background:var(--soft)}.cookbook-homepage .text-button{text-underline-offset:4px;flex-shrink:0;align-items:center;gap:7px;padding:5px 0;font-size:14px;text-decoration:underline;display:inline-flex}.cookbook-homepage .text-button svg{width:15px;height:15px}.cookbook-homepage .empty-state{text-align:center;min-height:300px;padding:48px 20px}.cookbook-homepage .empty-state>svg{color:#909890;width:31px;height:31px;margin:0 auto 18px}.cookbook-homepage .empty-state h3{letter-spacing:-.6px;font-size:25px;font-weight:400;line-height:1.4}.cookbook-homepage .empty-state p{color:var(--muted);margin-top:8px;margin-bottom:22px;font-size:15px}.cookbook-homepage .empty-state .outline-button{margin:0 auto}@media (width<=1200px){.cookbook-homepage .supporting-features{gap:19px}.cookbook-homepage .list-head,.cookbook-homepage .recipe-row{grid-template-columns:minmax(0,1fr) 204px 94px;gap:18px}.cookbook-homepage .recipe-row{padding-top:16px;padding-bottom:16px}}@media (width<=900px){.cookbook-homepage .topic-nav button,.cookbook-homepage .more-topics summary{font-size:14px}.cookbook-homepage .feature-grid{gap:20px}.cookbook-homepage .supporting-features{gap:16px}.cookbook-homepage .art-images,.cookbook-homepage .art-translation{aspect-ratio:2.8}.cookbook-homepage .list-head,.cookbook-homepage .recipe-row{grid-template-columns:minmax(0,1fr) 155px 94px;gap:18px}}@media (width<=700px){.cookbook-homepage .search{gap:11px;height:52px;padding-left:15px;padding-right:12px}.cookbook-homepage .search input{font-size:16px}.cookbook-homepage .search-icon{width:20px;height:20px}.cookbook-homepage .topic-nav{flex-wrap:wrap;gap:0 22px;margin-top:0;position:relative}.cookbook-homepage .topic-nav button,.cookbook-homepage .more-topics summary{font-size:14px}.cookbook-homepage .primary-topics button{flex-shrink:0;padding:11px 0}.cookbook-homepage .more-topics{margin-left:0;position:static}.cookbook-homepage .more-topics summary{padding:11px 0;font-size:14px}.cookbook-homepage .more-topics summary svg{width:14px;height:14px}.cookbook-homepage .topic-popover{width:min(350px,100%);top:100%;left:0;right:auto}.cookbook-homepage .featured{margin-top:23px}.cookbook-homepage .featured>h2{margin-bottom:13px}.cookbook-homepage .feature-grid{display:block}.cookbook-homepage .feature-lead h3{max-width:520px}.cookbook-homepage .topic-label{gap:6px;margin-top:11px;margin-bottom:5px}.cookbook-homepage .topic-dot{width:7px;height:7px}.cookbook-homepage .supporting-features{gap:23px;margin-top:25px}.cookbook-homepage .supporting-features .feature-link{-moz-column-gap:15px;grid-template-rows:auto 1fr;grid-template-columns:114px minmax(0,1fr);align-content:start;column-gap:15px;display:grid}.cookbook-homepage .supporting-features .art-frame{aspect-ratio:1.2;grid-row:1/3}.cookbook-homepage .supporting-features .art-frame img{-o-object-fit:cover;object-fit:cover}.cookbook-homepage .supporting-features .topic-label{align-self:start;margin-top:0}.cookbook-homepage .art-open{display:none}.cookbook-homepage .library{margin-top:24px;padding-top:24px}.cookbook-homepage .library-topics{margin-top:0;margin-bottom:20px}.cookbook-homepage .list-head{grid-template-columns:minmax(0,1fr) 84px;padding-inline:0}.cookbook-homepage .topics-heading{display:none}.cookbook-homepage .recipe-row{grid-template-columns:minmax(0,1fr) 84px;gap:8px 15px;padding:17px 0}.cookbook-homepage .recipe-title{grid-column:1}.cookbook-homepage .row-topics{grid-area:2/1/auto/-1}.cookbook-homepage .library-bottom{flex-direction:column;gap:15px;margin-top:22px}.cookbook-homepage .library-bottom p{align-self:flex-start;font-size:12px}.cookbook-homepage .library-bottom .outline-button{justify-content:center;width:100%}.cookbook-homepage .text-button{font-size:12px}.cookbook-homepage .empty-state{min-height:280px;padding-left:0;padding-right:0}.cookbook-homepage .empty-state h3{font-size:23px}.cookbook-homepage .empty-state p{font-size:14px}}@media (width<=380px){.cookbook-homepage .primary-topics button{font-size:13px}}@media (width<=340px){.cookbook-homepage .topic-popover{top:100%}}@media (prefers-reduced-motion:reduce){.cookbook-homepage *,.cookbook-homepage :before,.cookbook-homepage :after{transition:none!important;animation:none!important}.cookbook-homepage .feature-link:hover img{transform:none}}.cookbook-homepage .intro{max-width:42rem;margin-inline:auto;padding-top:24px}.cookbook-homepage .masthead{text-align:center;justify-content:center;margin-bottom:12px;display:flex}.cookbook-homepage .masthead h1{letter-spacing:-.6px;font-size:30px;font-weight:600;line-height:42px}.cookbook-homepage .search{border:.5px solid #0003;border-radius:9999px;gap:20px;height:56px;padding:0 11px 0 20px}@media (width>=901px) and (height<=850px){.cookbook-homepage .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cookbook-homepage .supporting-features{display:contents}.cookbook-homepage .art-frame{aspect-ratio:2.4}.cookbook-homepage .feature-lead .art-frame img{-o-object-fit:contain;object-fit:contain}}.cookbook-homepage .search-icon{color:#191919;width:24px;height:24px}.cookbook-homepage .search input{font-size:16px;line-height:24px}.cookbook-homepage .search input::-moz-placeholder{color:#8f8f8f}.cookbook-homepage .search input::placeholder{color:#8f8f8f}.cookbook-homepage .submit-search{background:var(--ink);color:var(--paper);margin-right:0}.cookbook-homepage .search-help{color:var(--muted);margin:9px 20px 0;font-size:12px}.cookbook-homepage .generation-status,.cookbook-homepage .generation-error{margin:12px 20px 0;font-size:14px}.cookbook-homepage .generation-error{color:#b3261e}.cookbook-homepage .outline-button{border:1px solid var(--rule)}:where(html.dark,[data-theme=dark]) .cookbook-homepage{--paper:#171717;--ink:#eee;--muted:#a9aea9;--rule:#363936;--soft:#222522}:where(html.dark,[data-theme=dark]) .cookbook-homepage .search{border-color:#535953}:where(html.dark,[data-theme=dark]) .cookbook-homepage .submit-search:hover{background:#d9dcd9}:where(html.dark,[data-theme=dark]) .cookbook-homepage :is(.search-icon,.topic-label,.more-topics summary,.row-topic,.recipe-date){color:#a9aea9}:where(html.dark,[data-theme=dark]) .cookbook-homepage .topic-popover{background:var(--paper)}:where(html.dark,[data-theme=dark]) .cookbook-homepage :is(.topic-popover button:hover,.topic-popover button[aria-pressed=true],.recipe-row:hover){background:var(--soft)}:where(html.dark,[data-theme=dark]) .cookbook-homepage .generation-error{color:#ff9b92}@media (width<=700px){.cookbook-homepage{--page-gutter:22px}.cookbook-homepage .search{gap:12px}.cookbook-homepage .search-help{margin-inline:10px}}