#base-group{position:fixed;bottom:3%;left:15px;width:80px;height:40px;background:rgba(165,163,163,.75);padding:5px;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.35);z-index:1000;overflow:hidden;cursor:pointer;transition:width .3s,height .3s,padding .3s}#base-group:hover{width:180px;height:auto;padding:10px}#base-group h3{margin:0 0 6px;font-size:14px;text-align:center;transition:opacity .3s}#base-group:hover h3{opacity:1}.base-preview-container{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:200px;overflow-y:auto;transition:max-height .3s,opacity .3s}#base-group:hover .base-preview-container{max-height:200px;opacity:1}.base-preview-item{border:2px solid transparent;border-radius:4px;cursor:pointer;overflow:hidden;width:70px;height:70px;display:none}.base-preview-item.active{display:block;border-color:#2563eb}#base-group:hover .base-preview-item{display:block}.base-preview-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.base-preview-item:hover img{transform:scale(1.05)}