/* An expanded, manually browsed counterpart to the opening figure. */
.research-document{scroll-padding-top:64px}
#overview:focus,#deploy:focus,#playground-title:focus{outline:none}
.research-page .paper-frontmatter{height:min(610px,calc(var(--page-viewport,100svh) - 144px))}
.research-scroll-cue{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:9px;min-height:30px;padding:3px 10px;font:500 12px/1.4 var(--display);color:#6c826f;white-space:nowrap;border-radius:20px}
.research-scroll-cue svg{width:17px;height:17px;transition:transform .25s ease}
.research-scroll-cue:hover{color:#2c6342;background:#edf3ec}
.research-scroll-cue:hover svg{transform:translateY(3px)}
.research-page .examples-section{position:relative;min-height:calc(var(--page-viewport,100svh) - 64px);padding-block:54px 14px;scroll-margin-top:0}
.research-page .examples-heading{margin-bottom:16px;gap:16px}
.examples-return{position:absolute;top:14px;left:0;right:0;display:flex;justify-content:center}
.research-page .examples-heading h2{font-size:31px;font-weight:600;letter-spacing:-.025em;color:#263c2d}
.research-page .examples-heading .section-kicker{font-size:11px;margin-bottom:5px}
.examples-workspace{grid-template-rows:auto minmax(0,1fr);height:min(680px,calc(var(--page-viewport,100svh) - 262px));min-height:360px;padding:18px 24px 22px;border-radius:14px;--preview-label-size:14px;--preview-meta-size:12px;position:relative}
.examples-workspace .showcase-tabs{gap:8px}
.examples-workspace .showcase-tabs button{font-size:14px;min-height:46px;gap:8px}
.examples-workspace .showcase-tabs button svg{width:17px;height:17px}
.examples-workspace .examples-tab-progress{display:none}
.examples-workspace .showcase-panel{grid-template-rows:70px minmax(0,1fr) 64px minmax(58px,max-content);position:relative}
.preview-depth-pair{align-items:stretch}
.preview-depth-frame{width:100%;height:100%;aspect-ratio:auto}
.preview-depth-frame img{object-fit:cover}
.examples-workspace .preview-model{padding:16px 0 14px;gap:10px;width:fit-content}
.examples-workspace .preview-model.audio-model{width:100%}
.examples-workspace .preview-model>img{width:34px;height:34px}
.examples-workspace .preview-model strong{font-size:16px}
.examples-workspace .preview-media-pair,.examples-workspace .preview-text-pair,.examples-workspace .preview-audio-pair{gap:18px}
.examples-workspace .preview-media-pair figure{grid-template-rows:28px minmax(0,1fr)}
.examples-workspace .preview-video-pair figure{height:100%}
.examples-workspace .preview-reference-image,.examples-workspace .preview-image-comparison img{object-fit:cover;background:#e3ecdf}
.examples-workspace .preview-depth-frame img,.examples-workspace .preview-video-frame video{object-fit:cover}
.examples-workspace .preview-image-divider>span{width:38px;height:38px;font-size:19px}
.examples-workspace .preview-text-pane{padding:16px 18px 12px}
.examples-workspace .preview-text-output{font:400 16px/1.75 var(--display);margin:15px 0 12px}
.examples-workspace .preview-text-state{font-size:12px}
.examples-workspace .preview-caption{margin-top:10px;padding-top:9px;min-width:0;overflow:visible}
.examples-workspace .preview-prompt{min-width:0;font-size:13px;grid-template-columns:50px minmax(0,1fr);gap:10px;overflow-wrap:anywhere}
.examples-workspace .preview-audio-card{padding:15px}
.examples-workspace .preview-audio-variant{padding:8px 12px}
.examples-workspace .preview-audio-card audio{height:36px}
.examples-workspace .preview-audio-variant .audio-art{display:flex;padding:0}
@media(min-width:901px) and (max-height:850px){.examples-workspace .preview-audio-variant .audio-art{display:none}}
@media(min-width:901px) and (max-height:720px){.examples-workspace .preview-audio-pair{row-gap:8px}.examples-workspace .preview-audio-card.preview-audio-variant{padding:4px 10px}.examples-workspace .preview-audio-card .preview-label{font-size:12px}}
.preview-depth-input>img{width:60px;height:auto;aspect-ratio:16/9}.examples-workspace .preview-depth-input>img{width:64px;height:auto;aspect-ratio:16/9}
.examples-choices{display:flex;align-items:stretch;gap:8px;overflow-x:auto;overflow-y:hidden;min-width:0;padding:12px 1px 2px;scrollbar-width:thin;scrollbar-color:#bbccb5 transparent}
.examples-choice{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;padding:5px 12px 5px 5px;background:transparent;border:1px solid #d2dfcb;border-radius:7px;color:#75846d;font:500 12px/1.35 var(--display);transition:border-color .2s,background .2s,color .2s}
.examples-choice:first-child{margin-left:auto}.examples-choice:last-child{margin-right:auto}
.examples-choice img{width:66px;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px}
.examples-choice:not(:has(img)){padding:9px 15px;font-size:13px}
.examples-choice[aria-pressed=true]{background:#fff;border-color:#77966e;color:#31583d}
.examples-choice:hover{background:#f9fcf7;border-color:#91ab88;color:#31583d}
.examples-picker{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:calc(8 * var(--ui,1px));min-width:0;min-height:0}
.examples-picker.is-overflowing{grid-template-columns:calc(32 * var(--ui,1px)) minmax(0,1fr) calc(32 * var(--ui,1px))}
.examples-picker .examples-choices{display:grid;grid-template-columns:repeat(var(--visible-choices,1),minmax(0,1fr));grid-auto-columns:calc(200 * var(--ui,1px));overflow:hidden;scrollbar-width:none}
.examples-picker [data-example-choices=text]{grid-auto-columns:calc(145 * var(--ui,1px))}
.examples-picker [data-example-choices=audio]{grid-auto-columns:calc(220 * var(--ui,1px))}
.examples-picker [data-example-choices=reconstruction]{grid-auto-columns:calc(170 * var(--ui,1px))}
.examples-picker .examples-choices::-webkit-scrollbar{display:none}
.examples-picker .examples-choice{min-width:0;width:100%;max-width:100%;margin:0;justify-content:center}
.examples-picker .examples-choice[hidden]{display:none}
.examples-picker .examples-choice>img{flex-shrink:0}
.examples-picker .examples-choice>span:not(.audio-choice-language){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.examples-picker-arrow{display:grid;place-items:center;align-self:center;width:100%;height:calc(32 * var(--ui,1px));margin-top:calc(8 * var(--ui,1px));padding:0;border:1px solid #c4d5bd;border-radius:50%;background:#fcfefb;color:#52724c;cursor:pointer;transition:background .2s,border-color .2s}
.examples-picker-arrow[hidden]{display:none}
.examples-picker-arrow svg{width:calc(18 * var(--ui,1px));height:calc(18 * var(--ui,1px));fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.examples-picker-arrow:hover{background:#e4ecdf;border-color:#77966e}
.examples-picker-arrow:focus-visible,.examples-picker .examples-choice:focus-visible{outline:2px solid #2b7857;outline-offset:-2px}
.examples-picker-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.examples-choice .audio-choice-language{font-size:10px;font-weight:600;line-height:1.3;padding:3px 6px;border-radius:10px;background:#e2ede2;color:#315e40;white-space:nowrap}
.examples-replay{position:absolute;top:17px;right:0;display:flex;align-items:center;gap:6px;padding:7px 10px;background:#fff9;border:1px solid #d2dfcb;border-radius:6px;font:500 12px var(--display);color:#52724c}
.examples-replay svg{width:14px;height:14px}
.examples-navigation{display:flex;justify-content:center;align-items:center;gap:36px;margin-top:17px;min-height:32px}
.section-scroll-link{display:inline-flex;align-items:center;gap:8px;padding:5px 9px;border-radius:20px;color:#6c826f;font:500 12px/1.4 var(--display);white-space:nowrap}
.section-scroll-link svg{width:17px;height:17px;transition:transform .25s ease}
.section-scroll-link:hover{color:#2c6342;background:#edf3ec}
.scroll-up:hover svg{transform:translateY(-3px)}
.scroll-down:hover svg{transform:translateY(3px)}
.examples-section [data-reveal]{transition:opacity .6s ease,transform .85s cubic-bezier(.16,1,.3,1)}
.examples-section .examples-workspace[data-reveal]{transition-delay:.12s;transform-origin:50% 0}
.examples-section .examples-navigation[data-reveal]{transition-delay:.6s}
.examples-section.is-reveal-pending [data-reveal]{opacity:0;transform:translateY(32px)}
.examples-section.is-reveal-pending .examples-workspace[data-reveal]{transform:translateY(46px) scale(.985)}
.examples-section.is-revealed [data-reveal]{opacity:1;transform:translateY(0) scale(1)}
.examples-workspace .preview-model,.examples-workspace .preview-media-pair>figure,.examples-workspace .preview-text-pane,.examples-workspace .preview-audio-card,.examples-workspace .examples-choice,.examples-workspace .preview-caption{transition:opacity .65s ease,transform .8s cubic-bezier(.16,1,.3,1);transition-delay:.22s}
.examples-workspace .preview-media-pair>figure,.examples-workspace .preview-text-pane,.examples-workspace .preview-audio-card{transition-delay:.3s}
.examples-workspace .preview-media-pair>figure:nth-child(2),.examples-workspace .preview-text-pane:nth-child(2),.examples-workspace .preview-audio-card:nth-child(2){transition-delay:.4s}
.examples-workspace .preview-audio-card:nth-child(3){transition-delay:.48s}
.examples-workspace .examples-choice{transition-delay:calc(.48s + var(--choice-index,0)*.06s)}
.examples-workspace .preview-caption{transition-delay:.6s}
.examples-section.is-reveal-pending .preview-model,.examples-section.is-reveal-pending .preview-media-pair>figure,.examples-section.is-reveal-pending .preview-text-pane,.examples-section.is-reveal-pending .preview-audio-card,.examples-section.is-reveal-pending .examples-choice,.examples-section.is-reveal-pending .preview-caption{opacity:0;transform:translateY(22px)}
.examples-section.is-revealed .preview-model,.examples-section.is-revealed .preview-media-pair>figure,.examples-section.is-revealed .preview-text-pane,.examples-section.is-revealed .preview-audio-card,.examples-section.is-revealed .examples-choice,.examples-section.is-revealed .preview-caption{opacity:1;transform:translateY(0)}
@media(min-width:901px) and (max-height:720px){.research-page .paper-frontmatter{height:calc(var(--page-viewport,100svh) - 136px)}.research-scroll-cue{bottom:2px;min-height:28px;font-size:11px}.research-page .examples-section{padding-top:50px}.examples-workspace{padding:14px 20px 16px}.examples-workspace .showcase-tabs button{min-height:40px}.examples-workspace .showcase-panel{grid-template-rows:58px minmax(0,1fr) minmax(64px,max-content) minmax(44px,max-content)}.examples-workspace .preview-model{padding-block:10px}.examples-workspace .preview-audio-card{padding:7px 10px}.examples-workspace .preview-audio-card audio{height:30px}.examples-workspace .preview-depth-input>img{width:40px}.examples-workspace .preview-audio-variant .audio-art{display:none}}
@media(max-width:900px){.research-page .paper-frontmatter{height:auto}.research-page .research-intro{padding-bottom:66px}.research-scroll-cue{bottom:15px}.examples-workspace{height:min(590px,calc(var(--page-viewport,100svh) - 262px));min-height:420px}.examples-workspace .preview-text-output{font-size:14px}.examples-choice img{width:54px;height:auto}}
@media(max-width:600px){.research-document{scroll-padding-top:57px}.research-page .examples-section{min-height:calc(var(--page-viewport,100svh) - 57px);padding-block:54px 14px;scroll-margin-top:0}.research-page .examples-heading{align-items:flex-start;flex-direction:column;gap:6px}.research-page .examples-heading h2{font-size:27px}.examples-workspace{height:510px;padding:13px 13px 16px;--preview-label-size:11px;--preview-meta-size:10px}.examples-workspace .showcase-tabs{gap:2px}.examples-workspace .showcase-tabs button{font-size:11px;gap:5px;min-height:50px}.examples-workspace .showcase-tabs button svg{width:15px;height:15px}.examples-workspace .preview-model{padding-block:12px}.examples-workspace .preview-model strong{font-size:13px}.examples-workspace .preview-model>img{width:29px;height:29px}.examples-workspace .preview-media-pair,.examples-workspace .preview-text-pair,.examples-workspace .preview-audio-pair{gap:8px}.examples-workspace .preview-media-pair figure{grid-template-rows:24px minmax(0,1fr)}.examples-workspace .preview-image-divider>span{width:29px;height:29px;font-size:16px}.examples-workspace .preview-text-pane{padding:10px 8px}.examples-workspace .preview-text-output{font-size:12px;line-height:1.65}.examples-workspace .preview-text-state{font-size:9px}.examples-workspace .preview-audio-card{padding:9px 7px}.examples-workspace .preview-audio-card audio{height:30px}.examples-workspace .preview-audio-variant .audio-art img{max-height:35px}.examples-workspace .preview-prompt{font-size:11px;grid-template-columns:40px minmax(0,1fr);gap:6px}.examples-choice{gap:7px;font-size:11px;padding-right:9px}.examples-choice img{width:49px;height:auto}.examples-choice:not(:has(img)){font-size:12px;padding:8px 10px}.examples-replay{top:13px;font-size:11px;padding:6px}.examples-navigation{gap:12px}.section-scroll-link{font-size:11px;gap:6px;padding-inline:4px}.examples-workspace .showcase-panel{grid-template-rows:60px minmax(0,1fr) 64px minmax(74px,max-content)}}
@media(prefers-reduced-motion:reduce){.examples-section [data-reveal],.examples-workspace .preview-model,.examples-workspace .preview-media-pair>figure,.examples-workspace .preview-text-pane,.examples-workspace .preview-audio-card,.examples-workspace .examples-choice,.examples-workspace .preview-caption,.research-scroll-cue svg,.section-scroll-link svg{transition:none!important}.examples-section.is-reveal-pending [data-reveal],.examples-section.is-reveal-pending .preview-model,.examples-section.is-reveal-pending .preview-media-pair>figure,.examples-section.is-reveal-pending .preview-text-pane,.examples-section.is-reveal-pending .preview-audio-card,.examples-section.is-reveal-pending .examples-choice,.examples-section.is-reveal-pending .preview-caption{opacity:1;transform:none}}