body { margin: 0; background: var(--vp-c-bg); color: var(--vp-c-text-1); }
.tutorial-shell { display: grid; grid-template-columns: minmax(0,760px) 220px; gap: 64px; max-width: 1100px; margin: auto; padding: 56px 24px 80px; }
.tutorial-shell article { min-width: 0; } .tutorial-shell p,.tutorial-shell li { line-height: 1.8; } .tutorial-shell h1 { margin: 16px 0 24px; }.tutorial-shell h2 { margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--vp-c-divider); scroll-margin-top: 24px; }
.tutorial-shell a { color: var(--vp-c-brand-1); text-underline-offset: 4px; }.tutorial-shell figure { margin: 28px 0; }.tutorial-shell img { display:block; width:100%; height:auto; border:1px solid var(--vp-c-divider); box-sizing:border-box; }.tutorial-shell figure img[alt^="Create API key"] { max-width:448px; margin:auto; }.tutorial-shell figcaption { margin-top: 12px; font-size: 13px; color: var(--vp-c-text-2); }
.tutorial-shell pre { overflow:auto; padding:20px; border:1px solid var(--vp-c-divider); background:var(--vp-c-bg-soft); line-height:1.8; font-size:12px; }.tutorial-shell code { font-family:var(--vp-font-family-mono); }.tutorial-shell :not(pre)>code { overflow-wrap:anywhere; }.tutorial-shell table { display:block; overflow:auto; border-collapse:collapse; font-size:14px; }.tutorial-shell th,.tutorial-shell td { padding:12px; border:1px solid var(--vp-c-divider); text-align:left; vertical-align:top; }.tutorial-shell th { background:var(--vp-c-bg-soft); }.tutorial-shell .note { border-left:3px solid var(--ledger-orange); background:var(--vp-c-bg-soft); padding:16px 20px; }.tutorial-shell aside { align-self:start; position:sticky; top:32px; border-left:1px solid var(--vp-c-divider); padding-left:20px; font-size:13px; }.tutorial-shell aside ol { padding-left:18px; }.tutorial-shell aside li { margin-bottom:12px; }.tutorial-shell .eyebrow { font-family:var(--vp-font-family-mono); font-size:11px; text-transform:uppercase; letter-spacing:.1em; color:var(--vp-c-text-2); }
.tutorial-shell ul,.tutorial-shell ol { padding-left:24px; }.tutorial-shell li { margin:8px 0; }.tutorial-nav { display:flex; flex-wrap:wrap; gap:20px; font-size:13px; }.tutorial-shell footer { margin-top:48px; padding-top:24px; border-top:1px solid var(--vp-c-divider); font-size:13px; }
@media(max-width:900px) { .tutorial-shell { grid-template-columns:minmax(0,1fr); gap:24px; padding-top:32px; }.tutorial-shell aside { grid-row:1; position:static; }.tutorial-shell h1 { font-size:34px; }.omevision-docs-header { flex-wrap:wrap; } }