.dev-body{background:var(--sp-paper);color:var(--sp-ink-2);padding:56px 0 96px}.dev-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:64px;display:grid}.dev-toc{top:calc(var(--sp-header-h) + 24px);font:12px / 1.4 var(--sp-font-mono);letter-spacing:.08em;text-transform:uppercase;gap:2px;display:grid;position:sticky}.dev-toc a{border-left:1px solid var(--sp-line);color:var(--sp-ink-muted);padding:8px 0 8px 12px}.dev-toc a:hover{color:var(--sp-ink);border-color:var(--sp-accent)}.dev-main{gap:72px;min-width:0;display:grid}.dev-section{scroll-margin-top:calc(var(--sp-header-h) + 24px);gap:20px;min-width:0;display:grid}.dev-section h2{font-size:var(--sp-text-2xl);color:var(--sp-ink);letter-spacing:var(--sp-tracking-tight)}.dev-section h3{color:var(--sp-ink);margin-top:8px;font-size:18px}.dev-section p,.dev-section li{max-width:68ch;color:var(--sp-ink-2)}.dev-section ul,.dev-section ol{gap:8px;padding-left:20px;display:grid}.dev-section code:not(pre code){font:.9em var(--sp-font-mono);background:var(--sp-paper-3);border-radius:var(--sp-radius-1);overflow-wrap:anywhere;padding:1px 5px}.dev-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;display:grid;padding:0!important}.dev-steps li{border-top:1px solid var(--sp-line-strong);align-content:start;gap:6px;padding-top:14px;display:grid}.dev-steps small{font:11px var(--sp-font-mono);letter-spacing:var(--sp-tracking-label);color:var(--sp-accent-ember)}.dev-steps b{color:var(--sp-ink);font-size:17px}.dev-steps span{font-size:var(--sp-text-sm)}.dev-code{background:var(--sp-night);border:1px solid var(--sp-night-line);border-radius:var(--sp-radius-2);min-width:0;color:var(--sp-night-text);position:relative}.dev-code-head{border-bottom:1px solid var(--sp-night-line);font:11px var(--sp-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-night-muted);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.dev-code-head button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--sp-peach);border:1px solid var(--sp-night-line);border-radius:var(--sp-radius-1);cursor:pointer;background:0 0;padding:3px 8px}.dev-code-head button:hover{border-color:var(--sp-peach)}.dev-code pre{max-height:560px;font:12.5px / 1.6 var(--sp-font-mono);tab-size:2;margin:0;padding:14px 16px;overflow-x:auto}.dev-details{border:1px solid var(--sp-line);border-radius:var(--sp-radius-2);background:var(--sp-paper-2);min-width:0}.dev-details>summary{cursor:pointer;font:12px var(--sp-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-ink);padding:12px 16px}.dev-details>.dev-code{margin:0 12px 12px}.dev-endpoint{border-top:1px solid var(--sp-line);gap:12px;min-width:0;padding-top:24px;display:grid}.dev-endpoint h3{font:15px var(--sp-font-mono);overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;display:flex}.dev-method{letter-spacing:.1em;border-radius:var(--sp-radius-1);background:var(--sp-ink);color:var(--sp-peach);padding:2px 7px;font-size:11px}.dev-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dev-callout{border-left:3px solid var(--sp-accent);background:var(--sp-paper-2);border-radius:0 var(--sp-radius-2) var(--sp-radius-2) 0;max-width:72ch;color:var(--sp-ink);padding:14px 18px}.dev-table-wrap{border:1px solid var(--sp-line);border-radius:var(--sp-radius-2);background:var(--sp-paper);overflow-x:auto}.dev-table{border-collapse:collapse;width:100%;font-size:var(--sp-text-sm)}.dev-table th{text-align:left;font:11px var(--sp-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sp-ink-muted);background:var(--sp-paper-2);white-space:nowrap;padding:10px 14px}.dev-table td{border-top:1px solid var(--sp-line);vertical-align:top;padding:10px 14px}.dev-table td:first-child{font-family:var(--sp-font-mono);white-space:nowrap}.dev-note{font-size:var(--sp-text-sm);color:var(--sp-ink-muted)}@media (width<=900px){.dev-layout{grid-template-columns:minmax(0,1fr);gap:32px}.dev-toc{flex-wrap:wrap;gap:6px;display:flex;position:static}.dev-toc a{border:1px solid var(--sp-line);border-radius:var(--sp-radius-1);padding:6px 10px}.dev-steps,.dev-grid-2{grid-template-columns:minmax(0,1fr)}}