.oydev-visual-page .oy-container{padding-inline:16px}.oydev-visual-page .oydev-hero-layout>*,.oydev-workflow-step{min-width:0}.oydev-capture{margin:0}.oydev-capture-frame{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--oy-line);border-radius:20px;background:var(--oy-stone-950)}.oydev-capture-frame img{object-fit:cover}.oydev-capture-api-service .oydev-capture-frame,.oydev-capture-trailhead .oydev-capture-frame{aspect-ratio:390/844}.oydev-capture-board img{object-position:18% top}.oydev-capture-note img{object-position:40% center}.oydev-capture figcaption{margin-top:10px;color:var(--oy-muted)}.oydev-public-site{width:100%;max-width:390px;margin:32px auto}.oydev-public-site-frame{aspect-ratio:390/844}.oydev-public-site-frame video{display:block;width:100%;height:100%;object-fit:contain}.oydev-public-site>[data-slot=button]{margin-top:12px}.oydev-clip-status{display:block;margin-top:4px}.oydev-workflow .oy-h2{max-width:24ch;font-size:clamp(28px,3.6vw,44px)}.oydev-workflow-steps{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.oydev-workflow-step>.oy-small{max-width:44ch;margin-block:12px 20px}.oydev-details-content:not([hidden]){display:grid;gap:12px;margin-top:12px}.oydev-workflow .oydev-link{margin-top:16px;padding-inline:0}.oydev-link{color:var(--oy-stone-300);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--oy-line)}.oydev-link:hover{color:var(--oy-stone-100);text-decoration-color:initial}.oydev-visual-page main [data-slot=button]{min-height:44px;min-width:44px;max-width:100%;transform:none;box-shadow:none;transition-property:color,background-color,text-decoration-color}.oydev-visual-page main [data-slot=button]:focus-visible{outline:2px solid var(--oy-stone-300);outline-offset:3px;border-radius:3px}.oydev-final-action{display:flex;justify-content:center;padding-block:32px 64px}@media (min-width:900px){.oydev-visual-page .oy-container{padding-inline:24px}.oydev-capture-hero{width:100%;max-width:420px;justify-self:center}.oydev-capture-hero.oydev-capture-api-service,.oydev-capture-hero.oydev-capture-trailhead{max-width:none}.oydev-capture-api-service .oydev-capture-frame,.oydev-capture-trailhead .oydev-capture-frame{aspect-ratio:1440/900}.oydev-workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}