.audio-preview{height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#2a2e36;color:#ebf8ff}.audio-preview i{font-size:24px;margin-bottom:4px}.audio-preview .waveform-preview{width:100%;height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.audio-preview .waveform-preview .waveform-bar{width:2px;background:#409eff;margin:0 1px;-webkit-transition:height .2s;transition:height .2s}.resources-nav{min-width:278px}.resources-nav .upload-btn{margin-bottom:16px}.resources-nav .upload-btn .el-button{width:100%;background-color:rgba(204,221,255,.06);border-color:#303642;color:#ebf8ff;border-radius:8px;font-size:13px;font-weight:500;height:35px;line-height:20px;padding:0}.resources-nav .upload-btn .el-button:hover{background-color:#39404b}.resources-nav .el-tabs{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.resources-nav .el-tabs .el-tabs__content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.resources-nav .el-tabs .el-tabs__content .el-tab-pane{height:100%;padding:0 16px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:13px}.resources-nav .el-tabs__item{font-size:13px;font-weight:500;height:32px;line-height:20px;color:#92a0a9}.resources-nav .el-tabs__item.is-active{color:#2de5fa}.resources-nav .el-tabs__nav-wrap{border-bottom:1px solid #2a2e36}.resources-nav .el-tabs__nav-scroll{padding:12px 16px 0}.resources-nav .el-tabs__active-bar,.resources-nav .el-tabs__nav-wrap:after{display:none}.resources-nav .media-library{padding:0}.resources-nav .media-library .media-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;padding:8px 0}.resources-nav .media-library .media-item{cursor:pointer;border-radius:4px;overflow:hidden;background:#2a2e36;-webkit-transition:all .3s ease;transition:all .3s ease}.resources-nav .media-library .media-item:hover{background:#39404b;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.resources-nav .media-library .media-item img{width:100%;height:60px;-o-object-fit:cover;object-fit:cover}.resources-nav .media-library .media-item .media-item-info{padding:6px;font-size:12px}.resources-nav .media-library .media-item .media-item-info .media-item-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ebf8ff}.resources-nav .media-library .media-item .media-item-info .media-item-duration{display:block;margin-top:2px;color:#92a0a9;font-size:11px}