:root{--bg:#0a0d14;--bg-2:#0e121c;--surface:#141a28;--surface-2:#1a2234;--line:#94a3b824;--line-2:#94a3b842;--ink:#eef2fb;--muted:#9aa7be;--muted-2:#6b7891;--gold:#e6a844;--gold-2:#f0cd7a;--violet:#8069c2;--violet-2:#9779cb;--ok:#4cba90;--warn:#e6b24a;--grad-violet:linear-gradient(135deg, #6a52a6, #8e77c6);--code-bg:#060910a8;--bar-bg:#0a0d14c7;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}:root[data-theme=light]{--bg:#f6f4ef;--bg-2:#fbfaf6;--surface:#fff;--surface-2:#f1eee8;--line:#1c1e2c1a;--line-2:#1c1e2c2e;--ink:#1a1d26;--muted:#55607a;--muted-2:#818798;--gold:#b77e10;--gold-2:#9a6c0c;--violet:#6a52a6;--violet-2:#7a5fb8;--ok:#16a34a;--warn:#b45309;--code-bg:#1a1d260b;--bar-bg:#f6f4efd1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{background:var(--bg);color:var(--ink);font:15.5px/1.65 var(--font);-webkit-font-smoothing:antialiased;margin:0;position:relative}a{color:var(--gold-2);text-decoration:none}a:hover{text-decoration:underline}code{font:13px/1.5 var(--mono);background:var(--code-bg);border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:1px 5px}.d-atmos{z-index:-1;pointer-events:none;background:radial-gradient(1000px 640px at 84% 0,#e6a8441c,#0000 62%),radial-gradient(960px 640px at 2% 1%,#8069c221,#0000 62%),radial-gradient(1050px 780px at -6% 76%,#6058b01a,#0000 62%),radial-gradient(1200px 900px at 50% 101%,#8069c21f,#0000 68%),linear-gradient(#0a0d14 0%,#0b0e1a 26%,#0a0f17 52%,#0c0e1d 76%,#0a0d14 100%);position:absolute;inset:0}:root[data-theme=light] .d-atmos{background:radial-gradient(1000px 640px at 84% 0,#b77e1014,#0000 62%),radial-gradient(960px 640px at 2% 1%,#6a52a61a,#0000 62%),radial-gradient(1050px 780px at -6% 76%,#6a52a614,#0000 62%),linear-gradient(#f6f4ef 0%,#f3f0e9 50%,#f6f4ef 100%)}.d-bar{z-index:40;background:var(--bar-bg);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:11px 22px;display:flex;position:sticky;top:0}.d-brand{color:var(--ink);align-items:center;gap:9px;font-size:15px;display:flex}.d-brand:hover{text-decoration:none}.d-mark{background:var(--grad-violet);color:#f5efd6;border-radius:8px;flex:none;place-items:center;width:27px;height:27px;display:grid}.d-mark svg{width:15px;height:15px}.d-badge{font:700 10.5px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;background:color-mix(in oklab, var(--gold) 16%, transparent);border:1px solid color-mix(in oklab, var(--gold) 34%, transparent);color:var(--gold-2);border-radius:99px;padding:4px 8px}.d-barlinks{align-items:center;gap:16px;margin-left:auto;font-size:13.5px;display:flex}.d-barlinks a{color:var(--muted)}.d-barlinks a:hover{color:var(--ink);text-decoration:none}.d-barlinks .d-studio{color:var(--gold-2)}.d-theme{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:8px;padding:5px 9px;font-size:13px;line-height:1}.d-theme:hover{color:var(--ink);border-color:var(--line-2)}.d-burger{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:8px;padding:5px 10px;font-size:15px;display:none}.d-body{max-width:var(--page-maxw,1180px);grid-template-columns:236px minmax(0,1fr);gap:34px;margin:0 auto;padding:0 22px;display:grid}.d-nav{align-self:start;max-height:calc(100vh - 96px);padding:26px 0 40px;position:sticky;top:78px;overflow-y:auto}.d-navinner{flex-direction:column;gap:1px;display:flex}.d-navhd{font:700 10.5px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);padding:0 10px 9px}.d-nav button,.d-navlink{text-align:left;color:var(--muted);cursor:pointer;font:14px/1.5 var(--font);background:0 0;border:0;border-left:2px solid #0000;border-radius:0 7px 7px 0;padding:7px 10px}.d-nav button:hover,.d-navlink:hover{color:var(--ink);background:var(--surface-2);text-decoration:none}.d-nav button.on{color:var(--gold-2);border-left-color:var(--violet);background:color-mix(in oklab, var(--violet) 13%, transparent);font-weight:600}.d-main{min-width:0;padding:26px 0 80px}.d-hero{border-bottom:1px solid var(--line);margin-bottom:12px;padding:18px 0 34px}.d-eyebrow{font:700 11px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:block}.d-hero h1{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(28px,4vw,39px);font-weight:800;line-height:1.12}.d-hero p{color:var(--muted);max-width:62ch;margin:0;font-size:16px}.d-herolinks{flex-wrap:wrap;gap:11px;margin-top:22px;display:flex}.d-cta{background:var(--grad-violet);color:#f7f3e4;font:700 14px/1 var(--font);border:1px solid color-mix(in oklab, var(--violet) 55%, transparent);border-radius:11px;padding:12px 20px}.d-cta:hover{filter:brightness(1.08);text-decoration:none}.d-cta.ghost{background:var(--surface-2);border:1px solid var(--line-2);color:var(--ink)}.d-sec{border-bottom:1px solid var(--line);padding:34px 0;scroll-margin-top:78px}.d-sec:last-of-type{border-bottom:0}.d-sec h2{letter-spacing:-.015em;margin:0 0 10px;font-size:25px;font-weight:800}.d-sec h2 a{color:var(--ink)}.d-sec h2 a:hover{color:var(--gold-2);text-decoration:none}.d-lead{color:var(--muted);max-width:66ch;margin:0 0 20px;font-size:16px}.d-h3{letter-spacing:-.01em;margin:30px 0 10px;font-size:16.5px;font-weight:700}.d-p{color:var(--ink);opacity:.92;max-width:72ch;margin:0 0 13px}.d-list{color:var(--ink);opacity:.92;max-width:72ch;margin:0 0 14px;padding-left:20px}.d-list li{margin-bottom:7px}.d-steps{max-width:72ch;margin:0 0 18px;padding:0;list-style:none}.d-steps li{color:var(--ink);opacity:.92;gap:13px;margin-bottom:13px;display:flex}.d-num{background:color-mix(in oklab, var(--violet) 24%, transparent);border:1px solid color-mix(in oklab, var(--violet) 52%, transparent);width:25px;height:25px;color:var(--gold-2);font:700 12.5px/23px var(--font);text-align:center;border-radius:50%;flex:none}.d-code{background:var(--code-bg);border:1px solid var(--line);font:13px/1.6 var(--mono);color:var(--ink);border-radius:12px;margin:0 0 16px;padding:15px 17px;position:relative;overflow-x:auto}.d-code code{font:inherit;color:inherit;background:0 0;border:0;padding:0}.d-code[data-lang]:not([data-lang=""]):after{content:attr(data-lang);font:700 9.5px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);position:absolute;top:9px;right:12px}.d-note{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-left-width:3px;border-radius:11px;margin:0 0 16px;padding:13px 16px;font-size:14.5px}.d-note.tip{border-left-color:var(--ok)}.d-note.warn{border-left-color:var(--warn)}.d-tablewrap{border:1px solid var(--line);border-radius:12px;margin:0 0 18px;overflow-x:auto}.d-table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px}.d-table th{text-align:left;background:var(--surface-2);color:var(--muted-2);font:700 10.5px/1.4 var(--font);letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:11px 14px}.d-table td{border-bottom:1px solid var(--line);color:var(--ink);opacity:.92;vertical-align:top;padding:11px 14px}.d-table tr:last-child td{border-bottom:0}.d-table td:first-child{white-space:nowrap}.d-table td:first-child code{color:var(--gold-2)}.d-foot{border-top:1px solid var(--line);color:var(--muted-2);margin-top:44px;padding-top:22px;font-size:13px}.d-foot a{color:var(--muted)}@media (width<=900px){.d-body{grid-template-columns:1fr;gap:0}.d-burger{margin-left:auto;display:block}.d-barlinks{display:none}.d-nav{max-height:0;padding:0;transition:max-height .22s;position:static;overflow:hidden}.d-nav.open{border-bottom:1px solid var(--line);max-height:70vh;padding:16px 0 8px;overflow-y:auto}.d-table{min-width:420px}}