.DevLibrary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px}.DevLibrary .LibrarySection{margin-bottom:40px}.DevLibrary .LibrarySection .library-section-content .section-title{flex-flow:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:0 20px;display:flex}.DevLibrary .LibrarySection .library-section-content .section-title .section-title-text{color:rgba(255,255,255,.9);align-items:center;gap:8px;font-size:28px;font-weight:700;display:flex}.DevLibrary .LibrarySection .library-section-content .section-title .section-title-text i{font-size:1em}.DevLibrary .LibrarySection .library-section-content .section-title .section-description{color:rgba(255,255,255,.7);font-size:16px}.DevLibrary .LibrarySection .library-section-content .LibraryList{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:0 20px;display:grid}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item{background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 8px 32px rgba(0,0,0,.1)}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item .library-link{color:inherit;margin-bottom:15px;text-decoration:none;display:block}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item .library-link .library-link-content{flex-direction:column;justify-content:flex-start;gap:4px;display:flex}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item .library-link .library-name{color:#333;font-size:20px;font-weight:700;display:block}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item .library-link .library-description{color:#666;flex:1;margin:0;font-size:14px;line-height:1.4}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item .library-link .library-featured{color:#333;box-sizing:border-box;background:linear-gradient(45deg,gold,#ffed4e);border-radius:12px;width:-moz-fit-content;width:fit-content;height:24px;min-height:24px;margin-top:4px;padding:4px 8px;font-size:12px;font-weight:700;line-height:16px;display:inline-block}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item .library-link .library-featured.library-featured-placeholder{visibility:hidden;background:0 0;width:60px}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item .library-links{gap:12px;margin-bottom:15px;display:flex}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item .library-links .library-link-item{color:#666;background:rgba(0,0,0,.05);border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item .library-links .library-link-item:hover{color:#333;background:rgba(0,0,0,.1)}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item .library-links .library-link-item.library-like{cursor:pointer}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item .library-links .library-link-item.library-like:hover{color:#ff6b6b;background:rgba(255,107,107,.1)}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item .library-links .library-link-item.library-like .like-count{font-size:12px;font-weight:700}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item .library-links .library-link-item i{font-size:16px}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item .library-stats{flex-wrap:wrap;gap:16px;display:flex}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item .library-stats .stat-item{color:#888;align-items:center;gap:4px;font-size:12px;display:flex}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item .library-stats .stat-item i{font-size:14px}.DevLibrary .LibrarySection .library-section-content .LibraryList .library-item .library-stats .stat-item.version{color:#007bff;background:rgba(0,123,255,.1);border-radius:4px;padding:4px 8px;font-weight:700}.DevLibrary .loading-container{color:rgba(255,255,255,.8);flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.DevLibrary .loading-container i{margin-bottom:16px;font-size:2em}.DevLibrary .loading-container span{font-size:1.2em}.DevLibrary .error-container{color:rgba(255,255,255,.8);flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.DevLibrary .error-container i{color:#ff6b6b;margin-bottom:16px;font-size:2em}.DevLibrary .error-container span{margin-bottom:16px;font-size:1.2em}.DevLibrary .error-container .retry-button{color:rgba(255,255,255,.8);cursor:pointer;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:8px 16px;transition:all .2s}.DevLibrary .error-container .retry-button:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5)}.DevLibrary .library-item-skeleton{pointer-events:none;opacity:.6}.DevLibrary .library-item-skeleton .skeleton-shimmer{background:linear-gradient(90deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 100%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}.DevLibrary .library-item-skeleton .library-name.skeleton-shimmer{width:60%;height:24px}.DevLibrary .library-item-skeleton .library-description.skeleton-shimmer{width:90%;height:16px;margin-top:8px}.DevLibrary .library-item-skeleton .library-link-item.skeleton-shimmer{width:40px;height:32px}.DevLibrary .library-item-skeleton .stat-item.skeleton-shimmer{width:60px;height:16px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}