.library-container{color:#fff;background-color:#020617;width:100%;min-height:100vh;padding:30px;font-family:Inter,sans-serif;transition:margin-left .3s;overflow-x:hidden}.library-container .header{border-bottom:1px solid #ffffff1a;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:40px;padding-top:10px;padding-bottom:20px;padding-right:10px;display:flex}.library-container .left{flex-flow:column wrap;justify-content:center;align-items:center;width:auto;padding:5px;display:flex}.library-container .top{flex-direction:row;align-items:center;gap:16px;font-size:2.5rem;font-weight:800;display:flex}.library-container .top span{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.library-container .menu-icon-container{cursor:pointer;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.library-container .menu-icon-container:hover{background:#fff3;transform:scale(1.1)}.library-container .bottom{color:#94a3b8;font-size:.95rem;font-weight:500}.library-container .right{flex-direction:row;align-items:center;gap:16px;display:flex}.library-container .status{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.library-container .status:before{content:"";background-color:#10b981;border-radius:50%;width:8px;height:8px;display:block;box-shadow:0 0 8px #10b981}.library-container .mode{color:#ff8c00;cursor:pointer;background:0 0;border:1px solid #ff8c00;border-radius:20px;align-items:center;padding:8px 24px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 0 10px #ff8c001a}.library-container .mode:hover{color:#fff;background:#ff8c00;box-shadow:0 0 20px #ff8c0066}.library-container .grid-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;width:100%;display:grid}.library-container .mbody{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #ffffff0d;border-radius:16px;flex-direction:row;align-items:center;gap:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.library-container .mbody:hover{background:#1e293bcc;border-color:#ff8c00;border-radius:24px;transform:translateY(-5px);box-shadow:0 10px 30px -10px #00000080}.library-container .mbody:hover .img img{transform:scale(1.05)}.library-container .img{border-radius:12px;flex-shrink:0;width:80px;height:80px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.library-container .img img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;transition:transform .5s}.library-container .text{flex-direction:column;justify-content:center;gap:4px;display:flex}.library-container .text h2{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.library-container .text p{color:#94a3b8;margin:0;font-size:.9rem}@media (max-width:768px){.library-container .header{flex-direction:column;align-items:flex-start;gap:20px}.library-container .right{justify-content:flex-start;width:100%}.library-container .grid-container{grid-template-columns:1fr}.library-container{width:100%;margin-left:0;padding:20px 20px 80px}}