.media-picker[data-v-07a94de5]{display:flex;gap:16px;height:480px}.picker-sidebar[data-v-07a94de5]{width:220px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #e4e7ed;padding-right:12px}.sidebar-header[data-v-07a94de5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;font-size:14px}.sidebar-footer[data-v-07a94de5]{margin-top:auto;padding-top:8px;border-top:1px solid #e4e7ed}.sidebar-footer .el-button[data-v-07a94de5]{width:100%}.picker-main[data-v-07a94de5]{flex:1;display:flex;flex-direction:column;overflow:hidden}.upload-area[data-v-07a94de5]{margin-bottom:12px}.upload-dragger[data-v-07a94de5],.upload-dragger[data-v-07a94de5] .el-upload{width:100%}.upload-dragger[data-v-07a94de5] .el-upload-dragger{height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px}.upload-category-select[data-v-07a94de5]{display:flex;align-items:center;gap:6px;margin-bottom:8px}.upload-category-label[data-v-07a94de5]{font-size:13px;color:#606266;white-space:nowrap}.upload-icon[data-v-07a94de5]{font-size:20px;color:#c0c4cc}.upload-text[data-v-07a94de5]{color:#606266;font-size:13px}.upload-text em[data-v-07a94de5]{color:#409eff;font-style:normal}.upload-hint[data-v-07a94de5]{font-size:12px;color:#909399;margin-top:4px}.picker-category-node[data-v-07a94de5]{display:flex;justify-content:space-between;align-items:center;flex:1;padding-right:4px}.picker-category-node .el-button[data-v-07a94de5]{opacity:0;transition:opacity .2s}.picker-category-node:hover .el-button[data-v-07a94de5]{opacity:1}.search-bar[data-v-07a94de5]{display:flex;gap:8px;margin-bottom:12px}.media-grid[data-v-07a94de5]{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;overflow-y:auto;padding:4px;align-content:start}.media-item[data-v-07a94de5]{position:relative;border:2px solid #e4e7ed;border-radius:6px;cursor:pointer;overflow:hidden;transition:border-color .2s;background:#fafafa}.media-item[data-v-07a94de5]:hover{border-color:#409eff}.media-item.selected[data-v-07a94de5]{border-color:#409eff;background:#ecf5ff}.media-preview[data-v-07a94de5]{width:100%;height:150px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f0f0f0}.media-preview-img[data-v-07a94de5],.media-preview video[data-v-07a94de5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-error[data-v-07a94de5]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#c0c4cc;font-size:24px}.video-preview[data-v-07a94de5]{position:relative}.video-icon[data-v-07a94de5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:hsla(0,0%,100%,.85);font-size:24px;text-shadow:0 1px 3px rgba(0,0,0,.4);pointer-events:none}.selected-mask[data-v-07a94de5]{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#409eff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;z-index:1}.media-name[data-v-07a94de5]{padding:6px 8px;font-size:12px;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state[data-v-07a94de5]{grid-column:1/-1;display:flex;justify-content:center;align-items:center;padding:60px 0}.pagination-bar[data-v-07a94de5]{margin-top:12px;display:flex;justify-content:flex-end}.multi-count[data-v-07a94de5]{color:#909399;font-size:13px}.upload-trigger[data-v-7c477b18]{display:inline-block;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;padding:4px;transition:border-color .2s}.upload-trigger[data-v-7c477b18]:hover{border-color:#409eff}.upload-img[data-v-7c477b18]{display:block;width:200px;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.upload-placeholder[data-v-7c477b18]{width:200px;height:120px;display:flex;align-items:center;justify-content:center}.upload-icon[data-v-7c477b18]{font-size:28px;color:#8c939d}.multi-upload-list[data-v-7c477b18]{display:flex;flex-wrap:wrap;gap:8px}.multi-item[data-v-7c477b18]{position:relative;border-radius:6px;overflow:hidden}.multi-preview[data-v-7c477b18]{width:100px;height:100px;display:block;border:1px solid #e4e7ed;border-radius:6px}.multi-remove[data-v-7c477b18]{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;opacity:0;transition:opacity .2s}.multi-item:hover .multi-remove[data-v-7c477b18]{opacity:1}.multi-add[data-v-7c477b18]{width:100px;height:100px;border:1px dashed #d9d9d9;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8c939d;font-size:24px;transition:border-color .2s}.multi-add[data-v-7c477b18]:hover{border-color:#409eff;color:#409eff}