@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{vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{scroll-behavior:smooth;text-rendering:optimizespeed;min-height:100vh;line-height:1.5}ol,ul{list-style:none}a:not([class]){-webkit-text-decoration-skip-ink:auto;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){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!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{content:none!important;background-image:none!important;display: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:#fff;--foreground:#020817;--card:#fff;--card-foreground:#020817;--popover:#fff;--popover-foreground:#020817;--primary:#0f172a;--primary-foreground:#f8fafc;--secondary:#f1f5f9;--secondary-foreground:#0f172a;--muted:#f1f5f9;--muted-foreground:#64748b;--accent:#f1f5f9;--accent-foreground:#0f172a;--destructive:#ef4444;--destructive-foreground:#f8fafc;--border:transparent;--input:#e2e8f0;--ring:#94a3b8;--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:#fafafa;--code-bg:#f1f5f9;--card-hover-border:#cdd7e5cc;--card-hover-shadow:0 10px 30px -15px #0000001a}.dark,html[data-theme=dark]{--background:#080c16;--foreground:#f8fafc;--card:#161822;--card-foreground:#f8fafc;--popover:#161822;--popover-foreground:#f8fafc;--primary:#f8fafc;--primary-foreground:#0f172a;--secondary:#1e293b;--secondary-foreground:#f8fafc;--muted:#1e293b;--muted-foreground:#94a3b8;--accent:#1e293b;--accent-foreground:#f8fafc;--destructive:#7f1d1d;--destructive-foreground:#fef2f2;--border:transparent;--input:#1e293b;--ring:#1e293b;--sidebar-bg:#070a13;--code-bg:#11141d;--card-hover-border:#26344acc;--card-hover-shadow:0 10px 30px -15px #00000080}.light,html[data-theme=light]{--background:#fff;--foreground:#020817;--card:#fff;--card-foreground:#020817;--popover:#fff;--popover-foreground:#020817;--primary:#0f172a;--primary-foreground:#f8fafc;--secondary:#f1f5f9;--secondary-foreground:#0f172a;--muted:#f1f5f9;--muted-foreground:#64748b;--accent:#f1f5f9;--accent-foreground:#0f172a;--destructive:#ef4444;--destructive-foreground:#f8fafc;--border:transparent;--input:#e2e8f0;--ring:#94a3b8;--sidebar-bg:#fafafa;--code-bg:#f1f5f9;--card-hover-border:#cdd7e5cc;--card-hover-shadow:0 10px 30px -15px #0000001a}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:16px;line-height:1.5;overflow-x:hidden}h1,.text-h1{letter-spacing:-.02em;margin-top:2rem;padding-top:1rem;font-size:2rem;font-weight:700;line-height:1.1}h2,.text-h2{letter-spacing:-.015em;font-size:1.875rem;font-weight:700;line-height:1.2}h3,.text-h3{letter-spacing:-.01em;font-size:1.5rem;font-weight:700;line-height:1.2}h4,.text-h4{letter-spacing:-.01em;font-size:1.25rem;font-weight:700;line-height:1.3}h5,.text-h5{letter-spacing:-.01em;font-size:1.125rem;font-weight:700;line-height:1.4}h6,.text-h6{letter-spacing:-.01em;font-size:1rem;font-weight:700;line-height:1.5}.text-lead{color:var(--muted-foreground);font-size:1.25rem;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{color:var(--muted-foreground);font-size:.875rem;line-height:1.5}@media (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{background:var(--primary);color:#fff;z-index:100;padding:8px;position:absolute;top:-40px;left:0}.skip-to-content:focus{top:0}:root{--background:#fff;--foreground:#333;--muted-foreground:#666;--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);padding:.2em .4em;font-size:.875rem}pre code{background-color:#0000;padding:0}.app-container{background-color:var(--background);flex-direction:column;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;width:100%;max-width:1500px;margin:0 auto;padding:1rem;display:flex}.editor-content{flex-direction:column;flex:1;width:100%;height:100vh;margin:0;padding:0;display:flex;overflow:hidden}@media (width>=768px){.main-content{padding:1.5rem}}@media (width>=1024px){.main-content{padding:2rem}}header{z-index:50;background-color:var(--background);width:100%;position:sticky;top:0}footer{background-color:var(--background);width:100%;padding:2rem 1rem}.sidebar{background-color:var(--sidebar-bg);width:100%;max-width:280px;overflow-y:auto}@media (width<=768px){.sidebar{z-index:40;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:30;opacity:0;pointer-events:none;background-color:#00000080;transition:opacity .3s;position:fixed;inset:0}.sidebar-backdrop.visible{opacity:1;pointer-events:all}}.with-sidebar{flex-direction:column;display:flex}@media (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%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-52px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(52px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-52px)}}@keyframes slideOutToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(52px)}}@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:.6s ease-in forwards fadeIn}.slide-in{animation:.6s ease-out forwards slideIn}.accordion-down{animation:.2s ease-out accordion-down}.accordion-up{animation:.2s ease-out accordion-up}.animate-in{will-change:transform, opacity;animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.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,box-shadow .2s}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.hover-scale{transition:transform .2s}.hover-scale:hover{transform:scale(1.05)}.card-hover{transition:transform .3s cubic-bezier(.17,.67,.83,.67),box-shadow .3s}.card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 20px -10px #0000001a}.focus-ring{transition:box-shadow .2s,outline .2s}.focus-ring:focus-visible{box-shadow:0 0 0 2px var(--primary), 0 0 0 4px #4299e166;outline:none}.link-hover{position:relative}.link-hover:after{content:"";background-color:var(--primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.link-hover:hover:after{width:100%}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-8px)}.spinner{border:3px solid #0000001a;border-top:3px solid var(--primary);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.bg-grid-pattern{background-color:#f1f5f933;background-image:linear-gradient(90deg,#e2e8f04d 1px,#0000 1px),linear-gradient(#e2e8f04d 1px,#0000 1px);background-size:24px 24px;position:relative}.dark .bg-grid-pattern{background-color:#1e293b1a;background-image:linear-gradient(90deg,#1e293b99 1px,#0000 1px),linear-gradient(#1e293b99 1px,#0000 1px)}.bg-dots-pattern{background-color:#f1f5f933;background-image:radial-gradient(#e2e8f080 1px,#0000 1px);background-size:20px 20px;position:relative}.dark .bg-dots-pattern{background-color:#1e293b1a;background-image:radial-gradient(#1e293b99 1px,#0000 1px)}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff1a;border:1px solid #fff3}.dark .glass{background-color:#0000001a;border-color:#ffffff1a}.text-gradient{color:#0000;-webkit-background-clip:text;background-clip:text;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{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.accent-link{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .15s}.accent-link:hover{color:#60a5fa;text-decoration:underline}.nav-link.active{color:var(--primary);position:relative}.nav-link.active:after{content:"";background-color:var(--primary);width:100%;height:2px;position:absolute;bottom:0;left:0}.footer-links a.active{color:var(--primary);font-weight:500}.section-padding{padding:5rem 1rem}@media (width>=768px){.section-padding{padding-left:1.5rem;padding-right:1.5rem}}@media (width>=1024px){.section-padding{padding-left:2rem;padding-right:2rem}}.docs-content,.docs-container{flex-direction:column;width:100%;margin-top:0;padding-top:0;display:flex}.docs-content{max-width:900px;margin-left:auto;margin-right:auto}.markdown-content{overflow-wrap:break-word;max-width:100%}.markdown-content h1{letter-spacing:-.02em;margin-top:2rem;margin-bottom:1rem;font-size:2rem;font-weight:700;line-height:1.1}.markdown-content h2{letter-spacing:-.015em;margin-top:1.5rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:700;line-height:1.2}.markdown-content h3{letter-spacing:-.01em;margin-top:1.5rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.2}.markdown-content p{margin-bottom:1rem;line-height:1.6}.markdown-content code{font-family:var(--font-mono);background-color:var(--muted);border-radius:.25rem;padding:.2em .4em;font-size:.875rem}.dark .markdown-content code{background-color:#11141d}.markdown-content pre{background-color:var(--muted);border:1px solid var(--border);border-radius:.5rem;margin-bottom:1rem;padding:1rem;overflow-x:auto}.dark .markdown-content pre{background-color:#11141d}.markdown-content pre code{background-color:#0000;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);color:var(--muted-foreground);margin:1.5rem 0;padding-left:1rem;font-style:italic}.markdown-content table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.875rem}.markdown-content th,.markdown-content td{border:1px solid var(--border);text-align:left;padding:.5rem 1rem}.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}