.tutorial-content h1{font-size:clamp(2.5rem,5vw,3rem);font-weight:800;color:var(--text-primary);margin:0 0 2rem;letter-spacing:-.02em;line-height:1.2}.tutorial-content h2{font-size:clamp(1.75rem,4vw,2rem);font-weight:700;color:var(--text-primary);margin:3rem 0 1.5rem;padding-left:1rem;border-left:4px solid var(--primary);line-height:1.3}.tutorial-content h3{font-size:clamp(1.35rem,3vw,1.5rem);font-weight:600;color:var(--text-primary);margin:2.5rem 0 1rem;line-height:1.4}.tutorial-content h4{font-size:1.15rem;font-weight:600;color:var(--text-secondary);margin:2rem 0 1rem;line-height:1.4}.tutorial-content p{font-size:1.05rem;line-height:1.8;color:var(--text-secondary);margin:0 0 1.5rem}.tutorial-content a{color:#007bff;text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.tutorial-content a:hover{border-bottom-color:#007bff}.tutorial-content strong{color:var(--text-primary);font-weight:600}.tutorial-content em{font-style:italic;color:var(--text-secondary)}.tutorial-content code{background:#65758529;padding:.2rem .5rem;border-radius:4px;font-family:Courier New,Consolas,Monaco,monospace;font-size:.9em;color:#a8b1ff}.tutorial-content pre{background:#0006;border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;position:relative}.tutorial-content pre::-webkit-scrollbar{height:8px}.tutorial-content pre::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px;margin:0 .5rem}.tutorial-content pre::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ffffff4d,#fff3);border-radius:4px;border:2px solid rgba(0,0,0,.4);transition:background .3s ease}.tutorial-content pre::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#ffffff80,#fff6)}.tutorial-content pre::-webkit-scrollbar-thumb:active{background:linear-gradient(90deg,#fff9,#ffffff80)}.tutorial-content pre{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.05)}.tutorial-content pre code{background:none;padding:0;border:none;font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.tutorial-content ul,.tutorial-content ol{margin:1.5rem 0;padding-left:2rem;line-height:1.8}.tutorial-content ul{list-style:none}.tutorial-content ul>li{position:relative;margin-bottom:.75rem;color:var(--text-secondary)}.tutorial-content ul>li:before{content:"";position:absolute;left:-1.5rem;top:.6em;width:6px;height:6px;background:var(--primary);border-radius:50%}.tutorial-content ol{list-style:decimal;list-style-position:outside}.tutorial-content ol>li{margin-bottom:.75rem;color:var(--text-secondary);padding-left:.5rem}.tutorial-content ol>li::marker{color:var(--primary);font-weight:600}.tutorial-content blockquote{margin:2rem 0;padding:1rem 1.5rem;background:#ffffff08;border-left:4px solid var(--primary);border-radius:4px}.tutorial-content blockquote p{margin:.5rem 0;color:var(--text-secondary)}.tutorial-content blockquote p:first-child{margin-top:0}.tutorial-content blockquote p:last-child{margin-bottom:0}.tutorial-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem}.tutorial-content table th,.tutorial-content table td{padding:.75rem 1rem;text-align:left;border:1px solid var(--border-color)}.tutorial-content table th{background:#ffffff0d;color:var(--text-primary);font-weight:600}.tutorial-content table td{color:var(--text-secondary)}.tutorial-content table tr:hover td{background:#ffffff05}.tutorial-content hr{border:none;border-top:1px solid var(--border-color);margin:3rem 0}.tutorial-content img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0;border:1px solid var(--border-color)}.tutorial-content details{margin:1.5rem 0;padding:1rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:8px}.tutorial-content summary{cursor:pointer;font-weight:600;color:var(--text-primary);user-select:none;padding:.5rem;margin:-.5rem;border-radius:4px;transition:background .2s ease}.tutorial-content summary:hover{background:#ffffff0d}.tutorial-content details[open] summary{margin-bottom:1rem}.copy-code-button{position:absolute;top:.75rem;right:.75rem;padding:.5rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem;opacity:0;z-index:10}.tutorial-content pre:hover .copy-code-button{opacity:1}.copy-code-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.copy-code-button:active{transform:translateY(0)}.copy-code-button.copied{background:#10b98133;border-color:#10b98166;color:#10b981}.copy-code-button svg{width:16px;height:16px}.tutorial-content .mermaid-container{background:#0f172acc;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:2.5rem;margin:2rem 0;overflow-x:auto;display:flex;justify-content:center;align-items:center}.tutorial-content .mermaid-container svg{max-width:100%;height:auto;border:none;margin:0}.tutorial-content .mermaid-container .nodeLabel,.tutorial-content .mermaid-container .edgeLabel,.tutorial-content .mermaid-container text,.tutorial-content .mermaid-container span{fill:#fff!important;color:#fff!important;font-weight:500!important;font-size:15px!important;letter-spacing:.2px!important}.tutorial-content .mermaid-container .node rect,.tutorial-content .mermaid-container .node circle,.tutorial-content .mermaid-container .node polygon,.tutorial-content .mermaid-container .node path{stroke-width:2px!important}.tutorial-content .mermaid-container .node .label{color:#fff!important}.tutorial-content .mermaid-container .edgePath path{stroke-width:2px!important;stroke:#94a3b8!important}.tutorial-content .mermaid-container .arrowheadPath{fill:#cbd5e1!important;stroke:#cbd5e1!important}.tutorial-content .mermaid-container::-webkit-scrollbar{height:8px}.tutorial-content .mermaid-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.tutorial-content .mermaid-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px;border:2px solid rgba(0,0,0,.3)}.tutorial-content .mermaid-container::-webkit-scrollbar-thumb:hover{background:#fff6}@media(max-width:768px){.tutorial-content h1{font-size:2rem;margin-bottom:1.5rem}.tutorial-content h2{font-size:1.5rem;margin-top:2rem}.tutorial-content h3{font-size:1.25rem}.tutorial-content p,.tutorial-content li{font-size:1rem}.tutorial-content pre{padding:1rem;font-size:.85rem}.tutorial-content table{font-size:.875rem}.tutorial-content table th,.tutorial-content table td{padding:.5rem}.copy-code-button{opacity:1;top:.5rem;right:.5rem;padding:.4rem .6rem;font-size:.75rem}.tutorial-content .mermaid-container{padding:1.5rem;margin:1.5rem 0}.tutorial-content .mermaid-container .nodeLabel,.tutorial-content .mermaid-container .edgeLabel,.tutorial-content .mermaid-container text,.tutorial-content .mermaid-container span{font-size:13px!important;font-weight:500!important}}.tutorials-container[data-astro-cid-ds6ctzq3]{display:flex;gap:0;min-height:calc(100vh - 200px);margin:-4rem -2rem 0}.sidebar[data-astro-cid-ds6ctzq3]{width:300px;background:transparent;border-right:1px solid var(--border-color);position:sticky;top:70px;height:calc(100vh - 70px);overflow-x:hidden;overflow-y:auto;flex-shrink:0;padding:2rem 0 2rem 2rem;box-sizing:border-box}.sidebar-header[data-astro-cid-ds6ctzq3]{padding:0 1.5rem 1rem;margin-bottom:1rem}.sidebar-header[data-astro-cid-ds6ctzq3] h2[data-astro-cid-ds6ctzq3]{font-size:1rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.sidebar-nav[data-astro-cid-ds6ctzq3]{padding:1rem 0}.nav-section[data-astro-cid-ds6ctzq3]{margin-bottom:1.5rem}.nav-title[data-astro-cid-ds6ctzq3]{padding:.75rem 1.5rem .5rem;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.nav-links[data-astro-cid-ds6ctzq3]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.nav-links[data-astro-cid-ds6ctzq3] li[data-astro-cid-ds6ctzq3]{display:block;width:100%}.nav-links[data-astro-cid-ds6ctzq3] li[data-astro-cid-ds6ctzq3] a[data-astro-cid-ds6ctzq3]{display:block;width:100%;padding:.4rem 1.5rem .4rem 2rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:all .2s ease;border-left:2px solid transparent;margin-left:1rem}.nav-links[data-astro-cid-ds6ctzq3] li[data-astro-cid-ds6ctzq3] a[data-astro-cid-ds6ctzq3]:hover{color:var(--text-primary);background:#ffffff08}.nav-links[data-astro-cid-ds6ctzq3] li[data-astro-cid-ds6ctzq3] a[data-astro-cid-ds6ctzq3].active{color:var(--text-primary);border-left-color:var(--primary);background:#ffffff0d}.tutorial-content[data-astro-cid-ds6ctzq3]{flex:1;padding:2rem 4rem 4rem 3rem;overflow-y:auto;max-width:1000px}.toc-sidebar[data-astro-cid-ds6ctzq3]{position:fixed;right:2rem;top:120px;width:200px;max-height:calc(100vh - 160px);overflow-y:auto;padding:0;box-sizing:border-box;z-index:10}.toc-header[data-astro-cid-ds6ctzq3]{padding:0 0 .75rem 1rem;margin-bottom:.5rem}.toc-header[data-astro-cid-ds6ctzq3] h2[data-astro-cid-ds6ctzq3]{font-size:.8rem;font-weight:600;color:#d1d5dbf2;margin:0;letter-spacing:0}.toc-nav[data-astro-cid-ds6ctzq3]{padding:0}.toc-nav[data-astro-cid-ds6ctzq3] ul[data-astro-cid-ds6ctzq3]{list-style:none;padding:0;margin:0;border-left:1px solid rgba(156,163,175,.2)}.toc-nav[data-astro-cid-ds6ctzq3] li[data-astro-cid-ds6ctzq3]{margin:0}.toc-nav[data-astro-cid-ds6ctzq3] .toc-link[data-astro-cid-ds6ctzq3]{display:block;padding:.4rem 0 .4rem 1rem;color:#9ca3afe6;font-size:.8rem;line-height:1.5;transition:all .2s ease;border-left:2px solid transparent;margin-left:-1px;cursor:pointer}.toc-nav[data-astro-cid-ds6ctzq3] .toc-link[data-astro-cid-ds6ctzq3].toc-h3{padding-left:2rem;font-size:.75rem;color:#9ca3afcc}.toc-nav[data-astro-cid-ds6ctzq3] .toc-link[data-astro-cid-ds6ctzq3]:hover{color:#fffffff2}.toc-nav[data-astro-cid-ds6ctzq3] .toc-link[data-astro-cid-ds6ctzq3].active{color:#60a5fa;border-left-color:#60a5fa;font-weight:500}.toc-sidebar[data-astro-cid-ds6ctzq3]::-webkit-scrollbar{width:4px}.toc-sidebar[data-astro-cid-ds6ctzq3]::-webkit-scrollbar-track{background:transparent}.toc-sidebar[data-astro-cid-ds6ctzq3]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.toc-sidebar[data-astro-cid-ds6ctzq3]::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar[data-astro-cid-ds6ctzq3]::-webkit-scrollbar,.tutorial-content[data-astro-cid-ds6ctzq3]::-webkit-scrollbar,.toc-sidebar[data-astro-cid-ds6ctzq3]::-webkit-scrollbar{width:6px}.sidebar[data-astro-cid-ds6ctzq3]::-webkit-scrollbar-track,.tutorial-content[data-astro-cid-ds6ctzq3]::-webkit-scrollbar-track,.toc-sidebar[data-astro-cid-ds6ctzq3]::-webkit-scrollbar-track{background:transparent}.sidebar[data-astro-cid-ds6ctzq3]::-webkit-scrollbar-thumb,.tutorial-content[data-astro-cid-ds6ctzq3]::-webkit-scrollbar-thumb,.toc-sidebar[data-astro-cid-ds6ctzq3]::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar[data-astro-cid-ds6ctzq3]::-webkit-scrollbar-thumb:hover,.tutorial-content[data-astro-cid-ds6ctzq3]::-webkit-scrollbar-thumb:hover,.toc-sidebar[data-astro-cid-ds6ctzq3]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:1600px){.toc-sidebar[data-astro-cid-ds6ctzq3]{right:1.5rem}}@media(max-width:1400px){.toc-sidebar[data-astro-cid-ds6ctzq3]{width:180px;right:1rem}.toc-nav[data-astro-cid-ds6ctzq3] .toc-link[data-astro-cid-ds6ctzq3]{font-size:.75rem;padding:.35rem 0 .35rem 1rem}.toc-nav[data-astro-cid-ds6ctzq3] .toc-link[data-astro-cid-ds6ctzq3].toc-h3{padding-left:1.75rem}}@media(max-width:1200px){.sidebar[data-astro-cid-ds6ctzq3]{width:260px}.tutorial-content[data-astro-cid-ds6ctzq3]{padding:2rem 3rem 4rem 2rem}.toc-sidebar[data-astro-cid-ds6ctzq3]{display:none}}@media(max-width:1024px){.tutorials-container[data-astro-cid-ds6ctzq3]{margin:-3rem -1.5rem 0}.sidebar[data-astro-cid-ds6ctzq3]{width:240px;padding:2rem 0 2rem 1.5rem}.tutorial-content[data-astro-cid-ds6ctzq3]{padding:2rem 2rem 4rem}}@media(max-width:768px){.tutorials-container[data-astro-cid-ds6ctzq3]{flex-direction:column}.sidebar[data-astro-cid-ds6ctzq3]{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-color);padding:1.5rem;box-sizing:border-box}.sidebar-header[data-astro-cid-ds6ctzq3]{padding:0 0 1rem;box-sizing:border-box}.tutorial-content[data-astro-cid-ds6ctzq3]{padding:2rem 1.5rem;box-sizing:border-box}}