.docs-layout-container{--docs-bg:var(--color-bg);--docs-text:var(--color-text);--docs-text-muted:var(--color-text-muted);--docs-border:var(--color-surface-border);--docs-sidebar-bg:rgba(15,23,42,0.85);--docs-primary:#34d399;--docs-primary-hover:#10b981;--docs-primary-light:rgba(52,211,153,0.06);--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.35rem;--text-2xl:1.85rem;--text-3xl:clamp(2rem,4vw,2.5rem);--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--docs-sidebar-width:280px;--docs-content-max-width:820px;--docs-header-height:80px;display:flex;flex-direction:column;height:calc(100vh - var(--docs-header-height));overflow:hidden;background:var(--color-bg);width:100%}.docs-inner{display:grid;grid-template-columns:var(--docs-sidebar-width) minmax(0,1fr);grid-gap:var(--space-2xl);gap:var(--space-2xl);align-items:stretch;max-inline-size:1200px;margin-inline:auto;padding-inline:1.25rem}.docs-inner,.docs-sidebar{height:100%;inline-size:100%;position:relative}.docs-sidebar{background-color:transparent;overflow-y:auto;padding-block:1rem 2rem;padding-right:.5rem;z-index:10;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.docs-sidebar::-webkit-scrollbar{width:4px}.docs-sidebar::-webkit-scrollbar-track{background:transparent}.docs-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.docs-sidebar::-webkit-scrollbar-thumb:hover{background:var(--docs-primary)}.docs-nav-group{-webkit-margin-after:var(--space-lg);margin-block-end:var(--space-lg)}.docs-nav-group-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;font-weight:700;-webkit-margin-after:.75rem;margin-block-end:.75rem;padding-inline:var(--space-sm);-webkit-padding-after:.5rem;padding-block-end:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.docs-nav-link{display:block;padding-block:.55rem;padding-inline:var(--space-sm);color:var(--docs-text-muted);font-size:var(--text-base);line-height:1.5;text-decoration:none!important;border-radius:6px;transition:all .15s ease;-webkit-margin-after:2px;margin-block-end:2px}.docs-nav-link:hover{color:var(--color-heading-start);background-color:rgba(255,255,255,.05)}.docs-nav-link.active{background-color:rgba(52,211,153,.08);color:#6ee7b7;font-weight:700;border-left:3px solid #34d399;padding-left:.75rem}.docs-main{padding-block:var(--space-2xl);padding-inline:0;min-inline-size:0;width:100%;height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.docs-main::-webkit-scrollbar{display:none}.docs-main-inner{inline-size:100%;max-inline-size:var(--docs-content-max-width)}.docs-content{color:var(--docs-text);line-height:1.7}.docs-content img{max-width:100%;height:auto;display:block;border-radius:10px;border:1px solid var(--docs-border);box-shadow:0 10px 30px rgba(0,0,0,.3)}.docs-content h1{font-size:var(--text-3xl);font-weight:800;color:var(--color-heading-start);-webkit-margin-after:var(--space-sm);margin-block-end:var(--space-sm);letter-spacing:-.01em;line-height:1.25}.docs-content p.lead{font-size:var(--text-lg);color:var(--docs-text-muted);-webkit-margin-after:var(--space-xl);margin-block-end:var(--space-xl);line-height:1.6;font-weight:400;max-inline-size:780px}.docs-content h2{font-size:var(--text-2xl);font-weight:700;-webkit-margin-before:var(--space-xl);margin-block-start:var(--space-xl);-webkit-margin-after:var(--space-md);margin-block-end:var(--space-md);-webkit-padding-after:var(--space-sm);padding-block-end:var(--space-sm);border-bottom:1px solid var(--docs-border);line-height:1.3}.docs-content h2,.docs-content h3{color:var(--color-heading-start);letter-spacing:0}.docs-content h3{font-size:var(--text-xl);font-weight:600;-webkit-margin-before:var(--space-lg);margin-block-start:var(--space-lg);-webkit-margin-after:var(--space-sm);margin-block-end:var(--space-sm);line-height:1.4}.docs-content p{line-height:1.7;font-size:var(--text-base)}.docs-content blockquote,.docs-content p{-webkit-margin-after:var(--space-lg);margin-block-end:var(--space-lg)}.docs-content blockquote{border-left:4px solid var(--docs-primary);background:rgba(52,211,153,.05);padding:1rem 1.25rem;border-radius:0 8px 8px 0;color:var(--color-heading-start)}.docs-content ol,.docs-content ul{color:var(--docs-text-muted);line-height:1.7;-webkit-padding-start:var(--space-lg);padding-inline-start:var(--space-lg);margin-block:0 var(--space-lg)}.docs-content li{-webkit-margin-after:var(--space-sm);margin-block-end:var(--space-sm)}.docs-content code,.docs-content li code,.docs-content p code,.docs-content pre,.docs-content td code{white-space:pre-wrap!important;word-break:break-word!important;overflow-wrap:break-word!important;overflow-x:hidden!important;-ms-overflow-style:none!important;scrollbar-width:none!important}.docs-content code::-webkit-scrollbar,.docs-content pre::-webkit-scrollbar{display:none!important}.docs-content pre{background:rgba(15,23,42,.7);border:1px solid var(--docs-border);border-radius:10px;padding:1.25rem;-webkit-margin-after:var(--space-lg);margin-block-end:var(--space-lg);color:var(--color-heading-start);font-family:Fira Code,monospace;font-size:var(--text-sm)}.docs-content div:not([style*="position: relative"])>code,.docs-content li code,.docs-content p code,.docs-content td code{background:rgba(255,255,255,.05);border:1px solid var(--docs-border);border-radius:5px;color:var(--color-heading-start);font-size:var(--text-sm);padding-block:.2rem;padding-inline:.4rem}.docs-pagination{display:flex;justify-content:space-between;gap:var(--space-md);-webkit-margin-before:var(--space-2xl);margin-block-start:var(--space-2xl);-webkit-padding-before:var(--space-lg);padding-block-start:var(--space-lg);-webkit-border-before:1px solid var(--docs-border);border-block-start:1px solid var(--docs-border)}.docs-pagination-link{display:flex;flex-direction:column;text-decoration:none!important;max-inline-size:45%}.docs-pagination-label{font-size:var(--text-sm);color:var(--docs-text-muted);-webkit-margin-after:var(--space-sm);margin-block-end:var(--space-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.docs-pagination-title{font-size:var(--text-base);font-weight:700;color:var(--docs-primary);transition:transform .2s}.docs-pagination-link:hover .docs-pagination-title{color:var(--docs-primary-hover);text-decoration:underline}@media (max-width:900px){.docs-inner{grid-template-columns:220px minmax(0,1fr);gap:var(--space-lg);padding-inline:var(--space-md);max-inline-size:1036px}.docs-sidebar{inline-size:100%}.docs-main{padding-block:var(--space-xl) 0}}@media (max-width:768px){.docs-inner{display:flex;flex-direction:column;padding-inline:0;gap:0;max-inline-size:100%}.docs-sidebar{inline-size:100%;block-size:auto;position:-webkit-sticky;position:sticky;top:var(--docs-header-height);display:flex;align-items:center;gap:var(--space-sm);-webkit-border-end:none;border-inline-end:none;-webkit-border-after:1px solid var(--docs-border);border-block-end:1px solid var(--docs-border);padding-block:var(--space-sm);padding-inline:var(--space-md);background:var(--color-bg);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-ms-overflow-style:none;scrollbar-width:none}.docs-sidebar::-webkit-scrollbar{display:none}.docs-main{padding-block:var(--space-lg) var(--space-2xl);padding-inline:var(--space-md)}.docs-nav-group{display:flex;align-items:center;gap:var(--space-sm);flex:0 0 auto;-webkit-margin-after:0;margin-block-end:0}.docs-nav-group-title{padding-inline:0 var(--space-sm);font-size:var(--text-sm)}.docs-nav-group-title,.docs-nav-link{flex:0 0 auto;margin:0;padding-block:var(--space-sm);white-space:nowrap}.docs-nav-link{min-block-size:36px;padding-inline:var(--space-md);border:1px solid transparent;font-size:var(--text-base);line-height:1.5}.docs-nav-link.active{border-color:#bbf7d0}.docs-content h1{font-size:var(--text-2xl);line-height:1.2}.docs-content p.lead{-webkit-margin-after:var(--space-lg);margin-block-end:var(--space-lg);font-size:var(--text-base);line-height:1.5}.docs-content h2{-webkit-margin-before:var(--space-xl);margin-block-start:var(--space-xl);-webkit-margin-after:var(--space-md);margin-block-end:var(--space-md);font-size:var(--text-xl);line-height:1.3}.docs-content h3{-webkit-margin-before:var(--space-lg);margin-block-start:var(--space-lg);font-size:var(--text-lg)}.docs-content ol,.docs-content p,.docs-content ul{font-size:var(--text-base);line-height:1.6}.docs-pagination{flex-direction:column;gap:var(--space-sm);-webkit-margin-before:var(--space-xl);margin-block-start:var(--space-xl)}.docs-pagination-link{max-inline-size:none;inline-size:100%;padding-block:var(--space-sm);padding-inline:var(--space-md);border:1px solid var(--docs-border);border-radius:8px;background:rgba(255,255,255,.05);text-align:start!important}.docs-pagination-title{display:block;line-height:1.4}}.package-badge{padding:.55rem .9rem;background:rgba(255,255,255,.05);border:1px solid var(--docs-border);border-radius:6px;display:inline-flex;align-items:center;gap:.6rem;margin-bottom:2rem;font-size:.92rem;color:var(--docs-text)}.package-badge strong{font-weight:700;color:var(--docs-primary)}.project-screenshot-grid{display:grid;grid-gap:1.25rem;gap:1.25rem;margin:1rem 0 2.6rem}.project-screenshot-grid--landscape{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}.project-screenshot-grid--featured{grid-template-columns:minmax(0,1fr);max-width:760px}.project-screenshot-grid--portrait{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-width:720px}.project-screenshot{margin:0;min-width:0}.project-screenshot--emphasis{grid-column:1/-1}.project-screenshot__frame{overflow:hidden;border:1px solid var(--docs-border);border-radius:10px;background:#111827;box-shadow:0 12px 28px rgba(15,23,42,.08)}.project-screenshot--landscape .project-screenshot__frame{aspect-ratio:1.92}.project-screenshot--portrait .project-screenshot__frame{aspect-ratio:.81;background:#111111}.project-screenshot__frame img{display:block;width:100%;height:100%;object-fit:contain}.project-screenshot figcaption{margin-top:.55rem;color:#64748b;font-size:.86rem;line-height:1.45}@media (max-width:768px){.project-screenshot-grid{gap:1rem;margin-bottom:2.2rem}.project-screenshot-grid--portrait{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}}