*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site-content{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 24px}.docs-layout{display:flex;min-height:calc(100vh - 58px)}.docs-layout>aside{flex-shrink:0;z-index:10}.docs-layout>article,.docs-layout>div{flex:1 1;min-width:0;margin-left:240px;padding:40px 48px}@media (max-width:900px){.docs-layout{flex-direction:column}.docs-layout>article,.docs-layout>div{margin-left:0;padding:32px 20px}}.docs-article{max-width:860px;margin:0 auto;padding-right:220px;width:100%}@media (max-width:1200px){.docs-article{padding-right:0}}.code-block{position:relative;background:var(--biiba-surface);border:1px solid var(--biiba-border);border-radius:var(--biiba-radius-lg);overflow:hidden}.code-block pre{margin:0;padding:20px 24px;overflow-x:auto;font-family:SF Mono,Fira Code,Fira Mono,Cascadia Code,monospace;font-size:13px;line-height:1.65;color:var(--biiba-text)}.code-block__header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--biiba-border);background:var(--biiba-surface-raised)}.code-block__lang{font-family:SF Mono,monospace;font-size:11px;color:var(--biiba-text-subtle);text-transform:uppercase;letter-spacing:.05em}.preview-box{border:1px solid var(--biiba-border);border-radius:var(--biiba-radius-lg);padding:40px 32px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;background:var(--biiba-surface);min-height:120px}.section{padding:80px 0}.section--sm{padding:48px 0}.hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,hsla(220,90%,60%,.12) 0,transparent 70%);pointer-events:none}.docs-toc{display:none}.docs-toc--fixed{position:fixed;top:80px;right:0;width:200px;padding:24px 20px 24px 16px;border-left:1px solid var(--biiba-border);display:block;max-height:calc(100vh - 100px);overflow-y:auto;background:var(--biiba-bg)}.docs-toc__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--biiba-text-subtle);margin-bottom:12px}.docs-toc__item{display:block;font-size:13px;color:var(--biiba-text-muted);text-decoration:none;padding:4px 0;transition:color .2s}.docs-toc__item:hover{color:var(--biiba-text)}.docs-toc__item--active{color:var(--biiba-primary);font-weight:500}@media (max-width:1200px){.docs-toc--fixed{display:none}}.biiba_docs-code-container{border:1px solid var(--biiba-border);border-radius:var(--biiba-radius-lg);overflow:hidden;margin:24px 0 48px;background:var(--biiba-surface-raised);position:relative}.biiba_docs-code-preview{padding:48px 32px;display:flex;align-items:center;justify-content:center;background:var(--biiba-bg);border-bottom:1px solid var(--biiba-border);min-height:160px}.biiba_docs-code-editor{position:relative;background:var(--biiba-surface-raised);overflow-y:auto;overflow-x:hidden;width:100%;max-height:600px}.biiba_docs-code-editor .biiba-site-codeblock{border:none!important;border-radius:0!important;margin:0!important;background:transparent!important;width:100%!important}.biiba_docs-code-editor .biiba-site-codeblock-pre{padding:32px 48px 32px 16px!important}.biiba_docs-code-editor .biiba-site-codeblock-gutter{padding:32px 0!important}.biiba_docs-code-editor .biiba-site-codeblock-inner{width:100%!important}.biiba_docs-code-editor--collapsed{max-height:240px;overflow-y:hidden}.biiba_docs-code-editor--collapsed:after{content:"";position:sticky;bottom:0;left:0;right:0;display:block;width:100%;height:80px;background:linear-gradient(to top,var(--biiba-surface-raised) 20%,transparent 100%);pointer-events:none;z-index:10;margin-top:-80px}.biiba_docs-premium-toggle{display:flex;align-items:center;justify-content:center;background:var(--biiba-bg);border:1px solid var(--biiba-border);color:var(--biiba-text);padding:12px 28px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:.12em;cursor:pointer;box-shadow:0 10px 30px -10px rgba(0,0,0,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .4s cubic-bezier(.23,1,.32,1);pointer-events:auto;text-transform:uppercase;z-index:10}.biiba_docs-premium-toggle:hover{background:var(--biiba-text);color:var(--biiba-bg);border-color:var(--biiba-text);box-shadow:0 20px 40px -12px rgba(0,0,0,.25)}.biiba_docs-code-footer{display:flex;justify-content:center;align-items:center;padding:20px 0;background:var(--biiba-surface-raised);border-top:1px solid var(--biiba-border);position:relative;z-index:20}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--biiba-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--biiba-text-subtle)}.biiba_mobile-only{display:none!important}@media (max-width:900px){.biiba_mobile-only{display:flex!important}}.biiba_no-scrollbar::-webkit-scrollbar{display:none}.biiba_no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.biiba-site-codeblock-content::-webkit-scrollbar,.biiba-site-codeblock-pre::-webkit-scrollbar{display:none!important}.biiba-site-codeblock-content,.biiba-site-codeblock-pre{-ms-overflow-style:none!important;scrollbar-width:none!important}.home-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.home-two-col{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:stretch}.home-install-grid{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}.home-drag-scroll{display:flex;gap:24px;padding:20px 48px 60px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none}.home-drag-scroll::-webkit-scrollbar{display:none}@media (max-width:1024px){.home-bento{grid-template-columns:repeat(6,1fr)}.home-bento>*{grid-column:span 6!important}}@media (max-width:768px){.home-bento{grid-template-columns:1fr;gap:16px}.home-bento>*{grid-column:span 1!important}.home-install-grid,.home-two-col{grid-template-columns:1fr;gap:20px}.home-drag-scroll{padding:16px 20px 40px;gap:16px}.container{padding:0 16px}section{padding-top:64px!important;padding-bottom:64px!important}}@media (max-width:480px){.home-drag-scroll{padding:12px 16px 32px;gap:12px}}.theming-playground-grid{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:flex-start}.theming-playground-preview{position:relative;top:0}@media (max-width:900px){.theming-playground-grid{grid-template-columns:1fr;gap:20px}}