@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap";*,*:before,*:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ol,ul{list-style:none}a:not([class]){text-decoration-skip-ink:auto;color:var(--primary)}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.docs-content:before,.docs-content:after,[class*=content]:before,[class*=content]:after,[id*=content]:before,[id*=content]:after,main:before,main:after,article:before,article:after{display:none!important;content:none!important;background-image:none!important}svg[class*=background],svg[id*=background],svg.watermark,[class*=watermark],[id*=watermark],[data-testid*=watermark],[class*=brand-icon],[id*=brand-icon]{display:none!important}[style*=background-image],[style*="background: url"],[style*="background-color: transparent"][style*="z-index: -"],[style*="position: absolute"][style*="z-index: -"],[style*="position: fixed"][style*="z-index: -"]{background-image:none!important}:root{--background: hsl(0 0% 100%);--foreground: hsl(222.2 84% 4.9%);--card: hsl(0 0% 100%);--card-foreground: hsl(222.2 84% 4.9%);--popover: hsl(0 0% 100%);--popover-foreground: hsl(222.2 84% 4.9%);--primary: hsl(222.2 47.4% 11.2%);--primary-foreground: hsl(210 40% 98%);--secondary: hsl(210 40% 96.1%);--secondary-foreground: hsl(222.2 47.4% 11.2%);--muted: hsl(210 40% 96.1%);--muted-foreground: hsl(215.4 16.3% 46.9%);--accent: hsl(210 40% 96.1%);--accent-foreground: hsl(222.2 47.4% 11.2%);--destructive: hsl(0 84.2% 60.2%);--destructive-foreground: hsl(210 40% 98%);--border: transparent;--input: hsl(214.3 31.8% 91.4%);--ring: hsl(215 20.2% 65.1%);--radius: .5rem;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing-px: 1px;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-3-5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--sidebar-bg: hsl(0 0% 98%);--code-bg: hsl(210 40% 96.1%);--card-hover-border: hsla(214.3, 31.8%, 85%, .8);--card-hover-shadow: 0 10px 30px -15px rgba(0, 0, 0, .1)}.dark,html[data-theme=dark]{--background: hsl(222, 47%, 6%);--foreground: hsl(210 40% 98%);--card: hsl(228 22% 11%);--card-foreground: hsl(210 40% 98%);--popover: hsl(228 22% 11%);--popover-foreground: hsl(210 40% 98%);--primary: hsl(210 40% 98%);--primary-foreground: hsl(222.2 47.4% 11.2%);--secondary: hsl(217.2 32.6% 17.5%);--secondary-foreground: hsl(210 40% 98%);--muted: hsl(217.2 32.6% 17.5%);--muted-foreground: hsl(215 20.2% 65.1%);--accent: hsl(217.2 32.6% 17.5%);--accent-foreground: hsl(210 40% 98%);--destructive: hsl(0 62.8% 30.6%);--destructive-foreground: hsl(0 85.7% 97.3%);--border: transparent;--input: hsl(217.2 32.6% 17.5%);--ring: hsl(217.2 32.6% 17.5%);--sidebar-bg: hsl(222, 47%, 5%);--code-bg: hsl(225 25% 9%);--card-hover-border: hsla(217.2, 32.6%, 22%, .8);--card-hover-shadow: 0 10px 30px -15px rgba(0, 0, 0, .5)}.light,html[data-theme=light]{--background: hsl(0 0% 100%);--foreground: hsl(222.2 84% 4.9%);--card: hsl(0 0% 100%);--card-foreground: hsl(222.2 84% 4.9%);--popover: hsl(0 0% 100%);--popover-foreground: hsl(222.2 84% 4.9%);--primary: hsl(222.2 47.4% 11.2%);--primary-foreground: hsl(210 40% 98%);--secondary: hsl(210 40% 96.1%);--secondary-foreground: hsl(222.2 47.4% 11.2%);--muted: hsl(210 40% 96.1%);--muted-foreground: hsl(215.4 16.3% 46.9%);--accent: hsl(210 40% 96.1%);--accent-foreground: hsl(222.2 47.4% 11.2%);--destructive: hsl(0 84.2% 60.2%);--destructive-foreground: hsl(210 40% 98%);--border: transparent;--input: hsl(214.3 31.8% 91.4%);--ring: hsl(215 20.2% 65.1%);--sidebar-bg: hsl(0 0% 98%);--code-bg: hsl(210 40% 96.1%);--card-hover-border: hsla(214.3, 31.8%, 85%, .8);--card-hover-shadow: 0 10px 30px -15px rgba(0, 0, 0, .1)}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:16px;line-height:1.5;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,.text-h1{font-size:2rem;font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-top:2rem;padding-top:1rem}h2,.text-h2{font-size:1.875rem;font-weight:700;line-height:1.2;letter-spacing:-.015em}h3,.text-h3{font-size:1.5rem;font-weight:700;line-height:1.2;letter-spacing:-.01em}h4,.text-h4{font-size:1.25rem;font-weight:700;line-height:1.3;letter-spacing:-.01em}h5,.text-h5{font-size:1.125rem;font-weight:700;line-height:1.4;letter-spacing:-.01em}h6,.text-h6{font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:-.01em}.text-lead{font-size:1.25rem;color:var(--muted-foreground);line-height:1.6}.text-large{font-size:1.125rem;font-weight:600;line-height:1.5}.text-small{font-size:.875rem;font-weight:500;line-height:1}.text-muted{font-size:.875rem;color:var(--muted-foreground);line-height:1.5}@media (min-width: 1024px){h1,.text-h1{font-size:3rem}h2,.text-h2{font-size:2.25rem}h3,.text-h3{font-size:1.875rem}h4,.text-h4{font-size:1.5rem}h5,.text-h5{font-size:1.25rem}h6,.text-h6{font-size:1.125rem}}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--primary);color:#fff;padding:8px;z-index:100}.skip-to-content:focus{top:0}:root{--background: #ffffff;--foreground: #333333;--muted-foreground: #666666;--code-bg: #f5f7fa;--code-foreground: #1e1e1e;--radius: 4px;--spacing-6: 1.5rem}pre,code{background-color:var(--code-bg);border-radius:var(--radius);color:var(--code-foreground)}pre{padding:var(--spacing-6);overflow-x:auto}code{font-family:var(--font-mono);font-size:.875rem;padding:.2em .4em}pre code{background-color:transparent;padding:0}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background)}.main-content{flex:1;display:flex;flex-direction:column;width:100%;max-width:1500px;margin:0 auto;padding:1rem}.editor-content{flex:1;display:flex;flex-direction:column;width:100%;height:100vh;padding:0;margin:0;overflow:hidden}@media (min-width: 768px){.main-content{padding:1.5rem}}@media (min-width: 1024px){.main-content{padding:2rem}}header{position:sticky;top:0;z-index:50;width:100%;background-color:var(--background)}footer{width:100%;background-color:var(--background);padding:2rem 1rem}.sidebar{width:100%;max-width:280px;background-color:var(--sidebar-bg);overflow-y:auto}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:40;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:30;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-backdrop.visible{opacity:1;pointer-events:all}}.with-sidebar{display:flex;flex-direction:column}@media (min-width: 768px){.with-sidebar{flex-direction:row}.with-sidebar .content{flex:1;overflow:hidden}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-52px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(52px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-52px);opacity:0}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(52px);opacity:0}}@keyframes pulse{0%{box-shadow:0 0 #4299e199}70%{box-shadow:0 0 0 10px #4299e100}to{box-shadow:0 0 #4299e100}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.fade-in{animation:fadeIn .6s ease-in forwards}.slide-in{animation:slideIn .6s ease-out forwards}.accordion-down{animation:accordion-down .2s ease-out}.accordion-up{animation:accordion-up .2s ease-out}.animate-in{animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.slide-in-from-left-52{animation-name:slideInFromLeft}.slide-in-from-right-52{animation-name:slideInFromRight}.slide-out-to-left-52{animation-name:slideOutToLeft}.slide-out-to-right-52{animation-name:slideOutToRight}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.05)}.card-hover{transition:transform .3s cubic-bezier(.17,.67,.83,.67),box-shadow .3s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 20px -10px #0000001a}.focus-ring{transition:box-shadow .2s ease,outline .2s ease}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 2px var(--primary),0 0 0 4px #4299e166}.link-hover{position:relative}.link-hover:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:var(--primary);transition:width .3s ease}.link-hover:hover:after{width:100%}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease}.spinner{border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top:3px solid var(--primary);width:24px;height:24px;animation:spin 1s linear infinite}.bg-grid-pattern{position:relative;background-color:#f1f5f933;background-image:linear-gradient(to right,hsl(214.3 31.8% 91.4% / .3) 1px,transparent 1px),linear-gradient(to bottom,hsl(214.3 31.8% 91.4% / .3) 1px,transparent 1px);background-size:24px 24px}.dark .bg-grid-pattern{background-color:#1e293b1a;background-image:linear-gradient(to right,hsl(217.2 32.6% 17.5% / .6) 1px,transparent 1px),linear-gradient(to bottom,hsl(217.2 32.6% 17.5% / .6) 1px,transparent 1px)}.bg-dots-pattern{position:relative;background-color:#f1f5f933;background-image:radial-gradient(hsl(214.3 31.8% 91.4% / .5) 1px,transparent 1px);background-size:20px 20px}.dark .bg-dots-pattern{background-color:#1e293b1a;background-image:radial-gradient(hsl(217.2 32.6% 17.5% / .6) 1px,transparent 1px)}.glass{background-color:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.2)}.dark .glass{background-color:#0000001a;border-color:#ffffff1a}.text-gradient{background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(to right,var(--primary),#3b82f6);display:inline-block}.project-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-8);transition:transform .2s,border-color .2s,box-shadow .2s}.project-card:hover{transform:translateY(-2px);border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow)}.accent-link{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .15s ease}.accent-link:hover{color:#60a5fa;text-decoration:underline}.nav-link.active{color:var(--primary);position:relative}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary)}.footer-links a.active{color:var(--primary);font-weight:500}.section-padding{padding:5rem 1rem}@media (min-width: 768px){.section-padding{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.section-padding{padding-left:2rem;padding-right:2rem}}.docs-content,.docs-container{display:flex;flex-direction:column;width:100%;padding-top:0;margin-top:0}.docs-content{max-width:900px;margin-left:auto;margin-right:auto}.markdown-content{max-width:100%;overflow-wrap:break-word}.markdown-content h1{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-top:2rem;margin-bottom:1rem;line-height:1.1}.markdown-content h2{font-size:1.5rem;font-weight:700;letter-spacing:-.015em;margin-top:1.5rem;margin-bottom:.75rem;line-height:1.2}.markdown-content h3{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin-top:1.5rem;margin-bottom:.75rem;line-height:1.2}.markdown-content p{margin-bottom:1rem;line-height:1.6}.markdown-content code{font-family:var(--font-mono);font-size:.875rem;background-color:var(--muted);padding:.2em .4em;border-radius:.25rem}.dark .markdown-content code{background-color:#11141d}.markdown-content pre{background-color:var(--muted);padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1rem;border:1px solid var(--border)}.dark .markdown-content pre{background-color:#11141d}.markdown-content pre code{background-color:transparent;padding:0;font-size:.875rem}.markdown-content ul,.markdown-content ol{margin:1rem 0 1rem 1.5rem;padding-left:1.5rem}.markdown-content ul{list-style-type:disc}.markdown-content ol{list-style-type:decimal}.markdown-content li{margin-bottom:.5rem;line-height:1.6}.markdown-content blockquote{border-left:4px solid var(--border);padding-left:1rem;margin:1.5rem 0;color:var(--muted-foreground);font-style:italic}.markdown-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.875rem}.markdown-content th,.markdown-content td{border:1px solid var(--border);padding:.5rem 1rem;text-align:left}.markdown-content thead{background-color:var(--muted);font-weight:600}.dark .markdown-content thead{background-color:#11141d}.markdown-content hr{border:none;border-top:1px solid var(--border);margin:2rem 0}