.dvp-root{color:#0a0a0a;min-height:100vh;font-family:var(--font-body);background:#fff}[data-theme=dark] .dvp-root{color:#ffffffeb;background:#0a0a0a}.dvp-main{max-width:1280px;margin-inline:auto;padding:40px clamp(16px,4vw,32px) 64px}.dvp-head{max-width:880px;margin-bottom:32px}.dvp-overline{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;color:#3700ff;background:#3700ff1a;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.dvp-title{font-family:var(--font-heading,var(--font-body));letter-spacing:-.022em;margin:14px 0 8px;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.1}.dvp-sub{color:#0000009e;max-width:700px;margin:0;font-size:clamp(15px,1.2vw,17px);line-height:1.6}[data-theme=dark] .dvp-sub{color:#ffffff9e}.dvp-layout{grid-template-columns:220px minmax(0,1fr);gap:40px;margin-top:24px;display:grid}@media (width<=960px){.dvp-layout{grid-template-columns:minmax(0,1fr);gap:24px}.dvp-side{display:none}}.dvp-side{position:relative}.dvp-nav{flex-direction:column;gap:4px;padding:12px 0;display:flex;position:sticky;top:16px}.dvp-nav-item{color:#0009;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s cubic-bezier(.22,1,.36,1),color .12s cubic-bezier(.22,1,.36,1)}.dvp-nav-item:hover{color:#0a0a0a;background:#0000000a}.dvp-nav-item.is-active{color:#3700ff;background:#3700ff14;font-weight:700}[data-theme=dark] .dvp-nav-item{color:#fff9}[data-theme=dark] .dvp-nav-item:hover{color:#ffffffeb;background:#ffffff0f}[data-theme=dark] .dvp-nav-item.is-active{color:#c4b5fd;background:#855aff2e}.dvp-body{flex-direction:column;gap:56px;min-width:0;display:flex}.dvp-section{border-top:1px solid #0000000f;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:36px;padding-top:8px;scroll-margin-top:16px;display:grid}.dvp-section:first-child{border-top:0;padding-top:0}[data-theme=dark] .dvp-section{border-top-color:#ffffff14}@media (width<=860px){.dvp-section{grid-template-columns:minmax(0,1fr);gap:20px}}.dvp-section-left{flex-direction:column;gap:12px;display:flex}.dvp-section-right{flex-direction:column;gap:16px;min-width:0;display:flex}.dvp-h2{font-family:var(--font-heading,var(--font-body));letter-spacing:-.015em;margin:14px 0 0;font-size:22px;font-weight:700}.dvp-h2-sub{color:#0000008c;margin:0 0 6px;font-size:14px}[data-theme=dark] .dvp-h2-sub{color:#ffffff8c}.dvp-section-left p{color:#000000c7;margin:0;font-size:14px;line-height:1.6}[data-theme=dark] .dvp-section-left p{color:#ffffffc7}.dvp-list{color:#000000c7;flex-direction:column;gap:4px;margin:4px 0 0;padding-left:18px;font-size:14px;line-height:1.6;display:flex}[data-theme=dark] .dvp-list{color:#ffffffc7}.dvp-list-ordered{list-style:decimal}.dvp-list strong{color:#0a0a0a}[data-theme=dark] .dvp-list strong{color:#fff}.dvp-list code,.dvp-section-left code,.dvp-section-right code:not(.dvp-code-body code){font-family:var(--font-mono,ui-monospace, monospace);color:#3700ff;background:#3700ff14;border-radius:5px;padding:1px 6px;font-size:12.5px}[data-theme=dark] .dvp-list code,[data-theme=dark] .dvp-section-left code,[data-theme=dark] .dvp-section-right code:not(.dvp-code-body code){color:#c4b5fd;background:#855aff2e}.dvp-callout{background:#3700ff0f;border-left:3px solid #3700ff;border-radius:6px;margin:8px 0 0;padding:12px 14px;font-size:13px;line-height:1.55}[data-theme=dark] .dvp-callout{background:#855aff1f;border-left-color:#855aff}.dvp-callout a:not(.dvp-cta){color:#3700ff;text-decoration:underline}[data-theme=dark] .dvp-callout a:not(.dvp-cta){color:#c4b5fd}.dvp-callout-large{background:linear-gradient(135deg,#3700ff14,#00bfff0f);border:1px solid #3700ff29;border-radius:14px;padding:20px 22px;font-size:14px}.dvp-callout-large .dvp-callout-title{margin:0 0 8px;font-size:16px;font-weight:700}.dvp-callout-large ul{padding-left:18px}.dvp-table{border-collapse:collapse;width:100%;margin-top:6px;font-size:13px;line-height:1.5}.dvp-table th,.dvp-table td{text-align:left;vertical-align:top;border-bottom:1px solid #0000000f;padding:9px 10px}.dvp-table th{text-transform:uppercase;letter-spacing:.05em;color:#0000009e;background:#00000005;font-size:11px;font-weight:700}[data-theme=dark] .dvp-table th{color:#ffffff9e;background:#ffffff08}[data-theme=dark] .dvp-table th,[data-theme=dark] .dvp-table td{border-bottom-color:#ffffff14}.dvp-code{color:#f1f1f4;font-family:var(--font-mono,ui-monospace, monospace);background:#0e0e12;border:1px solid #0000001a;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.dvp-code-tabs{background:#161620;border-bottom:1px solid #ffffff0f;gap:0;padding:4px 4px 0;display:flex}.dvp-code-tab{color:#ffffff8c;cursor:pointer;background:0 0;border:0;border-radius:8px 8px 0 0;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:color .12s cubic-bezier(.22,1,.36,1),background .12s cubic-bezier(.22,1,.36,1)}.dvp-code-tab:hover{color:#fff}.dvp-code-tab.is-active{color:#fff;background:#0e0e12}.dvp-code-body{white-space:pre;tab-size:2;margin:0;padding:16px 18px;font-size:12.5px;line-height:1.55;overflow-x:auto}.dvp-code-body code{color:inherit;background:0 0;font-family:inherit}.dvp-section-right>.dvp-code-body{color:#f1f1f4;background:#0e0e12;border:1px solid #0000001a;border-radius:12px}.dvp-figure{background:#fff;border:1px solid #0000000f;border-radius:14px;margin:0;overflow:hidden}[data-theme=dark] .dvp-figure{background:#18181b;border-color:#ffffff14}.dvp-figure-btn{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.dvp-figure-btn:focus-visible{outline-offset:2px;outline:2px solid #3700ff}.dvp-figure-img{width:100%;height:auto;transition:transform .32s cubic-bezier(.22,1,.36,1);display:block}.dvp-figure-btn:hover .dvp-figure-img,.dvp-figure-btn:focus-visible .dvp-figure-img{transform:scale(1.02)}.dvp-figure-zoom{color:#fff;opacity:0;backdrop-filter:blur(4px);background:#0a0a0ac7;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .18s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute;top:10px;right:10px;transform:translateY(-2px)scale(.92)}.dvp-figure-btn:hover .dvp-figure-zoom,.dvp-figure-btn:focus-visible .dvp-figure-zoom{opacity:1;transform:translateY(0)scale(1)}.dvp-figure-cap{color:#0000008c;background:#00000005;border-top:1px solid #0000000a;padding:10px 14px;font-size:12px}[data-theme=dark] .dvp-figure-cap{color:#ffffff8c;background:#ffffff05;border-top-color:#ffffff0f}.dvp-lightbox{z-index:1500;backdrop-filter:blur();opacity:0;background:#08080c00;justify-content:center;align-items:center;padding:clamp(16px,4vw,48px);transition:opacity .22s cubic-bezier(.22,1,.36,1),background-color .22s cubic-bezier(.22,1,.36,1),-webkit-backdrop-filter .22s cubic-bezier(.22,1,.36,1),backdrop-filter .22s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;inset:0}.dvp-lightbox.is-mounted{opacity:1;backdrop-filter:blur(10px);background:#08080cc7}.dvp-lightbox.is-closing{opacity:0;backdrop-filter:blur();background:#08080c00}.dvp-lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background .14s cubic-bezier(.22,1,.36,1),transform .14s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute;top:16px;right:18px}.dvp-lightbox-close:hover{background:#ffffff2e;transform:scale(1.06)}.dvp-lightbox-close:focus-visible{outline-offset:3px;outline:2px solid #fff}.dvp-lightbox-figure{opacity:0;flex-direction:column;align-items:center;gap:12px;max-width:100%;max-height:100%;margin:0;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .22s cubic-bezier(.22,1,.36,1);display:flex;transform:scale(.94)translateY(8px)}.dvp-lightbox.is-mounted .dvp-lightbox-figure{opacity:1;transform:scale(1)translateY(0)}.dvp-lightbox.is-closing .dvp-lightbox-figure{opacity:0;transform:scale(.96)translateY(6px)}.dvp-lightbox-img{object-fit:contain;border-radius:14px;max-width:100%;max-height:calc(100vh - 140px);display:block;box-shadow:0 40px 80px -20px #00000080,0 16px 40px -8px #00000059}.dvp-lightbox-cap{text-align:center;color:#ffffffd9;max-width:720px;font-size:13px;font-weight:500;line-height:1.45}@media (prefers-reduced-motion:reduce){.dvp-lightbox,.dvp-lightbox-figure{transition-duration:0s}.dvp-figure-img{transition:none}}.dvp-cta{color:#0a0a0a;background:#fff;border:1px solid #0a0a0a;border-radius:999px;align-items:center;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .16s cubic-bezier(.22,1,.36,1),border-color .16s cubic-bezier(.22,1,.36,1),color .16s cubic-bezier(.22,1,.36,1),transform .16s cubic-bezier(.22,1,.36,1);display:inline-flex}.dvp-cta:hover,.dvp-cta:focus-visible{color:#fff;background:#0a0a0a;border-color:#0a0a0a;outline:0;transform:translateY(-1px)}[data-theme=dark] .dvp-cta{color:#fff;background:#0a0a0a;border-color:#fff}[data-theme=dark] .dvp-cta:hover,[data-theme=dark] .dvp-cta:focus-visible{color:#0a0a0a;background:#fff;border-color:#fff}.dvp-cta-primary{color:#fff;background:#3700ff;border-color:#3700ff}.dvp-cta-primary:hover,.dvp-cta-primary:focus-visible{color:#fff;background:#2a00cc;border-color:#2a00cc}[data-theme=dark] .dvp-cta-primary{color:#fff;background:#855aff;border-color:#855aff}[data-theme=dark] .dvp-cta-primary:hover,[data-theme=dark] .dvp-cta-primary:focus-visible{color:#fff;background:#6d44e8;border-color:#6d44e8}.dvp-final-cta{text-align:center;background:linear-gradient(115deg,#4c1d9514,#3700ff14 50%,#00bfff14);border:1px solid #3700ff2e;border-radius:18px;flex-direction:column;align-items:center;gap:8px;margin-top:24px;padding:28px 28px 32px;display:flex}.dvp-final-cta .dvp-h2{margin:0}.dvp-final-cta p{color:#0000009e;max-width:540px;margin:0;font-size:15px}[data-theme=dark] .dvp-final-cta p{color:#ffffff9e}.dvp-final-cta-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.dvp-section-right>pre.dvp-code-body{margin:0}
