.page-module__xvB5OG__container{background:var(--background);grid-template-columns:260px 1fr;min-height:calc(100vh - 80px);margin-top:80px;display:grid}.page-module__xvB5OG__sidebar{border-right:1px solid var(--card-border);height:calc(100vh - 80px);padding:2.5rem 1.5rem;position:sticky;top:80px;overflow-y:auto}.page-module__xvB5OG__navGroup{margin-bottom:2rem}.page-module__xvB5OG__navGroup label{color:var(--muted);text-transform:uppercase;margin-bottom:.8rem;font-size:.65rem;font-weight:800;display:block}.page-module__xvB5OG__navGroup a{color:var(--muted);padding:.4rem 0;font-size:.9rem;text-decoration:none;transition:all .2s;display:block}.page-module__xvB5OG__navGroup a:hover{color:var(--primary)}.page-module__xvB5OG__content{scroll-behavior:smooth;max-width:900px;padding:4rem 8%}.page-module__xvB5OG__badge{background:var(--background);border:1px solid var(--primary);color:var(--primary);border-radius:4px;margin-bottom:1rem;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.page-module__xvB5OG__content h1{margin-bottom:1rem;font-size:2.8rem}.page-module__xvB5OG__content h2{border-bottom:1px solid var(--card-border);margin:4rem 0 1rem;padding-bottom:.8rem;font-size:1.6rem}.page-module__xvB5OG__content p{color:var(--muted);font-size:1rem;line-height:1.6}.page-module__xvB5OG__infoCard{background:var(--background-clean);border-left:4px solid var(--primary);border-radius:12px;align-items:center;gap:1rem;margin:2rem 0;padding:1.2rem;display:flex}.page-module__xvB5OG__infoCard code{color:var(--primary-light);border-radius:4px;padding:3px 8px;font-size:.85rem}.page-module__xvB5OG__installBox{color:#fff;background:#202020;border:1px solid #333;border-radius:8px;align-items:center;gap:12px;margin:1.5rem 0;padding:1rem;font-family:monospace;display:flex}.page-module__xvB5OG__propsTable{border-collapse:collapse;width:100%;margin-top:1.5rem}.page-module__xvB5OG__propsTable th{text-align:left;border-bottom:2px solid var(--card-border);color:var(--muted);padding:12px;font-size:.85rem}.page-module__xvB5OG__propsTable td{border-bottom:1px solid var(--card-border);padding:12px;font-size:.9rem}.page-module__xvB5OG__previewPane{border-left:1px solid var(--card-border);background:#0a0a0a;height:calc(100vh - 80px);padding:2rem;position:sticky;top:80px}.page-module__xvB5OG__stickyCode{background:#141414;border:1px solid #222;border-radius:12px;position:sticky;top:2rem;overflow:hidden;box-shadow:0 20px 50px #00000080}.page-module__xvB5OG__previewHeader{color:#666;background:#1d1d1d;justify-content:space-between;align-items:center;padding:.7rem 1rem;font-size:.7rem;display:flex}.page-module__xvB5OG__headerDots{gap:5px;display:flex}.page-module__xvB5OG__headerDots span{background:#333;border-radius:50%;width:7px;height:7px}.page-module__xvB5OG__syntaxWrapper{padding:1rem;overflow-x:auto}.page-module__xvB5OG__syntaxWrapper pre{white-space:pre!important;margin:0!important}.page-module__xvB5OG__copyBtn{color:#fff;cursor:pointer;background:#1d1d1d;border:none;border-top:1px solid #222;justify-content:center;align-items:center;gap:8px;width:100%;padding:.8rem;font-size:.75rem;display:flex}@media (max-width:1200px){.page-module__xvB5OG__container{grid-template-columns:240px 1fr}.page-module__xvB5OG__previewPane{display:none}}